Adam Stankiewicz

[paragon-openedx.netlify.app] Feedback (on /components/datatable/)

2

## Bugs I believe there may be an a11y/usability bug surrounding sortable columns in the `DataTable` component regarding the `title` attribute value on sortable column headers. As is, every sortable...

## Improvements The `SearchField` component allows users to type into an input field and then click one of two conditional icon buttons: * Clear. Resets the input to be empty....

## Improvements Any component that allows consumers to override its underlying DOM element (e.g., `div`, `span`) should rely on an `as` prop for consistency with the majority of Paragon components...

[discovery] Upgrade `@tanstack/react-table` to latest version

1

## Improvements https://www.npmjs.com/package/@tanstack/react-table `DataTable` uses an older verison of `react-table`. We should look into upgrading to the latest version and updating documentation. Related issue (short term fix): https://github.com/openedx/paragon/issues/2934

[sanity check] `PropTypes.oneOfType([PropTypes.element, PropTypes.func])` replaced with `PropTypes.elementType`

2

Example component where issue is seen: `DataTable` supports a `columns` prop that allows consumers to customize their table's column configuration. For each column, consumers may override the `Cell` property within...

## Improvements Investigate ways to make the `DataTable` footer component more configurable to support additional use cases without having to override all of `DataTable`'s children. For example, the pattern used...

Add `start:with-theme` NPM script to consuming MFEs

1

Add the following NPM script to consuming package.json files for micro-frontends, including frontend-template-application. ``` { "scripts": { "start:with-theme": "paragon install-theme && npm start && npm install" } } ``` If...

[discovery] Splitting technical vs. design documentation for components

1

- [ ] Understanding how to author documentation for technical vs. design in the MDX files. - [ ] Understanding how we may be able to start supporting `Tabs` on...

# Context Currently, consumers of Paragon's `Toast` must render the `Toast` before its visible (for fade in transition to work properly). However, consumers need to implement their own state to...

The `Chip` was previously updated to reflect the chip-like UI within the spec'd `Multiselect` component ([WIP](https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-Design-System?type=design&node-id=9076-2632&mode=design&t=Vt7bsBprO6xU1Pcb-4)). However, this decision had the unfortunate consequence of changing the `Chip` to something we...