npm - @onewelcome/react-lib-components - Versions diffs - 8.9.1 → 8.11.0 - Mend

@onewelcome/react-lib-components 8.9.1 → 8.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (661) hide show

package/dist/esm/DataGrid/DataGrid.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGrid.esm.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, {\n ComponentPropsWithRef,\n Fragment,\n ReactElement,\n Ref,\n useEffect,\n useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\nimport { DataGridToolbar, DataGridToolbarProps } from \"./DataGridFilters/DataGridToolbar\";\nimport { DataGridToolbarWrapper } from \"./DataGridFilters/DataGridToolbarWrapper\";\nimport { DataGridSearchbar, DataGridSearchbarProps } from \"./DataGridFilters/DataGridSearchbar\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n children: ({ item, index }: { item: T; index: number }) => ReactElement;\n data?: T[];\n initialSort?: Sort;\n onSort?: OnSortFunction;\n headers: HeaderCell[];\n /\n @deprecated use the `toolbarButtons` prop instead\n */\n actions?: {\n enableAddBtn?: boolean;\n enableColumnsBtn?: boolean;\n enableSearchBtn?: boolean;\n addBtnProps?: ButtonProps;\n columnsBtnProps?: ButtonProps;\n searchBtnProps?: ButtonProps;\n searchIconBtnProps?: ButtonProps;\n };\n nestedRowConfig?: {\n nestedItemsKey?: keyof T;\n };\n emptyLabel?: string;\n paginationProps?: PaginationProps;\n disableContextMenuColumn?: boolean;\n enableExpandableRow?: boolean;\n filters?: DataGridToolbarProps;\n search?: DataGridSearchbarProps;\n toolbarButtons?:\n \| ReactElement<ButtonProps, typeof Button>\n \| ReactElement<ButtonProps, typeof Button>[];\n isLoading?: boolean;\n enableMultiSorting?: boolean;\n spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n {\n children,\n data,\n initialSort,\n onSort,\n headers,\n actions = {},\n paginationProps,\n nestedRowConfig,\n disableContextMenuColumn,\n enableExpandableRow,\n filters,\n search,\n toolbarButtons,\n isLoading,\n enableMultiSorting,\n emptyLabel,\n spacing,\n style,\n ...rest\n }: Props<T>,\n ref: Ref<HTMLDivElement>\n) => {\n if (!headers) {\n throw new Error(\"Headers definition has to be provided\");\n }\n if (!children) {\n throw new Error(\"DataGridBody should be provided with a template how to render rows\");\n }\n\n const [internalHeaders, setInternalHeaders] = useState(headers);\n const styleWithSpacing = useSpacing(spacing, style);\n\n useEffect(() => setInternalHeaders(headers), [headers]);\n\n const onColumnToggled = (colName: string) => {\n setInternalHeaders(\n internalHeaders.map(item =>\n item.name !== colName ? item : { ...item, hidden: !item.hidden }\n )\n );\n };\n\n if (styleWithSpacing?.padding) {\n const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n let paddingLeftIndex: number = 0;\n\n if (splitPaddings.length >= 2) {\n paddingLeftIndex = 1;\n }\n if (splitPaddings.length === 4) {\n paddingLeftIndex = 3;\n }\n\n Object.defineProperties(styleWithSpacing, {\n paddingTop: {\n value: splitPaddings[0]\n },\n paddingRight: {\n value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n },\n paddingBottom: {\n value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n },\n paddingLeft: {\n value: splitPaddings[paddingLeftIndex]\n }\n });\n }\n\n return (\n <div\n {...rest}\n className={classes[\"grid-wrapper\"]}\n ref={ref}\n style={{\n paddingTop: styleWithSpacing?.paddingTop,\n paddingBottom: styleWithSpacing?.paddingBottom\n }}\n >\n {filters \|\| search \|\| toolbarButtons ? (\n <DataGridToolbarWrapper\n filters={\n <Fragment>\n {search && <DataGridSearchbar {...search} />}\n {filters && <DataGridToolbar {...filters} />}\n </Fragment>\n }\n buttons={toolbarButtons}\n />\n ) : (\n <DataGridActions\n {...actions}\n style={{\n paddingLeft: styleWithSpacing?.paddingLeft,\n paddingRight: styleWithSpacing?.paddingRight\n }}\n headers={internalHeaders}\n onColumnToggled={onColumnToggled}\n />\n )}\n\n <div className={classes[\"table-wrapper\"]}>\n <table className={classes[\"table\"]}>\n <DataGridHeader\n headers={internalHeaders}\n initialSort={initialSort}\n onSort={onSort}\n disableContextMenuColumn={disableContextMenuColumn}\n enableExpandableRow={enableExpandableRow}\n enableNestedRows={!!nestedRowConfig}\n enableMultiSorting={enableMultiSorting}\n spacing={styleWithSpacing}\n />\n <DataGridBody\n data={data}\n headers={internalHeaders}\n isLoading={isLoading}\n disableContextMenuColumn={disableContextMenuColumn}\n nestedRowConfig={nestedRowConfig}\n emptyLabel={emptyLabel}\n spacing={styleWithSpacing}\n searchValue={search?.initialSearchValue}\n >\n {children}\n </DataGridBody>\n </table>\n </div>\n {paginationProps && !isLoading && (\n <Pagination\n {...paginationProps}\n style={{\n ...paginationProps.style,\n paddingLeft: styleWithSpacing?.paddingLeft,\n paddingRight: styleWithSpacing?.paddingRight\n }}\n className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n />\n )}\n </div>\n );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"DataGrid.esm.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, {\n ComponentPropsWithRef,\n Fragment,\n ReactElement,\n Ref,\n useEffect,\n useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\nimport { DataGridToolbar, DataGridToolbarProps } from \"./DataGridFilters/DataGridToolbar\";\nimport { DataGridToolbarWrapper } from \"./DataGridFilters/DataGridToolbarWrapper\";\nimport { DataGridSearchbar, DataGridSearchbarProps } from \"./DataGridFilters/DataGridSearchbar\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n children: ({ item, index }: { item: T; index: number }) => ReactElement;\n data?: T[];\n initialSort?: Sort;\n onSort?: OnSortFunction;\n headers: HeaderCell[];\n /\n @deprecated use the `toolbarButtons` prop instead\n */\n actions?: {\n enableAddBtn?: boolean;\n enableColumnsBtn?: boolean;\n enableSearchBtn?: boolean;\n addBtnProps?: ButtonProps;\n columnsBtnProps?: ButtonProps;\n searchBtnProps?: ButtonProps;\n searchIconBtnProps?: ButtonProps;\n };\n nestedRowConfig?: {\n nestedItemsKey?: keyof T;\n };\n emptyLabel?: string;\n paginationProps?: PaginationProps;\n disableContextMenuColumn?: boolean;\n enableExpandableRow?: boolean;\n filters?: DataGridToolbarProps;\n search?: DataGridSearchbarProps;\n toolbarButtons?:\n \| ReactElement<ButtonProps, typeof Button>\n \| ReactElement<ButtonProps, typeof Button>[];\n isLoading?: boolean;\n enableMultiSorting?: boolean;\n spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends object>(\n {\n children,\n data,\n initialSort,\n onSort,\n headers,\n actions = {},\n paginationProps,\n nestedRowConfig,\n disableContextMenuColumn,\n enableExpandableRow,\n filters,\n search,\n toolbarButtons,\n isLoading,\n enableMultiSorting,\n emptyLabel,\n spacing,\n style,\n ...rest\n }: Props<T>,\n ref: Ref<HTMLDivElement>\n) => {\n if (!headers) {\n throw new Error(\"Headers definition has to be provided\");\n }\n if (!children) {\n throw new Error(\"DataGridBody should be provided with a template how to render rows\");\n }\n\n const [internalHeaders, setInternalHeaders] = useState(headers);\n const styleWithSpacing = useSpacing(spacing, style);\n\n useEffect(() => setInternalHeaders(headers), [headers]);\n\n const onColumnToggled = (colName: string) => {\n setInternalHeaders(\n internalHeaders.map(item =>\n item.name !== colName ? item : { ...item, hidden: !item.hidden }\n )\n );\n };\n\n if (styleWithSpacing?.padding) {\n const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n let paddingLeftIndex: number = 0;\n\n if (splitPaddings.length >= 2) {\n paddingLeftIndex = 1;\n }\n if (splitPaddings.length === 4) {\n paddingLeftIndex = 3;\n }\n\n Object.defineProperties(styleWithSpacing, {\n paddingTop: {\n value: splitPaddings[0]\n },\n paddingRight: {\n value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n },\n paddingBottom: {\n value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n },\n paddingLeft: {\n value: splitPaddings[paddingLeftIndex]\n }\n });\n }\n\n return (\n <div\n {...rest}\n className={classes[\"grid-wrapper\"]}\n ref={ref}\n style={{\n paddingTop: styleWithSpacing?.paddingTop,\n paddingBottom: styleWithSpacing?.paddingBottom\n }}\n >\n {filters \|\| search \|\| toolbarButtons ? (\n <DataGridToolbarWrapper\n filters={\n <Fragment>\n {search && <DataGridSearchbar {...search} />}\n {filters && <DataGridToolbar {...filters} />}\n </Fragment>\n }\n buttons={toolbarButtons}\n />\n ) : (\n <DataGridActions\n {...actions}\n style={{\n paddingLeft: styleWithSpacing?.paddingLeft,\n paddingRight: styleWithSpacing?.paddingRight\n }}\n headers={internalHeaders}\n onColumnToggled={onColumnToggled}\n />\n )}\n\n <div className={classes[\"table-wrapper\"]}>\n <table className={classes[\"table\"]}>\n <DataGridHeader\n headers={internalHeaders}\n initialSort={initialSort}\n onSort={onSort}\n disableContextMenuColumn={disableContextMenuColumn}\n enableExpandableRow={enableExpandableRow}\n enableNestedRows={!!nestedRowConfig}\n enableMultiSorting={enableMultiSorting}\n spacing={styleWithSpacing}\n />\n <DataGridBody\n data={data}\n headers={internalHeaders}\n isLoading={isLoading}\n disableContextMenuColumn={disableContextMenuColumn}\n nestedRowConfig={nestedRowConfig}\n emptyLabel={emptyLabel}\n spacing={styleWithSpacing}\n searchValue={search?.initialSearchValue}\n >\n {children}\n </DataGridBody>\n </table>\n </div>\n {paginationProps && !isLoading && (\n <Pagination\n {...paginationProps}\n style={{\n ...paginationProps.style,\n paddingLeft: styleWithSpacing?.paddingLeft,\n paddingRight: styleWithSpacing?.paddingRight\n }}\n className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n />\n )}\n </div>\n );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends object>(\n p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGrid.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGrid_grid-wrapper_6dWwy{padding:.875rem 0}.DataGrid_table-wrapper_6dWwy{overflow-x:auto}.DataGrid_table_6dWwy{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid_pagination_6dWwy{margin-top:.875rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid_pagination_6dWwy{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNkJBQ0UsaUJBQ0YsQ0FFQSw4QkFDRSxlQUNGLENBRUEsc0JBQ0Usd0JBQXlCLENBQ3pCLGlCQUFtQixDQUVuQixpQkFBa0IsQ0FEbEIsVUFFRixDQUVBLDJCQUNFLGtCQUFvQixDQUNwQixjQUNGLENBRUEsd0NBQ0UsMkJBQ0UsaUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZ3JpZC13cmFwcGVyIHtcbiAgcGFkZGluZzogMC44NzVyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDAuODc1cmVtO1xuICBwYWRkaW5nOiAwIDFyZW07XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAucGFnaW5hdGlvbiB7XG4gICAgcGFkZGluZzogMCAxLjI1cmVtO1xuICB9XG59Il19 */";
-var classes = {"grid-wrapper":"DataGrid_grid-wrapper_6dWwy","table-wrapper":"DataGrid_table-wrapper_6dWwy","table":"DataGrid_table_6dWwy","pagination":"DataGrid_pagination_6dWwy"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGrid_grid-wrapper_Pphm5{padding:.875rem 0}.DataGrid_table-wrapper_Pphm5{overflow-x:auto}.DataGrid_table_Pphm5{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid_pagination_Pphm5{margin-top:.875rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid_pagination_Pphm5{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsNkJBQ0UsaUJBQ0YsQ0FFQSw4QkFDRSxlQUNGLENBRUEsc0JBQ0Usd0JBQXlCLENBQ3pCLGlCQUFtQixDQUVuQixpQkFBa0IsQ0FEbEIsVUFFRixDQUVBLDJCQUNFLGtCQUFvQixDQUNwQixjQUNGLENBRUEsd0NBQ0UsMkJBQ0UsaUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZ3JpZC13cmFwcGVyIHtcbiAgcGFkZGluZzogMC44NzVyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDAuODc1cmVtO1xuICBwYWRkaW5nOiAwIDFyZW07XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAucGFnaW5hdGlvbiB7XG4gICAgcGFkZGluZzogMCAxLjI1cmVtO1xuICB9XG59Il19 */";
+var classes = {"grid-wrapper":"DataGrid_grid-wrapper_Pphm5","table-wrapper":"DataGrid_table-wrapper_Pphm5","table":"DataGrid_table_Pphm5","pagination":"DataGrid_pagination_Pphm5"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState, useRef, Fragment } from 'react';
+import React__default, { useState, useRef, Fragment } from 'react';
 import { Button } from '../../Button/Button.esm.js';
 import { IconButton } from '../../Button/IconButton.esm.js';
 import { Icon, Icons } from '../../Icon/Icon.esm.js';
@@ -28,20 +28,20 @@ const DataGridActionsComponent = ({ className, enableAddBtn, enableColumnsBtn, e
     const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;
     const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;
     const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;
-    return isHidden ? null : (React.createElement("div", { ...rest, ref: ref, className: `${classes["actions"]} ${className !== null && className !== void 0 ? className : ""}` },
-        React.createElement("div", { className: classes["left-actions"] }, enableAddBtn && (React.createElement(Button, { color: "primary", startIcon: React.createElement(Icon, { icon: Icons.Plus }), title: "Add item", type: "button", variant: "outline", ...restAddBtnProps }, addBtnChildren !== null && addBtnChildren !== void 0 ? addBtnChildren : "Add item"))),
-        React.createElement("div", { className: classes["right-actions"] },
-            enableColumnsBtn && (React.createElement(Fragment, null,
-                React.createElement(Button, { startIcon: React.createElement(Icon, { icon: Icons.Change }), title: "Show/hide columns", variant: "text", ...restColumnsBtnProps, className: `${classes["desktop"]} ${(_a = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _a !== void 0 ? _a : ""}`, ref: showColumnBtn, onClick: () => setShowColsPopover(true) }, columnsBtnChildren !== null && columnsBtnChildren !== void 0 ? columnsBtnChildren : "Columns"),
-                React.createElement(IconButton, { title: "Show/hide columns", ...columnsBtnProps, onClick: () => setShowColsPopover(true), className: `${classes["mobile"]} ${(_b = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _b !== void 0 ? _b : ""}` },
-                    React.createElement(Icon, { icon: Icons.Change })),
-                React.createElement(DataGridColumnsToggle, { "aria-hidden": !showColsPopover, open: showColsPopover, headers: headers, onClose: () => setShowColsPopover(false), onToggleClicked: onColumnToggled, anchorEl: showColumnBtn }))),
-            enableSearchBtn && (React.createElement(Fragment, null,
-                React.createElement(Button, { startIcon: React.createElement(Icon, { icon: Icons.TableSearch }), title: "Search", variant: "text", ...restSearchBtnProps, className: `${classes["desktop"]} ${(_c = searchBtnProps === null || searchBtnProps === void 0 ? void 0 : searchBtnProps.className) !== null && _c !== void 0 ? _c : ""}` }, searchBtnChildren !== null && searchBtnChildren !== void 0 ? searchBtnChildren : "Search"),
-                React.createElement(IconButton, { title: "Search", ...searchIconBtnProps, className: `${classes["mobile"]} ${(_d = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _d !== void 0 ? _d : ""}` },
-                    React.createElement(Icon, { icon: Icons.TableSearch })))))));
+    return isHidden ? null : (React__default.createElement("div", { ...rest, ref: ref, className: `${classes["actions"]} ${className !== null && className !== void 0 ? className : ""}` },
+        React__default.createElement("div", { className: classes["left-actions"] }, enableAddBtn && (React__default.createElement(Button, { color: "primary", startIcon: React__default.createElement(Icon, { icon: Icons.Plus }), title: "Add item", type: "button", variant: "outline", ...restAddBtnProps }, addBtnChildren !== null && addBtnChildren !== void 0 ? addBtnChildren : "Add item"))),
+        React__default.createElement("div", { className: classes["right-actions"] },
+            enableColumnsBtn && (React__default.createElement(Fragment, null,
+                React__default.createElement(Button, { startIcon: React__default.createElement(Icon, { icon: Icons.Change }), title: "Show/hide columns", variant: "text", ...restColumnsBtnProps, className: `${classes["desktop"]} ${(_a = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _a !== void 0 ? _a : ""}`, ref: showColumnBtn, onClick: () => setShowColsPopover(true) }, columnsBtnChildren !== null && columnsBtnChildren !== void 0 ? columnsBtnChildren : "Columns"),
+                React__default.createElement(IconButton, { title: "Show/hide columns", ...columnsBtnProps, onClick: () => setShowColsPopover(true), className: `${classes["mobile"]} ${(_b = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _b !== void 0 ? _b : ""}` },
+                    React__default.createElement(Icon, { icon: Icons.Change })),
+                React__default.createElement(DataGridColumnsToggle, { "aria-hidden": !showColsPopover, open: showColsPopover, headers: headers, onClose: () => setShowColsPopover(false), onToggleClicked: onColumnToggled, anchorEl: showColumnBtn }))),
+            enableSearchBtn && (React__default.createElement(Fragment, null,
+                React__default.createElement(Button, { startIcon: React__default.createElement(Icon, { icon: Icons.TableSearch }), title: "Search", variant: "text", ...restSearchBtnProps, className: `${classes["desktop"]} ${(_c = searchBtnProps === null || searchBtnProps === void 0 ? void 0 : searchBtnProps.className) !== null && _c !== void 0 ? _c : ""}` }, searchBtnChildren !== null && searchBtnChildren !== void 0 ? searchBtnChildren : "Search"),
+                React__default.createElement(IconButton, { title: "Search", ...searchIconBtnProps, className: `${classes["mobile"]} ${(_d = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _d !== void 0 ? _d : ""}` },
+                    React__default.createElement(Icon, { icon: Icons.TableSearch })))))));
 };
-const DataGridActions = React.forwardRef(DataGridActionsComponent);
+const DataGridActions = React__default.forwardRef(DataGridActionsComponent);
 export { DataGridActions };
 //# sourceMappingURL=DataGridActions.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridActions.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ComponentPropsWithRef,\n ForwardRefRenderFunction,\n Fragment,\n useRef,\n useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n enableAddBtn?: boolean;\n enableColumnsBtn?: boolean;\n enableSearchBtn?: boolean;\n addBtnProps?: ButtonProps;\n columnsBtnProps?: ButtonProps;\n searchBtnProps?: ButtonProps;\n searchIconBtnProps?: ButtonProps;\n headers: HeaderCell[];\n onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n className,\n enableAddBtn,\n enableColumnsBtn,\n enableSearchBtn,\n addBtnProps = {},\n columnsBtnProps = {},\n searchBtnProps = {},\n searchIconBtnProps = {},\n headers,\n onColumnToggled,\n children,\n ...rest\n }: Props,\n ref\n) => {\n const isHidden = !(enableAddBtn \|\| enableColumnsBtn \|\| enableSearchBtn);\n const [showColsPopover, setShowColsPopover] = useState(false);\n const showColumnBtn = useRef<HTMLButtonElement>(null);\n const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n return isHidden ? null : (\n <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n <div className={classes[\"left-actions\"]}>\n {enableAddBtn && (\n <Button\n color=\"primary\"\n startIcon={<Icon icon={Icons.Plus} />}\n title=\"Add item\"\n type=\"button\"\n variant=\"outline\"\n {...restAddBtnProps}\n >\n {addBtnChildren ?? \"Add item\"}\n </Button>\n )}\n </div>\n <div className={classes[\"right-actions\"]}>\n {enableColumnsBtn && (\n <Fragment>\n <Button\n startIcon={<Icon icon={Icons.Change} />}\n title=\"Show/hide columns\"\n variant=\"text\"\n {...restColumnsBtnProps}\n className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n ref={showColumnBtn}\n onClick={() => setShowColsPopover(true)}\n >\n {columnsBtnChildren ?? \"Columns\"}\n </Button>\n <IconButton\n title=\"Show/hide columns\"\n {...columnsBtnProps}\n onClick={() => setShowColsPopover(true)}\n className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n >\n <Icon icon={Icons.Change} />\n </IconButton>\n <DataGridColumnsToggle\n aria-hidden={!showColsPopover}\n open={showColsPopover}\n headers={headers}\n onClose={() => setShowColsPopover(false)}\n onToggleClicked={onColumnToggled}\n anchorEl={showColumnBtn}\n />\n </Fragment>\n )}\n {enableSearchBtn && (\n <Fragment>\n <Button\n startIcon={<Icon icon={Icons.TableSearch} />}\n title=\"Search\"\n variant=\"text\"\n {...restSearchBtnProps}\n className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n >\n {searchBtnChildren ?? \"Search\"}\n </Button>\n <IconButton\n title=\"Search\"\n {...searchIconBtnProps}\n className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n >\n <Icon icon={Icons.TableSearch} />\n </IconButton>\n </Fragment>\n )}\n </div>\n </div>\n );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA4BH,MAAM,wBAAwB,GAAoD,CAChF,EACE,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,GAAG,EAAE,EAChB,eAAe,GAAG,EAAE,EACpB,cAAc,GAAG,EAAE,EACnB,kBAAkB,GAAG,EAAE,EACvB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,QAAQ,GAAG,EAAE,YAAY,IAAI,gBAAgB,IAAI,eAAe,CAAC,CAAC;IACxE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,GAAG,eAAe,CAAC;IACjF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,CAAC;AAE9E,IAAA,OAAO,QAAQ,GAAG,IAAI,~~IACpB~~,~~KAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;~~QAC5E~~,~~KAAK~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EACpC,EAAA,YAAY,~~KACX~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,IACL,KAAK,EAAC,SAAS,EACf,SAAS,~~EAAE~~,~~oBAAC~~,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,EACrC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,KACb,eAAe,EAAA,EAElB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,KAAA,CAAA,GAAd,cAAc,GAAI,UAAU,CACtB,CACV,CACG;AACN,~~QAAA~~,~~KAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;YACrC,gBAAgB,~~KACf~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,SAAS,~~EAAE~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,MAAM,GAAI,EACvC,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAC,MAAM,EACV,GAAA,mBAAmB,EACvB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EACtE,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,EAAA,EAEtC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAA,KAAA,CAAA,GAAlB,kBAAkB,GAAI,SAAS,CACzB;AACT,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAC,mBAAmB,KACrB,eAAe,EACnB,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,uBAAf,eAAe,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA,EAAA;~~oBAErE~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,GAAI,CACjB;AACb,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAA,aAAA,EACP,CAAC,eAAe,EAC7B,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EACxC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,aAAa,EAAA,CACvB,CACO,CACZ;YACA,eAAe,~~KACd~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;~~gBACP~~,~~KAAC~~,CAAA,aAAA,CAAA,MAAM,IACL,SAAS,~~EAAE~~,~~oBAAC~~,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAI,CAAA,EAC5C,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,MAAM,EACV,GAAA,kBAAkB,EACtB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,MAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAd,cAAc,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA,EAEpE,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAjB,KAAA,CAAA,GAAA,iBAAiB,GAAI,QAAQ,CACvB;~~gBACT~~,~~KAAC~~,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,KAAK,EAAC,QAAQ,EACV,GAAA,kBAAkB,EACtB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA;AAErE,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAI,CAAA,CACtB,CACJ,CACZ,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,MAAA,eAAe,~~GAAG~~,~~KAAK~~,CAAC,UAAU,CAAC,wBAAwB;;;;"}
1	+ {"version":3,"file":"DataGridActions.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ComponentPropsWithRef,\n ForwardRefRenderFunction,\n Fragment,\n useRef,\n useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n enableAddBtn?: boolean;\n enableColumnsBtn?: boolean;\n enableSearchBtn?: boolean;\n addBtnProps?: ButtonProps;\n columnsBtnProps?: ButtonProps;\n searchBtnProps?: ButtonProps;\n searchIconBtnProps?: ButtonProps;\n headers: HeaderCell[];\n onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n className,\n enableAddBtn,\n enableColumnsBtn,\n enableSearchBtn,\n addBtnProps = {},\n columnsBtnProps = {},\n searchBtnProps = {},\n searchIconBtnProps = {},\n headers,\n onColumnToggled,\n children,\n ...rest\n }: Props,\n ref\n) => {\n const isHidden = !(enableAddBtn \|\| enableColumnsBtn \|\| enableSearchBtn);\n const [showColsPopover, setShowColsPopover] = useState(false);\n const showColumnBtn = useRef<HTMLButtonElement>(null);\n const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n return isHidden ? null : (\n <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n <div className={classes[\"left-actions\"]}>\n {enableAddBtn && (\n <Button\n color=\"primary\"\n startIcon={<Icon icon={Icons.Plus} />}\n title=\"Add item\"\n type=\"button\"\n variant=\"outline\"\n {...restAddBtnProps}\n >\n {addBtnChildren ?? \"Add item\"}\n </Button>\n )}\n </div>\n <div className={classes[\"right-actions\"]}>\n {enableColumnsBtn && (\n <Fragment>\n <Button\n startIcon={<Icon icon={Icons.Change} />}\n title=\"Show/hide columns\"\n variant=\"text\"\n {...restColumnsBtnProps}\n className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n ref={showColumnBtn}\n onClick={() => setShowColsPopover(true)}\n >\n {columnsBtnChildren ?? \"Columns\"}\n </Button>\n <IconButton\n title=\"Show/hide columns\"\n {...columnsBtnProps}\n onClick={() => setShowColsPopover(true)}\n className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n >\n <Icon icon={Icons.Change} />\n </IconButton>\n <DataGridColumnsToggle\n aria-hidden={!showColsPopover}\n open={showColsPopover}\n headers={headers}\n onClose={() => setShowColsPopover(false)}\n onToggleClicked={onColumnToggled}\n anchorEl={showColumnBtn}\n />\n </Fragment>\n )}\n {enableSearchBtn && (\n <Fragment>\n <Button\n startIcon={<Icon icon={Icons.TableSearch} />}\n title=\"Search\"\n variant=\"text\"\n {...restSearchBtnProps}\n className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n >\n {searchBtnChildren ?? \"Search\"}\n </Button>\n <IconButton\n title=\"Search\"\n {...searchIconBtnProps}\n className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n >\n <Icon icon={Icons.TableSearch} />\n </IconButton>\n </Fragment>\n )}\n </div>\n </div>\n );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGridActions/DataGridActions.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridActions_actions_6dWwy{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions_left-actions_6dWwy{flex:1}.DataGridActions_right-actions_6dWwy{display:flex;gap:1rem}.DataGridActions_desktop_6dWwy{display:none}@media only screen and (min-width:50em){.DataGridActions_actions_6dWwy{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions_desktop_6dWwy{display:flex}.DataGridActions_mobile_6dWwy{display:none}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQWN0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLCtCQUdFLFlBQWEsQ0FDYixjQUFlLENBSGYsa0JBQW1CLENBQ25CLGNBR0YsQ0FFQSxvQ0FDRSxNQUNGLENBRUEscUNBQ0UsWUFBYSxDQUNiLFFBQ0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsd0NBQ0UsK0JBQ0UsaUJBQ0YsQ0FDRixDQUNBLHdDQUNFLCtCQUNFLFlBQ0YsQ0FDQSw4QkFDRSxZQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRBY3Rpb25zLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5hY3Rpb25zIHtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5sZWZ0LWFjdGlvbnMge1xuICBmbGV4OiAxO1xufVxuXG4ucmlnaHQtYWN0aW9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cblxuLmRlc2t0b3Age1xuICBkaXNwbGF5OiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmFjdGlvbnMge1xuICAgIHBhZGRpbmc6IDAgMS4yNXJlbTtcbiAgfVxufVxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzMGVtKSB7XG4gIC5kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5tb2JpbGUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn0iXX0= */";
-var classes = {"actions":"DataGridActions_actions_6dWwy","left-actions":"DataGridActions_left-actions_6dWwy","right-actions":"DataGridActions_right-actions_6dWwy","desktop":"DataGridActions_desktop_6dWwy","mobile":"DataGridActions_mobile_6dWwy"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridActions_actions_Pphm5{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions_left-actions_Pphm5{flex:1}.DataGridActions_right-actions_Pphm5{display:flex;gap:1rem}.DataGridActions_desktop_Pphm5{display:none}@media only screen and (min-width:50em){.DataGridActions_actions_Pphm5{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions_desktop_Pphm5{display:flex}.DataGridActions_mobile_Pphm5{display:none}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQWN0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLCtCQUdFLFlBQWEsQ0FDYixjQUFlLENBSGYsa0JBQW1CLENBQ25CLGNBR0YsQ0FFQSxvQ0FDRSxNQUNGLENBRUEscUNBQ0UsWUFBYSxDQUNiLFFBQ0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsd0NBQ0UsK0JBQ0UsaUJBQ0YsQ0FDRixDQUNBLHdDQUNFLCtCQUNFLFlBQ0YsQ0FDQSw4QkFDRSxZQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRBY3Rpb25zLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5hY3Rpb25zIHtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5sZWZ0LWFjdGlvbnMge1xuICBmbGV4OiAxO1xufVxuXG4ucmlnaHQtYWN0aW9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cblxuLmRlc2t0b3Age1xuICBkaXNwbGF5OiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmFjdGlvbnMge1xuICAgIHBhZGRpbmc6IDAgMS4yNXJlbTtcbiAgfVxufVxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzMGVtKSB7XG4gIC5kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5tb2JpbGUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn0iXX0= */";
+var classes = {"actions":"DataGridActions_actions_Pphm5","left-actions":"DataGridActions_left-actions_Pphm5","right-actions":"DataGridActions_right-actions_Pphm5","desktop":"DataGridActions_desktop_Pphm5","mobile":"DataGridActions_mobile_Pphm5"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState, Fragment } from 'react';
+import React__default, { useState, Fragment } from 'react';
 import { IconButton } from '../../Button/IconButton.esm.js';
 import { Toggle } from '../../Form/Toggle/Toggle.esm.js';
 import { Icon, Icons } from '../../Icon/Icon.esm.js';
@@ -26,19 +26,19 @@ import { createPortal } from 'react-dom';
 const DataGridColumnsToggleComponent = ({ open, headers, titleLabel = "Show columns", closeButtonTitle = "Close show columns dialog", onClose, onToggleClicked, className, domRoot = document.body, ...rest }, ref) => {
     const [id] = useState(generateID());
     const labelledId = id + "_header";
-    const toggles = headers.map(item => (React.createElement(Toggle, { key: item.name, name: item.name, checked: !item.hidden, onChange: () => onToggleClicked(item.name), label: item.headline })));
+    const toggles = headers.map(item => (React__default.createElement(Toggle, { key: item.name, name: item.name, checked: !item.hidden, onChange: () => onToggleClicked(item.name), label: item.headline })));
     const handleBackdropClick = () => onClose();
-    return (React.createElement(Popover, { ...rest, ref: ref, className: `${classes["popover"]} ${className}`, show: open, role: "dialog", "aria-modal": "true", "aria-labelledby": labelledId },
+    return (React__default.createElement(Popover, { ...rest, ref: ref, className: `${classes["popover"]} ${className}`, show: open, role: "dialog", "aria-modal": "true", "aria-labelledby": labelledId },
         open &&
-            createPortal(React.createElement("div", { "aria-hidden": "true", className: classes["backdrop"], onClick: handleBackdropClick }), domRoot),
-        open && (React.createElement(Fragment, null,
-            React.createElement("div", { className: classes["header"] },
-                React.createElement(Typography, { id: labelledId, className: classes["title"], tag: "span", variant: "h4" }, titleLabel),
-                React.createElement(IconButton, { onClick: onClose, className: `${classes["close-btn"]}`, title: closeButtonTitle },
-                    React.createElement(Icon, { icon: Icons.Times }))),
-            React.createElement("div", { className: classes["content"] }, toggles)))));
+            createPortal(React__default.createElement("div", { "aria-hidden": "true", className: classes["backdrop"], onClick: handleBackdropClick }), domRoot),
+        open && (React__default.createElement(Fragment, null,
+            React__default.createElement("div", { className: classes["header"] },
+                React__default.createElement(Typography, { id: labelledId, className: classes["title"], tag: "span", variant: "h4" }, titleLabel),
+                React__default.createElement(IconButton, { onClick: onClose, className: `${classes["close-btn"]}`, title: closeButtonTitle },
+                    React__default.createElement(Icon, { icon: Icons.Times }))),
+            React__default.createElement("div", { className: classes["content"] }, toggles)))));
 };
-const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);
+const DataGridColumnsToggle = React__default.forwardRef(DataGridColumnsToggleComponent);
 export { DataGridColumnsToggle };
 //# sourceMappingURL=DataGridColumnsToggle.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridColumnsToggle.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, Fragment, useState } from \"react\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Toggle } from \"../../Form/Toggle/Toggle\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Popover, Props as PopoverProps } from \"../../Popover/Popover\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { generateID } from \"../../../util/helper\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridColumnsToggle.module.scss\";\nimport { createPortal } from \"react-dom\";\n\nexport interface Props extends PopoverProps {\n open: boolean;\n headers: HeaderCell[];\n titleLabel?: string;\n closeButtonTitle?: string;\n onClose: () => void;\n onToggleClicked: (colName: string) => void;\n domRoot?: HTMLElement;\n}\n\nconst DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n open,\n headers,\n titleLabel = \"Show columns\",\n closeButtonTitle = \"Close show columns dialog\",\n onClose,\n onToggleClicked,\n className,\n domRoot = document.body,\n ...rest\n }: Props,\n ref\n) => {\n const [id] = useState(generateID());\n const labelledId = id + \"_header\";\n\n const toggles = headers.map(item => (\n <Toggle\n key={item.name}\n name={item.name}\n checked={!item.hidden}\n onChange={() => onToggleClicked(item.name)}\n label={item.headline}\n />\n ));\n\n const handleBackdropClick = () => onClose();\n\n return (\n <Popover\n {...rest}\n ref={ref}\n className={`${classes[\"popover\"]} ${className}`}\n show={open}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={labelledId}\n >\n {open &&\n createPortal(\n <div\n aria-hidden=\"true\"\n className={classes[\"backdrop\"]}\n onClick={handleBackdropClick}\n ></div>,\n domRoot\n )}\n {open && (\n <Fragment>\n <div className={classes[\"header\"]}>\n <Typography id={labelledId} className={classes[\"title\"]} tag=\"span\" variant=\"h4\">\n {titleLabel}\n </Typography>\n <IconButton\n onClick={onClose}\n className={`${classes[\"close-btn\"]}`}\n title={closeButtonTitle}\n >\n <Icon icon={Icons.Times} />\n </IconButton>\n </div>\n <div className={classes[\"content\"]}>{toggles}</div>\n </Fragment>\n )}\n </Popover>\n );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,8BAA8B,GAAoD,CACtF,EACE,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,cAAc,EAC3B,gBAAgB,GAAG,2BAA2B,EAC9C,OAAO,EACP,eAAe,EACf,SAAS,EACT,OAAO,GAAG,QAAQ,CAAC,IAAI,EACvB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACpC,IAAA,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;IAElC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,~~KAC9B~~,~~KAAA~~,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,EACrB,QAAQ,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAA,CACpB,CACH,CAAC,CAAC;AAEH,IAAA,MAAM,mBAAmB,GAAG,MAAM,OAAO,EAAE,CAAC;AAE5C,IAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAC/C,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,MAAM,qBACA,UAAU,EAAA;QAE1B,IAAI;AACH,YAAA,YAAY,~~CACV~~,~~KACc~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAC9B,OAAO,EAAE,mBAAmB,EACvB,CAAA,EACP,OAAO,CACR;QACF,IAAI,~~KACH~~,~~KAAA~~,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAA;gBAC/B,~~KAAC~~,CAAA,aAAA,CAAA,UAAU,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAC7E,EAAA,UAAU,CACA;AACb,~~gBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,EAAE,EACpC,KAAK,EAAE,gBAAgB,EAAA;~~oBAEvB~~,~~KAAC~~,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA,CAChB,CACT;AACN,~~YAAA~~,~~KAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAG,EAAA,OAAO,CAAO,CAC1C,CACZ,CACO,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,qBAAqB,~~GAAG~~,~~KAAK~~,CAAC,UAAU,CAAC,8BAA8B;;;;"}
1	+ {"version":3,"file":"DataGridColumnsToggle.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, Fragment, useState } from \"react\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Toggle } from \"../../Form/Toggle/Toggle\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Popover, Props as PopoverProps } from \"../../Popover/Popover\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { generateID } from \"../../../util/helper\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridColumnsToggle.module.scss\";\nimport { createPortal } from \"react-dom\";\n\nexport interface Props extends PopoverProps {\n open: boolean;\n headers: HeaderCell[];\n titleLabel?: string;\n closeButtonTitle?: string;\n onClose: () => void;\n onToggleClicked: (colName: string) => void;\n domRoot?: HTMLElement;\n}\n\nconst DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n open,\n headers,\n titleLabel = \"Show columns\",\n closeButtonTitle = \"Close show columns dialog\",\n onClose,\n onToggleClicked,\n className,\n domRoot = document.body,\n ...rest\n }: Props,\n ref\n) => {\n const [id] = useState(generateID());\n const labelledId = id + \"_header\";\n\n const toggles = headers.map(item => (\n <Toggle\n key={item.name}\n name={item.name}\n checked={!item.hidden}\n onChange={() => onToggleClicked(item.name)}\n label={item.headline}\n />\n ));\n\n const handleBackdropClick = () => onClose();\n\n return (\n <Popover\n {...rest}\n ref={ref}\n className={`${classes[\"popover\"]} ${className}`}\n show={open}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={labelledId}\n >\n {open &&\n createPortal(\n <div\n aria-hidden=\"true\"\n className={classes[\"backdrop\"]}\n onClick={handleBackdropClick}\n ></div>,\n domRoot\n )}\n {open && (\n <Fragment>\n <div className={classes[\"header\"]}>\n <Typography id={labelledId} className={classes[\"title\"]} tag=\"span\" variant=\"h4\">\n {titleLabel}\n </Typography>\n <IconButton\n onClick={onClose}\n className={`${classes[\"close-btn\"]}`}\n title={closeButtonTitle}\n >\n <Icon icon={Icons.Times} />\n </IconButton>\n </div>\n <div className={classes[\"content\"]}>{toggles}</div>\n </Fragment>\n )}\n </Popover>\n );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,8BAA8B,GAAoD,CACtF,EACE,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,cAAc,EAC3B,gBAAgB,GAAG,2BAA2B,EAC9C,OAAO,EACP,eAAe,EACf,SAAS,EACT,OAAO,GAAG,QAAQ,CAAC,IAAI,EACvB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACpC,IAAA,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;IAElC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,KAC9BA,cAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,EACrB,QAAQ,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAA,CACpB,CACH,CAAC,CAAC;AAEH,IAAA,MAAM,mBAAmB,GAAG,MAAM,OAAO,EAAE,CAAC;AAE5C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAC/C,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,MAAM,qBACA,UAAU,EAAA;QAE1B,IAAI;AACH,YAAA,YAAY,CACVA,cACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAC9B,OAAO,EAAE,mBAAmB,EACvB,CAAA,EACP,OAAO,CACR;QACF,IAAI,KACHA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAA;gBAC/BA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAC7E,EAAA,UAAU,CACA;AACb,gBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,EAAE,EACpC,KAAK,EAAE,gBAAgB,EAAA;oBAEvBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA,CAChB,CACT;AACN,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAG,EAAA,OAAO,CAAO,CAC1C,CACZ,CACO,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,qBAAqB,GAAGA,cAAK,CAAC,UAAU,CAAC,8BAA8B;;;;"}

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridColumnsToggle_popover_6dWwy{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle_backdrop_6dWwy{background-color:initial;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle_header_6dWwy{align-items:center;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;min-width:5rem;padding:1rem .5rem 1rem 1.5rem}.DataGridColumnsToggle_title_6dWwy{flex:1;margin:0}.DataGridColumnsToggle_close-btn_6dWwy{margin-left:.5rem}.DataGridColumnsToggle_content_6dWwy{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSxzQ0FPRSx3QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsb0NBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSxtQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLHVDQUNFLGlCQUNGLENBRUEscUNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */";
-var classes = {"popover":"DataGridColumnsToggle_popover_6dWwy","backdrop":"DataGridColumnsToggle_backdrop_6dWwy","header":"DataGridColumnsToggle_header_6dWwy","title":"DataGridColumnsToggle_title_6dWwy","close-btn":"DataGridColumnsToggle_close-btn_6dWwy","content":"DataGridColumnsToggle_content_6dWwy"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridColumnsToggle_popover_Pphm5{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle_backdrop_Pphm5{background-color:initial;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle_header_Pphm5{align-items:center;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;min-width:5rem;padding:1rem .5rem 1rem 1.5rem}.DataGridColumnsToggle_title_Pphm5{flex:1;margin:0}.DataGridColumnsToggle_close-btn_Pphm5{margin-left:.5rem}.DataGridColumnsToggle_content_Pphm5{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSxzQ0FPRSx3QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsb0NBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSxtQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLHVDQUNFLGlCQUNGLENBRUEscUNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */";
+var classes = {"popover":"DataGridColumnsToggle_popover_Pphm5","backdrop":"DataGridColumnsToggle_backdrop_Pphm5","header":"DataGridColumnsToggle_header_Pphm5","title":"DataGridColumnsToggle_title_Pphm5","close-btn":"DataGridColumnsToggle_close-btn_Pphm5","content":"DataGridColumnsToggle_content_Pphm5"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { DataGridCell } from './DataGridCell/DataGridCell.esm.js';
 import { DataGridRow } from './DataGridRow/DataGridRow.esm.js';
 import classes from './DataGridBody.module.scss.esm.js';
@@ -24,18 +24,18 @@ const DataGridBodyInner = ({ children, data, headers, nestedRowConfig, isLoading
     const renderContent = () => {
         const visibleColumns = headers.filter(header => !header.hidden).length;
         if (isLoading) {
-            return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (React.createElement(DataGridRow, { key: rowIdx, isLoading: true },
-                Array.from(Array(visibleColumns)).map((__, colIdx) => (React.createElement(DataGridCell, { key: colIdx, isLoading: true }))),
-                !disableContextMenuColumn && React.createElement(DataGridCell, null))));
+            return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (React__default.createElement(DataGridRow, { key: rowIdx, isLoading: true },
+                Array.from(Array(visibleColumns)).map((__, colIdx) => (React__default.createElement(DataGridCell, { key: colIdx, isLoading: true }))),
+                !disableContextMenuColumn && React__default.createElement(DataGridCell, null))));
         }
         const emptyData = !data || data.length === 0;
         if (emptyData) {
-            return (React.createElement("tr", null,
-                React.createElement("td", { className: classes["empty"], colSpan: visibleColumns + (disableContextMenuColumn ? 0 : 1) },
-                    React.createElement(Typography, { variant: "body", spacing: { margin: 0 } }, emptyLabel))));
+            return (React__default.createElement("tr", null,
+                React__default.createElement("td", { className: classes["empty"], colSpan: visibleColumns + (disableContextMenuColumn ? 0 : 1) },
+                    React__default.createElement(Typography, { variant: "body", spacing: { margin: 0 } }, emptyLabel))));
         }
         return data === null || data === void 0 ? void 0 : data.map((item, index) => {
-            return React.cloneElement(children({ item, index }), {
+            return React__default.cloneElement(children({ item, index }), {
                 searchValue: searchValue,
                 headers,
                 spacing,
@@ -50,9 +50,9 @@ const DataGridBodyInner = ({ children, data, headers, nestedRowConfig, isLoading
             });
         });
     };
-    return (React.createElement("tbody", { ...rest, ref: ref }, renderContent()));
+    return (React__default.createElement("tbody", { ...rest, ref: ref }, renderContent()));
 };
-const DataGridBody = React.forwardRef(DataGridBodyInner);
+const DataGridBody = React__default.forwardRef(DataGridBodyInner);
 export { DataGridBody };
 //# sourceMappingURL=DataGridBody.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridBody.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n children: ({ item, index }: { item: T; index: number }) => ReactElement;\n data?: T[];\n nestedRowConfig?: {\n nestedItemsKey?: keyof T;\n };\n headers: HeaderCell[];\n isLoading?: boolean;\n disableContextMenuColumn?: boolean;\n searchValue?: string;\n emptyLabel?: string;\n spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n {\n children,\n data,\n headers,\n nestedRowConfig,\n isLoading,\n disableContextMenuColumn,\n emptyLabel,\n spacing,\n searchValue,\n ...rest\n }: Props<T>,\n ref: Ref<HTMLTableSectionElement>\n) => {\n const renderContent = () => {\n const visibleColumns = headers.filter(header => !header.hidden).length;\n if (isLoading) {\n return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n <DataGridRow key={rowIdx} isLoading>\n {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n <DataGridCell key={colIdx} isLoading></DataGridCell>\n ))}\n {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n </DataGridRow>\n ));\n }\n\n const emptyData = !data \|\| data.length === 0;\n if (emptyData) {\n return (\n <tr>\n <td\n className={classes[\"empty\"]}\n colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n >\n <Typography variant=\"body\" spacing={{ margin: 0 }}>\n {emptyLabel}\n </Typography>\n </td>\n </tr>\n );\n }\n\n return data?.map((item, index) => {\n return React.cloneElement(children({ item, index }), {\n searchValue: searchValue,\n headers,\n spacing,\n item,\n disableContextMenuColumn,\n nestedRowProps: {\n rowTemplate: children,\n enableNestedRow: !!nestedRowConfig,\n nestedItemsKey: nestedRowConfig?.nestedItemsKey,\n isLastChild: index + 1 === data.length\n }\n });\n });\n };\n\n return (\n <tbody {...rest} ref={ref}>\n {renderContent()}\n </tbody>\n );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends {}>(\n p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,iBAAiB,GAAG,CACxB,EACE,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,IAAI,EACE,EACX,GAAiC,KAC/B;IACF,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QACvE,IAAI,SAAS,EAAE;YACb,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,~~MAC1D~~,~~KAAA~~,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,~~MAChD~~,~~KAAA~~,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA,CAAgB,CACrD,CAAC;gBACD,CAAC,wBAAwB,~~IAAI~~,~~KAAC~~,CAAA,aAAA,CAAA,YAAY,OAAgB,CAC/C,CACf,CAAC,CAAC;SACJ;QAED,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;AACb,YAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA;~~gBACE~~,~~KACE~~,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,OAAO,EAAE,cAAc,IAAI,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA;AAE5D,~~oBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAC9C,EAAA,UAAU,CACA,CACV,CACF,EACL;SACH;AAED,QAAA,OAAO,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,~~OAAO~~,~~KAAK~~,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACnD,gBAAA,WAAW,EAAE,WAAW;gBACxB,OAAO;gBACP,OAAO;gBACP,IAAI;gBACJ,wBAAwB;AACxB,gBAAA,cAAc,EAAE;AACd,oBAAA,WAAW,EAAE,QAAQ;oBACrB,eAAe,EAAE,CAAC,CAAC,eAAe;AAClC,oBAAA,cAAc,EAAE,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,cAAc;AAC/C,oBAAA,WAAW,EAAE,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM;AACvC,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,~~QACE~~,~~KAAA~~,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAW,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,EACtB,aAAa,EAAE,CACV,EACR;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,~~GAAG~~,~~KAAK~~,CAAC,UAAU,CAAC,iBAAiB;;;;"}
1	+ {"version":3,"file":"DataGridBody.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n children: ({ item, index }: { item: T; index: number }) => ReactElement;\n data?: T[];\n nestedRowConfig?: {\n nestedItemsKey?: keyof T;\n };\n headers: HeaderCell[];\n isLoading?: boolean;\n disableContextMenuColumn?: boolean;\n searchValue?: string;\n emptyLabel?: string;\n spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends object>(\n {\n children,\n data,\n headers,\n nestedRowConfig,\n isLoading,\n disableContextMenuColumn,\n emptyLabel,\n spacing,\n searchValue,\n ...rest\n }: Props<T>,\n ref: Ref<HTMLTableSectionElement>\n) => {\n const renderContent = () => {\n const visibleColumns = headers.filter(header => !header.hidden).length;\n if (isLoading) {\n return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n <DataGridRow key={rowIdx} isLoading>\n {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n <DataGridCell key={colIdx} isLoading></DataGridCell>\n ))}\n {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n </DataGridRow>\n ));\n }\n\n const emptyData = !data \|\| data.length === 0;\n if (emptyData) {\n return (\n <tr>\n <td\n className={classes[\"empty\"]}\n colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n >\n <Typography variant=\"body\" spacing={{ margin: 0 }}>\n {emptyLabel}\n </Typography>\n </td>\n </tr>\n );\n }\n\n return data?.map((item, index) => {\n return React.cloneElement(children({ item, index }), {\n searchValue: searchValue,\n headers,\n spacing,\n item,\n disableContextMenuColumn,\n nestedRowProps: {\n rowTemplate: children,\n enableNestedRow: !!nestedRowConfig,\n nestedItemsKey: nestedRowConfig?.nestedItemsKey,\n isLastChild: index + 1 === data.length\n }\n });\n });\n };\n\n return (\n <tbody {...rest} ref={ref}>\n {renderContent()}\n </tbody>\n );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends object>(\n p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["React"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,iBAAiB,GAAG,CACxB,EACE,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,wBAAwB,EACxB,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,IAAI,EACE,EACX,GAAiC,KAC/B;IACF,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QACvE,IAAI,SAAS,EAAE;YACb,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,MAC1DA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,MAChDA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA,CAAgB,CACrD,CAAC;gBACD,CAAC,wBAAwB,IAAIA,cAAC,CAAA,aAAA,CAAA,YAAY,OAAgB,CAC/C,CACf,CAAC,CAAC;SACJ;QAED,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;AACb,YAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA;gBACEA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,OAAO,EAAE,cAAc,IAAI,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA;AAE5D,oBAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAC9C,EAAA,UAAU,CACA,CACV,CACF,EACL;SACH;AAED,QAAA,OAAO,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,OAAOA,cAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACnD,gBAAA,WAAW,EAAE,WAAW;gBACxB,OAAO;gBACP,OAAO;gBACP,IAAI;gBACJ,wBAAwB;AACxB,gBAAA,cAAc,EAAE;AACd,oBAAA,WAAW,EAAE,QAAQ;oBACrB,eAAe,EAAE,CAAC,CAAC,eAAe;AAClC,oBAAA,cAAc,EAAE,eAAe,KAAA,IAAA,IAAf,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,cAAc;AAC/C,oBAAA,WAAW,EAAE,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM;AACvC,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAW,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,EACtB,aAAa,EAAE,CACV,EACR;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,iBAAiB;;;;"}

package/dist/esm/DataGrid/DataGridBody/DataGridBody.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridBody_empty_6dWwy{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody_empty_6dWwy p{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQm9keS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBCQUVFLFdBQVksQ0FDWixZQUFhLENBRmIsaUJBQWtCLENBR2xCLGtCQUNGLENBQ0EsNEJBQ0UsdUJBQ0YiLCJmaWxlIjoiRGF0YUdyaWRCb2R5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5lbXB0eSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgaGVpZ2h0OiA2cmVtO1xuICBwYWRkaW5nOiAycmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuLmVtcHR5IHAge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */";
-var classes = {"empty":"DataGridBody_empty_6dWwy"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridBody_empty_Pphm5{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody_empty_Pphm5 p{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQm9keS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBCQUVFLFdBQVksQ0FDWixZQUFhLENBRmIsaUJBQWtCLENBR2xCLGtCQUNGLENBQ0EsNEJBQ0UsdUJBQ0YiLCJmaWxlIjoiRGF0YUdyaWRCb2R5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5lbXB0eSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgaGVpZ2h0OiA2cmVtO1xuICBwYWRkaW5nOiAycmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuLmVtcHR5IHAge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */";
+var classes = {"empty":"DataGridBody_empty_Pphm5"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import { Typography } from '../../../Typography/Typography.esm.js';
 import classes from './DataGridCell.module.scss.esm.js';
@@ -18,7 +18,7 @@ import classes from './DataGridCell.module.scss.esm.js';
  *    limitations under the License.
  */
 const DataGridCellComponent = ({ children, className, isLoading, spacing, prefixElement, searchValue, cellIndex, columnLength, disableContextMenuColumn, ...rest }, ref) => {
-    let cellStyle = {};
+    const cellStyle = {};
     if (cellIndex === 0) {
         cellStyle.paddingLeft = spacing === null || spacing === void 0 ? void 0 : spacing.paddingLeft;
     }
@@ -36,23 +36,24 @@ const DataGridCellComponent = ({ children, className, isLoading, spacing, prefix
             const matchingSequence = new RegExp(searchValue, "i").exec(children);
             const parts = children.split((_a = matchingSequence === null || matchingSequence === void 0 ? void 0 : matchingSequence[0]) !== null && _a !== void 0 ? _a : "");
             return parts.map((part, i) => {
-                if (i === parts.length - 1)
-                    return React.createElement(Fragment, { key: `${part}-${i}` }, part);
-                return (React.createElement(Fragment, { key: `${part}-${i}` },
+                if (i === parts.length - 1) {
+                    return React__default.createElement(Fragment, { key: `${part}-${i}` }, part);
+                }
+                return (React__default.createElement(Fragment, { key: `${part}-${i}` },
                     part,
-                    React.createElement("mark", { "data-testid": `${matchingSequence}-mark` }, matchingSequence)));
+                    React__default.createElement("mark", { "data-testid": `${matchingSequence}-mark` }, matchingSequence)));
             });
         }
         return children;
     };
-    return (React.createElement("td", { ...rest, ref: ref, style: { ...rest.style, ...cellStyle }, className: `${classes["cell"]} ${className !== null && className !== void 0 ? className : ""}` }, prefixElement ? (React.createElement("div", { className: classes["content-wrapper"] },
+    return (React__default.createElement("td", { ...rest, ref: ref, style: { ...rest.style, ...cellStyle }, className: `${classes["cell"]} ${className !== null && className !== void 0 ? className : ""}` }, prefixElement ? (React__default.createElement("div", { className: classes["content-wrapper"] },
         prefixElement,
-        isLoading && (React.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" })),
-        !isLoading && (React.createElement(Typography, { className: classes["text"], variant: "body", tag: "span", spacing: { marginBottom: 0 } }, renderContent())))) : (React.createElement(React.Fragment, null,
-        isLoading && (React.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" })),
-        !isLoading && (React.createElement(Typography, { className: classes["text"], variant: "body", tag: "span" }, renderContent()))))));
+        isLoading && (React__default.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" })),
+        !isLoading && (React__default.createElement(Typography, { className: classes["text"], variant: "body", tag: "span", spacing: { marginBottom: 0 } }, renderContent())))) : (React__default.createElement(React__default.Fragment, null,
+        isLoading && (React__default.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" })),
+        !isLoading && (React__default.createElement(Typography, { className: classes["text"], variant: "body", tag: "span" }, renderContent()))))));
 };
-const DataGridCell = React.forwardRef(DataGridCellComponent);
+const DataGridCell = React__default.forwardRef(DataGridCellComponent);
 export { DataGridCell };
 //# sourceMappingURL=DataGridCell.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n ReactElement,\n Fragment\n} from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n children?: ReactElement \| string \| number;\n prefixElement?: ReactElement;\n isLoading?: boolean;\n spacing?: React.CSSProperties;\n searchValue?: string;\n cellIndex?: number;\n columnLength?: number;\n disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n {\n children,\n className,\n isLoading,\n spacing,\n prefixElement,\n searchValue,\n cellIndex,\n columnLength,\n disableContextMenuColumn,\n ...rest\n }: Props,\n ref\n) => {\n ~~let~~ cellStyle: React.CSSProperties = {};\n\n if (cellIndex === 0) {\n cellStyle.paddingLeft = spacing?.paddingLeft;\n }\n if (\n (cellIndex === columnLength && !disableContextMenuColumn) \|\|\n (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n ) {\n cellStyle.paddingRight = spacing?.paddingRight;\n }\n\n //NOTE: we might want to migrate to Highlight API once it's supported by Firefox\n const renderContent = () => {\n if (typeof children === \"string\" && searchValue) {\n if (!children.toLowerCase().includes(searchValue.toLowerCase())) {\n return children;\n }\n\n const matchingSequence = new RegExp(searchValue, \"i\").exec(children);\n\n const parts = children.split(matchingSequence?.[0] ?? \"\");\n return parts.map((part, i) => {\n if (i === parts.length - 1) return <Fragment key={`${part}-${i}`}>{part}</Fragment>;\n\n return (\n <Fragment key={`${part}-${i}`}>\n {part}\n <mark data-testid={`${matchingSequence}-mark`}>{matchingSequence}</mark>\n </Fragment>\n );\n });\n }\n\n return children;\n };\n\n return (\n <td\n {...rest}\n ref={ref}\n style={{ ...rest.style, ...cellStyle }}\n className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n >\n {prefixElement ? (\n <div className={classes[\"content-wrapper\"]}>\n {prefixElement}\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography\n className={classes[\"text\"]}\n variant=\"body\"\n tag=\"span\"\n spacing={{ marginBottom: 0 }}\n >\n {renderContent()}\n </Typography>\n )}\n </div>\n ) : (\n <>\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n {renderContent()}\n </Typography>\n )}\n </>\n )}\n </td>\n );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAsBH,MAAM,qBAAqB,GAA0D,CACnF,EACE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,wBAAwB,EACxB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,~~IAAI~~,SAAS,GAAwB,EAAE,CAAC;~~AAExC~~,IAAA,IAAI,SAAS,KAAK,CAAC,EAAE;QACnB,SAAS,CAAC,WAAW,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,WAAW,CAAC;KAC9C;AACD,IAAA,IACE,CAAC,SAAS,KAAK,YAAY,IAAI,CAAC,wBAAwB;SACvD,YAAY,IAAI,SAAS,KAAK,YAAY,GAAG,CAAC,IAAI,wBAAwB,CAAC,EAC5E;QACA,SAAS,CAAC,YAAY,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,YAAY,CAAC;KAChD;;IAGD,MAAM,aAAa,GAAG,MAAK;;AACzB,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,WAAW,EAAE;AAC/C,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,EAAE;AAC/D,gBAAA,OAAO,QAAQ,CAAC;aACjB;AAED,YAAA,MAAM,gBAAgB,GAAG,IAAI,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAErE,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAA,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAC,CAAC;YAC1D,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;~~AAC3B~~,~~gBAAA,~~IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;~~AAAE~~,oBAAA,~~OAAO~~,~~KAAC~~,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,GAAG,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,EAAG,EAAA,IAAI,CAAY,CAAC;~~gBAEpF~~,~~QACE~~,~~KAAC~~,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,GAAG,EAAE,CAAG,EAAA,IAAI,CAAI,CAAA,EAAA,CAAC,CAAE,CAAA,EAAA;oBAC1B,IAAI;~~oBACL~~,~~KAAmB~~,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,CAAA,EAAG,gBAAgB,CAAO,KAAA,CAAA,EAAA,EAAG,gBAAgB,CAAQ,CAC/D,EACX;AACJ,aAAC,CAAC,CAAC;SACJ;AAED,QAAA,OAAO,QAAQ,CAAC;AAClB,KAAC,CAAC;IAEF,~~QACE,+BACM~~,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,EACtC,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,MAAM,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA,EAEjD,aAAa,~~IACZ~~,~~KAAA~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA;QACvC,aAAa;AACb,QAAA,SAAS,~~KACR~~,~~KAAK~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAY,WAAA,EAAA,MAAM,EAAW,WAAA,EAAA,QAAQ,GAAO,CAC/E;AACA,QAAA,CAAC,SAAS,~~KACT~~,~~KAAC~~,CAAA,aAAA,CAAA,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAC1B,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,EAE3B,aAAa,EAAE,CACL,CACd,CACG,~~KAEN~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,SAAS,~~KACR~~,~~KAAK~~,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAY,WAAA,EAAA,MAAM,EAAW,WAAA,EAAA,QAAQ,GAAO,CAC/E;AACA,QAAA,CAAC,SAAS,~~KACT~~,~~KAAA~~,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAC9D,EAAA,aAAa,EAAE,CACL,CACd,CACA,CACJ,CACE,EACL;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,~~GAAG~~,~~KAAK~~,CAAC,UAAU,CAAC,qBAAqB;;;;"}
1	+ {"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n ReactElement,\n Fragment\n} from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n children?: ReactElement \| string \| number;\n prefixElement?: ReactElement;\n isLoading?: boolean;\n spacing?: React.CSSProperties;\n searchValue?: string;\n cellIndex?: number;\n columnLength?: number;\n disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n {\n children,\n className,\n isLoading,\n spacing,\n prefixElement,\n searchValue,\n cellIndex,\n columnLength,\n disableContextMenuColumn,\n ...rest\n }: Props,\n ref\n) => {\n const cellStyle: React.CSSProperties = {};\n\n if (cellIndex === 0) {\n cellStyle.paddingLeft = spacing?.paddingLeft;\n }\n if (\n (cellIndex === columnLength && !disableContextMenuColumn) \|\|\n (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n ) {\n cellStyle.paddingRight = spacing?.paddingRight;\n }\n\n //NOTE: we might want to migrate to Highlight API once it's supported by Firefox\n const renderContent = () => {\n if (typeof children === \"string\" && searchValue) {\n if (!children.toLowerCase().includes(searchValue.toLowerCase())) {\n return children;\n }\n\n const matchingSequence = new RegExp(searchValue, \"i\").exec(children);\n\n const parts = children.split(matchingSequence?.[0] ?? \"\");\n return parts.map((part, i) => {\n if (i === parts.length - 1) {\n return <Fragment key={`${part}-${i}`}>{part}</Fragment>;\n }\n\n return (\n <Fragment key={`${part}-${i}`}>\n {part}\n <mark data-testid={`${matchingSequence}-mark`}>{matchingSequence}</mark>\n </Fragment>\n );\n });\n }\n\n return children;\n };\n\n return (\n <td\n {...rest}\n ref={ref}\n style={{ ...rest.style, ...cellStyle }}\n className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n >\n {prefixElement ? (\n <div className={classes[\"content-wrapper\"]}>\n {prefixElement}\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography\n className={classes[\"text\"]}\n variant=\"body\"\n tag=\"span\"\n spacing={{ marginBottom: 0 }}\n >\n {renderContent()}\n </Typography>\n )}\n </div>\n ) : (\n <>\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n {renderContent()}\n </Typography>\n )}\n </>\n )}\n </td>\n );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["React"],"mappings":"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"}

package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell_sr-only_6dWwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_hidden_6dWwy{display:none}.DataGridCell_slide-in_6dWwy{animation:DataGridCell_slide-in_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_slide-in_6dWwy{animation-duration:.1ms}}.DataGridCell_slide-out_6dWwy{animation:DataGridCell_slide-out_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_slide-out_6dWwy{animation-duration:.1ms}}@keyframes DataGridCell_slide-in_6dWwy{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_slide-out_6dWwy{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell_cell_6dWwy{height:2.625rem;padding:.25rem 1rem}.DataGridCell_cell_6dWwy:first-child{padding-left:1rem}.DataGridCell_cell_6dWwy:last-child{padding-right:1rem}.DataGridCell_cell_6dWwy .DataGridCell_content-wrapper_6dWwy{align-items:center;display:flex;gap:6px}.DataGridCell_cell_6dWwy .DataGridCell_text_6dWwy{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell_cell_6dWwy .DataGridCell_loading_6dWwy{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_cell_6dWwy .DataGridCell_loading_6dWwy:after{animation:DataGridCell_shimmer_6dWwy 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell_cell_6dWwy .DataGridCell_loading_6dWwy:after{animation:none}}@keyframes DataGridCell_shimmer_6dWwy{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_cell_6dWwy:first-child{padding-left:1.25rem}.DataGridCell_cell_6dWwy:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EseUJBQ0UsZUFBZ0IsQ0FDaEIsbUJBQ0YsQ0FDQSxxQ0FDRSxpQkFDRixDQUNBLG9DQUNFLGtCQUNGLENBQ0EsNkRBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixPQUNGLENBQ0Esa0RBQ0Usb0NBQXFDLENBQ3JDLHdDQUNGLENBQ0EscURBTUUsaURBQWtELENBTGxELG1CQUFxQixDQUNyQixjQUFlLENBQ2YsZ0JBQWtCLENBRWxCLGVBQWdCLENBRGhCLGlCQUdGLENBQ0EsMkRBU0UsZ0RBQThCLENBRjlCLG1PQUE4TyxDQUg5TyxRQUFTLENBSVQsVUFBVyxDQUhYLE1BQU8sQ0FKUCxpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FJTiwyQkFJRixDQUNBLHVDQUNFLDJEQUNFLGNBQ0YsQ0FDRixDQUNBLHNDQUNFLEdBQ0UsMEJBQ0YsQ0FDRixDQUVBLHdDQUNFLHFDQUNFLG9CQUNGLENBQ0Esb0NBQ0UscUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZENlbGwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uY2VsbCB7XG4gIGhlaWdodDogMi42MjVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAuY29udGVudC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */";
-var classes = {"sr-only":"DataGridCell_sr-only_6dWwy","hidden":"DataGridCell_hidden_6dWwy","slide-in":"DataGridCell_slide-in_6dWwy","slide-out":"DataGridCell_slide-out_6dWwy","cell":"DataGridCell_cell_6dWwy","content-wrapper":"DataGridCell_content-wrapper_6dWwy","text":"DataGridCell_text_6dWwy","loading":"DataGridCell_loading_6dWwy","shimmer":"DataGridCell_shimmer_6dWwy"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_hidden_Pphm5{display:none}.DataGridCell_slide-in_Pphm5{animation:DataGridCell_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_slide-in_Pphm5{animation-duration:.1ms}}.DataGridCell_slide-out_Pphm5{animation:DataGridCell_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_slide-out_Pphm5{animation-duration:.1ms}}@keyframes DataGridCell_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_slide-out_Pphm5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell_cell_Pphm5{height:2.625rem;padding:.25rem 1rem}.DataGridCell_cell_Pphm5:first-child{padding-left:1rem}.DataGridCell_cell_Pphm5:last-child{padding-right:1rem}.DataGridCell_cell_Pphm5 .DataGridCell_content-wrapper_Pphm5{align-items:center;display:flex;gap:6px}.DataGridCell_cell_Pphm5 .DataGridCell_text_Pphm5{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell_cell_Pphm5 .DataGridCell_loading_Pphm5{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_cell_Pphm5 .DataGridCell_loading_Pphm5:after{animation:DataGridCell_shimmer_Pphm5 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell_cell_Pphm5 .DataGridCell_loading_Pphm5:after{animation:none}}@keyframes DataGridCell_shimmer_Pphm5{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_cell_Pphm5:first-child{padding-left:1.25rem}.DataGridCell_cell_Pphm5:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FFRix5QkFDRSxlQUFnQixDQUNoQixtQkFDRixDQUNBLHFDQUNFLGlCQUNGLENBQ0Esb0NBQ0Usa0JBQ0YsQ0FDQSw2REFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLE9BQ0YsQ0FDQSxrREFDRSxvQ0FBcUMsQ0FDckMsd0NBQ0YsQ0FDQSxxREFNRSxpREFBa0QsQ0FMbEQsbUJBQXFCLENBQ3JCLGNBQWUsQ0FDZixnQkFBa0IsQ0FFbEIsZUFBZ0IsQ0FEaEIsaUJBR0YsQ0FDQSwyREFTRSxnREFBOEIsQ0FGOUIsbU9BQThPLENBSDlPLFFBQVMsQ0FJVCxVQUFXLENBSFgsTUFBTyxDQUpQLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUlOLDJCQUlGLENBQ0EsdUNBQ0UsMkRBQ0UsY0FDRixDQUNGLENBQ0Esc0NBQ0UsR0FDRSwwQkFDRixDQUNGLENBRUEsd0NBQ0UscUNBQ0Usb0JBQ0YsQ0FDQSxvQ0FDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4uY2VsbCB7XG4gIGhlaWdodDogMi42MjVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAuY29udGVudC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"sr-only":"DataGridCell_sr-only_Pphm5","hidden":"DataGridCell_hidden_Pphm5","slide-in":"DataGridCell_slide-in_Pphm5","slide-out":"DataGridCell_slide-out_Pphm5","cell":"DataGridCell_cell_Pphm5","content-wrapper":"DataGridCell_content-wrapper_Pphm5","text":"DataGridCell_text_Pphm5","loading":"DataGridCell_loading_Pphm5","shimmer":"DataGridCell_shimmer_Pphm5"};
 styleInject(css_248z);
 export { classes as default };

package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classes from './DataGridDrawer.module.scss.esm.js';
 /*
@@ -17,10 +17,10 @@ import classes from './DataGridDrawer.module.scss.esm.js';
  *    limitations under the License.
  */
 const DataGridDrawerComponent = ({ children, isExpanded, ...rest }, ref) => {
-    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["drawer"]} ${isExpanded ? classes["expanded"] : ""}` },
-        React.createElement("div", { className: classes["wrapper"] }, children)));
+    return (React__default.createElement("div", { ...rest, ref: ref, className: `${classes["drawer"]} ${isExpanded ? classes["expanded"] : ""}` },
+        React__default.createElement("div", { className: classes["wrapper"] }, children)));
 };
-const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);
+const DataGridDrawer = React__default.forwardRef(DataGridDrawerComponent);
 export { DataGridDrawer };
 //# sourceMappingURL=DataGridDrawer.esm.js.map