@onewelcome/react-lib-components 8.12.1 → 8.12.2

package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classes from './DataGridDrawerItem.module.scss.esm.js';
 import { Typography } from '../../../Typography/Typography.esm.js';
 
@@ -18,14 +18,14 @@ import { Typography } from '../../../Typography/Typography.esm.js';
  *    limitations under the License.
  */
 const DataGridDrawerItemComponent = ({ children, title, description, ...rest }, ref) => {
-    return (React__default.createElement("div", { ...rest, ref: ref, className: classes["item-wrapper"] },
-        title && (React__default.createElement(Typography, { className: classes["item-title"], variant: "body", tag: "span" }, title)),
-        description && (React__default.createElement(Typography, { className: classes["item-description"], variant: "body", tag: "span" }, description)),
-        children && React__default.createElement("div", { className: classes["children-wrapper"] },
+    return (React.createElement("div", { ...rest, ref: ref, className: classes["item-wrapper"] },
+        title && (React.createElement(Typography, { className: classes["item-title"], variant: "body", tag: "span" }, title)),
+        description && (React.createElement(Typography, { className: classes["item-description"], variant: "body", tag: "span" }, description)),
+        children && React.createElement("div", { className: classes["children-wrapper"] },
             " ",
             children)));
 };
-const DataGridDrawerItem = React__default.forwardRef(DataGridDrawerItemComponent);
+const DataGridDrawerItem = React.forwardRef(DataGridDrawerItemComponent);
 
 export { DataGridDrawerItem };
 //# sourceMappingURL=DataGridDrawerItem.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridDrawerItem.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.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, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./DataGridDrawerItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title?: string;\n  description?: string;\n}\n\nconst DataGridDrawerItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, title, description, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"item-wrapper\"]}>\n      {title && (\n        <Typography className={classes[\"item-title\"]} variant=\"body\" tag=\"span\">\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography className={classes[\"item-description\"]} variant=\"body\" tag=\"span\">\n          {description}\n        </Typography>\n      )}\n      {children && <div className={classes[\"children-wrapper\"]}> {children}</div>}\n    </div>\n  );\n};\n\nexport const DataGridDrawerItem = React.forwardRef(DataGridDrawerItemComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWH,MAAM,2BAA2B,GAAoD,CACnF,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAS,EAChD,GAAG,KACD;AACF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAA;QACxD,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAAA,EACpE,KAAK,CACK,CACd;QACA,WAAW,KACVA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAAA,EAC1E,WAAW,CACD,CACd;AACA,QAAA,QAAQ,IAAIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAA;;YAAI,QAAQ,CAAO,CACvE,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,kBAAkB,GAAGA,cAAK,CAAC,UAAU,CAAC,2BAA2B;;;;"}
+{"version":3,"file":"DataGridDrawerItem.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.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, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./DataGridDrawerItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title?: string;\n  description?: string;\n}\n\nconst DataGridDrawerItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, title, description, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"item-wrapper\"]}>\n      {title && (\n        <Typography className={classes[\"item-title\"]} variant=\"body\" tag=\"span\">\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography className={classes[\"item-description\"]} variant=\"body\" tag=\"span\">\n          {description}\n        </Typography>\n      )}\n      {children && <div className={classes[\"children-wrapper\"]}> {children}</div>}\n    </div>\n  );\n};\n\nexport const DataGridDrawerItem = React.forwardRef(DataGridDrawerItemComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAWH,MAAM,2BAA2B,GAAoD,CACnF,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAS,EAChD,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAA;QACxD,KAAK,KACJ,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAAA,EACpE,KAAK,CACK,CACd;QACA,WAAW,KACV,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAAA,EAC1E,WAAW,CACD,CACd;AACA,QAAA,QAAQ,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAA;;YAAI,QAAQ,CAAO,CACvE,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B;;;;"}

package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".DataGridDrawerItem_item-wrapper_zs31Q{display:flex;flex-direction:column}.DataGridDrawerItem_item-title_zs31Q{font-weight:700}.DataGridDrawerItem_item-description_zs31Q,.DataGridDrawerItem_item-title_zs31Q{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0}.DataGridDrawerItem_children-wrapper_zs31Q{margin-top:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRHJhd2VySXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSxxQ0FHRSxlQUVGLENBRUEsZ0ZBTkUsb0NBQXFDLENBQ3JDLHdDQUF5QyxDQUV6QyxRQU9GLENBRUEsMkNBQ0UsZ0JBQ0YiLCJmaWxlIjoiRGF0YUdyaWREcmF3ZXJJdGVtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLml0ZW0td3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5pdGVtLXRpdGxlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIG1hcmdpbjogMDtcbn1cblxuLml0ZW0tZGVzY3JpcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2hpbGRyZW4td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn0iXX0= */";
-var classes = {"item-wrapper":"DataGridDrawerItem_item-wrapper_zs31Q","item-title":"DataGridDrawerItem_item-title_zs31Q","item-description":"DataGridDrawerItem_item-description_zs31Q","children-wrapper":"DataGridDrawerItem_children-wrapper_zs31Q"};
+var css_248z = ".DataGridDrawerItem_item-wrapper_rE09l{display:flex;flex-direction:column}.DataGridDrawerItem_item-title_rE09l{font-weight:700}.DataGridDrawerItem_item-description_rE09l,.DataGridDrawerItem_item-title_rE09l{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0}.DataGridDrawerItem_children-wrapper_rE09l{margin-top:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRHJhd2VySXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSxxQ0FHRSxlQUVGLENBRUEsZ0ZBTkUsb0NBQXFDLENBQ3JDLHdDQUF5QyxDQUV6QyxRQU9GLENBRUEsMkNBQ0UsZ0JBQ0YiLCJmaWxlIjoiRGF0YUdyaWREcmF3ZXJJdGVtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLml0ZW0td3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5pdGVtLXRpdGxlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIG1hcmdpbjogMDtcbn1cblxuLml0ZW0tZGVzY3JpcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2hpbGRyZW4td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn0iXX0= */";
+var classes = {"item-wrapper":"DataGridDrawerItem_item-wrapper_rE09l","item-title":"DataGridDrawerItem_item-title_rE09l","item-description":"DataGridDrawerItem_item-description_rE09l","children-wrapper":"DataGridDrawerItem_children-wrapper_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useState, Fragment } from 'react';
+import React, { useState, Fragment } from 'react';
 import classes from './DataGridRow.module.scss.esm.js';
 import { IconButton } from '../../../Button/IconButton.esm.js';
 import { Icon, Icons } from '../../../Icon/Icon.esm.js';
@@ -50,15 +50,15 @@ const DataGridRowComponent = ({ item, children, className, headers, searchValue,
         ? !isRowExpanded && classNames.push(classes["border-drawer"])
         : classNames.push(rowBorderClass);
     isLoading && classNames.push(classes["loading"]);
-    const getPrefixButton = (hasNestedChildren) => hasNestedChildren ? (React__default.createElement(IconButton, { id: expandButtonId, title: expandButtonTitle, "aria-expanded": isRowExpanded, onClick: () => setIsRowExpanded(!isRowExpanded) },
-        React__default.createElement(Icon, { size: "0.75rem", icon: isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown }))) : null;
-    const visibleCells = React__default.Children.map(children, (child, index) => {
+    const getPrefixButton = (hasNestedChildren) => hasNestedChildren ? (React.createElement(IconButton, { id: expandButtonId, title: expandButtonTitle, "aria-expanded": isRowExpanded, onClick: () => setIsRowExpanded(!isRowExpanded) },
+        React.createElement(Icon, { size: "0.75rem", icon: isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown }))) : null;
+    const visibleCells = React.Children.map(children, (child, index) => {
         const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;
-        const prefixElement = enableNestedRow && index === 0 ? (React__default.createElement(React__default.Fragment, null,
+        const prefixElement = enableNestedRow && index === 0 ? (React.createElement(React.Fragment, null,
             getPrefixButton(!!hasNestedChildren),
             renderNestedRowConnectors())) : null;
         if (child) {
-            const cellWithSpacing = React__default.cloneElement(child, {
+            const cellWithSpacing = React.cloneElement(child, {
                 searchValue,
                 spacing: childSpacing,
                 cellIndex: index,
@@ -71,20 +71,20 @@ const DataGridRowComponent = ({ item, children, className, headers, searchValue,
         }
         return null;
     });
-    return (React__default.createElement(Fragment, null,
-        React__default.createElement("tr", { ...rest, ref: ref, className: classNames.join(" ") },
-            enableExpandableRow && (React__default.createElement(DataGridCell, { className: classes["expand-button-cell"], onClick: () => setIsRowExpanded(!isRowExpanded), style: {
+    return (React.createElement(Fragment, null,
+        React.createElement("tr", { ...rest, ref: ref, className: classNames.join(" ") },
+            enableExpandableRow && (React.createElement(DataGridCell, { className: classes["expand-button-cell"], onClick: () => setIsRowExpanded(!isRowExpanded), style: {
                     width: "1px"
                 } },
-                React__default.createElement(IconButton, { id: expandButtonId, title: expandButtonTitle, "aria-expanded": isRowExpanded, "aria-controls": drawerId },
-                    React__default.createElement(Icon, { size: "0.75rem", icon: isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown })))),
+                React.createElement(IconButton, { id: expandButtonId, title: expandButtonTitle, "aria-expanded": isRowExpanded, "aria-controls": drawerId },
+                    React.createElement(Icon, { size: "0.75rem", icon: isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown })))),
             visibleCells),
-        enableExpandableRow && (React__default.createElement("tr", { className: `${classes["row"]} ${isRowExpanded ? classes["border-drawer"] : ""}` },
-            React__default.createElement("td", { colSpan: visibleCells.length + 1 },
-                React__default.createElement(DataGridDrawer, { id: drawerId, role: "region", "aria-labelledby": expandButtonId, isExpanded: isRowExpanded }, expandableRowContent)))),
+        enableExpandableRow && (React.createElement("tr", { className: `${classes["row"]} ${isRowExpanded ? classes["border-drawer"] : ""}` },
+            React.createElement("td", { colSpan: visibleCells.length + 1 },
+                React.createElement(DataGridDrawer, { id: drawerId, role: "region", "aria-labelledby": expandButtonId, isExpanded: isRowExpanded }, expandableRowContent)))),
         enableNestedRow && renderNestedRow()));
 };
-const DataGridRow = React__default.forwardRef(DataGridRowComponent);
+const DataGridRow = React.forwardRef(DataGridRowComponent);
 
 export { DataGridRow };
 //# sourceMappingURL=DataGridRow.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridRow.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.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, useState, Fragment, Ref, ReactElement } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { useNestedRow } from \"./useNestedRow\";\n\nexport interface Props<T> extends ComponentPropsWithRef<\"tr\"> {\n  item?: T;\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  nestedRowProps?: {\n    rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n    indentationLevel?: number;\n    indentationLevels?: { level: number; isLastChild: boolean }[];\n    enableNestedRow?: boolean;\n    nestedItemsKey?: keyof T;\n  };\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent = <T,>(\n  {\n    item,\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    nestedRowProps,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableRowElement>\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const {\n    indentationLevels,\n    indentationLevel = 0,\n    nestedItemsKey,\n    enableNestedRow,\n    rowTemplate\n  } = nestedRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } =\n    useNestedRow({\n      indentationLevels,\n      indentationLevel,\n      item,\n      nestedItemsKey,\n      rowTemplate,\n      isRowExpanded,\n      enableNestedRow,\n      rowProps: {\n        searchValue,\n        headers,\n        spacing,\n        disableContextMenuColumn\n      }\n    });\n\n  const classNames = [classes[\"row\"]];\n  const rowBorderClass = enableNestedRow\n    ? classes[`border-${indentationLevel}`]\n    : classes[`border`];\n\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(rowBorderClass);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  const getPrefixButton = (hasNestedChildren: boolean) =>\n    hasNestedChildren ? (\n      <IconButton\n        id={expandButtonId}\n        title={expandButtonTitle}\n        aria-expanded={isRowExpanded}\n        onClick={() => setIsRowExpanded(!isRowExpanded)}\n      >\n        <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n      </IconButton>\n    ) : null;\n\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;\n\n    const prefixElement =\n      enableNestedRow && index === 0 ? (\n        <>\n          {getPrefixButton(!!hasNestedChildren)}\n          {renderNestedRowConnectors()}\n        </>\n      ) : null;\n\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: childSpacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn,\n        prefixElement\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{\n              width: \"1px\"\n            }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n      {enableNestedRow && renderNestedRow()}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableRowElement> }\n) => ReactElement;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DataGridRow.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.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, useState, Fragment, Ref, ReactElement } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { useNestedRow } from \"./useNestedRow\";\n\nexport interface Props<T> extends ComponentPropsWithRef<\"tr\"> {\n  item?: T;\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  nestedRowProps?: {\n    rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n    indentationLevel?: number;\n    indentationLevels?: { level: number; isLastChild: boolean }[];\n    enableNestedRow?: boolean;\n    nestedItemsKey?: keyof T;\n  };\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent = <T,>(\n  {\n    item,\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    nestedRowProps,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableRowElement>\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const {\n    indentationLevels,\n    indentationLevel = 0,\n    nestedItemsKey,\n    enableNestedRow,\n    rowTemplate\n  } = nestedRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } =\n    useNestedRow({\n      indentationLevels,\n      indentationLevel,\n      item,\n      nestedItemsKey,\n      rowTemplate,\n      isRowExpanded,\n      enableNestedRow,\n      rowProps: {\n        searchValue,\n        headers,\n        spacing,\n        disableContextMenuColumn\n      }\n    });\n\n  const classNames = [classes[\"row\"]];\n  const rowBorderClass = enableNestedRow\n    ? classes[`border-${indentationLevel}`]\n    : classes[`border`];\n\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(rowBorderClass);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  const getPrefixButton = (hasNestedChildren: boolean) =>\n    hasNestedChildren ? (\n      <IconButton\n        id={expandButtonId}\n        title={expandButtonTitle}\n        aria-expanded={isRowExpanded}\n        onClick={() => setIsRowExpanded(!isRowExpanded)}\n      >\n        <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n      </IconButton>\n    ) : null;\n\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;\n\n    const prefixElement =\n      enableNestedRow && index === 0 ? (\n        <>\n          {getPrefixButton(!!hasNestedChildren)}\n          {renderNestedRowConnectors()}\n        </>\n      ) : null;\n\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: childSpacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn,\n        prefixElement\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{\n              width: \"1px\"\n            }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n      {enableNestedRow && renderNestedRow()}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableRowElement> }\n) => ReactElement;\n"],"names":[],"mappings":"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"}

package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.esm.js

@@ -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 */.DataGridRow_row_zs31Q{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_zs31Q:not(.DataGridRow_loading_zs31Q):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_zs31Q.DataGridRow_border-0_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_zs31Q.DataGridRow_border-1_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_zs31Q.DataGridRow_border-2_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_zs31Q.DataGridRow_border-3_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_zs31Q.DataGridRow_border-4_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_zs31Q.DataGridRow_border-5_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_zs31Q.DataGridRow_border-6_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_zs31Q.DataGridRow_border-drawer_zs31Q:not(:nth-last-child(2)):after,.DataGridRow_row_zs31Q.DataGridRow_border_zs31Q:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_zs31Q{padding:0}.DataGridRow_connector_zs31Q{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-0_zs31Q{left:0}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-1_zs31Q{left:4.125rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-2_zs31Q{left:8.25rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-3_zs31Q{left:12.375rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-4_zs31Q{left:16.5rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-5_zs31Q{left:20.625rem}.DataGridRow_connector_zs31Q.DataGridRow_offset-left-6_zs31Q{left:24.75rem}.DataGridRow_connector_zs31Q.DataGridRow_vertical_zs31Q:before{background-color:var(--color-blue-grey200);content:\"\";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_zs31Q.DataGridRow_t-shape_zs31Q:before{background-color:var(--color-blue-grey200);content:\"\";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_zs31Q.DataGridRow_t-shape_zs31Q:after{background-color:var(--color-blue-grey200);content:\"\";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_zs31Q.DataGridRow_line_zs31Q:before{background-color:var(--color-blue-grey200);content:\"\";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_zs31Q.DataGridRow_line_zs31Q:after{background-color:var(--color-blue-grey200);content:\"\";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUVFLHNEQUF1RCxDQUR2RCxpQkFFRixDQUNBLDZEQUNFLDREQUNGLENBQ0Esd0RBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHdEQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGNBQWUsQ0FGZixpQkFBa0IsQ0FDbEIsNEJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FTQSwySUFGRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBWUYsQ0FFQSxzQ0FDRSxTQUNGLENBRUEsNkJBS0Usa0NBQXFDLENBRnJDLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLGNBRUYsQ0FDQSw2REFDRSxNQUNGLENBQ0EsNkRBQ0UsYUFDRixDQUNBLDZEQUNFLFlBQ0YsQ0FDQSw2REFDRSxjQUNGLENBQ0EsNkRBQ0UsWUFDRixDQUNBLDZEQUNFLGNBQ0YsQ0FDQSw2REFDRSxhQUNGLENBQ0EsK0RBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxXQUFZLENBRFosUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsOERBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxrQ0FBcUMsQ0FEckMsUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsNkRBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxlQUFpQixDQURqQixRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGLENBQ0EsMkRBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxVQUFXLENBRFgsUUFBUyxDQUZULGlCQUFrQixDQUlsQixTQUVGLENBQ0EsMERBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxVQUFXLENBRFgsUUFBUyxDQUhULGlCQUFrQixDQUVsQixPQUFRLENBR1IsVUFFRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjA2MjVyZW0pO1xuICBsZWZ0OiAzLjA2MjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTE6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4xODc1cmVtKTtcbiAgbGVmdDogNy4xODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0yOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE1LjQzNzVyZW0pO1xuICBsZWZ0OiAxNS40Mzc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci00OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE5LjU2MjVyZW0pO1xuICBsZWZ0OiAxOS41NjI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci01OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDI3LjgxMjVyZW0pO1xuICBsZWZ0OiAyNy44MTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTAge1xuICBsZWZ0OiAwcmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0xIHtcbiAgbGVmdDogNC4xMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTIge1xuICBsZWZ0OiA4LjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0zIHtcbiAgbGVmdDogMTIuMzc1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC00IHtcbiAgbGVmdDogMTYuNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNSB7XG4gIGxlZnQ6IDIwLjYyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNiB7XG4gIGxlZnQ6IDI0Ljc1cmVtO1xufVxuLmNvbm5lY3Rvci52ZXJ0aWNhbDo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDAuMDYyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IudC1zaGFwZTo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLnQtc2hhcGU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IubGluZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMXB4O1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn0iXX0= */";
-var classes = {"row":"DataGridRow_row_zs31Q","loading":"DataGridRow_loading_zs31Q","border-0":"DataGridRow_border-0_zs31Q","border-1":"DataGridRow_border-1_zs31Q","border-2":"DataGridRow_border-2_zs31Q","border-3":"DataGridRow_border-3_zs31Q","border-4":"DataGridRow_border-4_zs31Q","border-5":"DataGridRow_border-5_zs31Q","border-6":"DataGridRow_border-6_zs31Q","border":"DataGridRow_border_zs31Q","border-drawer":"DataGridRow_border-drawer_zs31Q","expand-button-cell":"DataGridRow_expand-button-cell_zs31Q","connector":"DataGridRow_connector_zs31Q","offset-left-0":"DataGridRow_offset-left-0_zs31Q","offset-left-1":"DataGridRow_offset-left-1_zs31Q","offset-left-2":"DataGridRow_offset-left-2_zs31Q","offset-left-3":"DataGridRow_offset-left-3_zs31Q","offset-left-4":"DataGridRow_offset-left-4_zs31Q","offset-left-5":"DataGridRow_offset-left-5_zs31Q","offset-left-6":"DataGridRow_offset-left-6_zs31Q","vertical":"DataGridRow_vertical_zs31Q","t-shape":"DataGridRow_t-shape_zs31Q","line":"DataGridRow_line_zs31Q"};
+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 */.DataGridRow_row_rE09l{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow_row_rE09l:not(.DataGridRow_loading_rE09l):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_rE09l.DataGridRow_border-0_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow_row_rE09l.DataGridRow_border-1_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow_row_rE09l.DataGridRow_border-2_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow_row_rE09l.DataGridRow_border-3_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow_row_rE09l.DataGridRow_border-4_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow_row_rE09l.DataGridRow_border-5_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow_row_rE09l.DataGridRow_border-6_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow_row_rE09l.DataGridRow_border-drawer_rE09l:not(:nth-last-child(2)):after,.DataGridRow_row_rE09l.DataGridRow_border_rE09l:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow_expand-button-cell_rE09l{padding:0}.DataGridRow_connector_rE09l{height:calc(var(--font-size)*3.25);left:0;position:absolute;top:0;width:2.875rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-0_rE09l{left:0}.DataGridRow_connector_rE09l.DataGridRow_offset-left-1_rE09l{left:4.125rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-2_rE09l{left:8.25rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-3_rE09l{left:12.375rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-4_rE09l{left:16.5rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-5_rE09l{left:20.625rem}.DataGridRow_connector_rE09l.DataGridRow_offset-left-6_rE09l{left:24.75rem}.DataGridRow_connector_rE09l.DataGridRow_vertical_rE09l:before{background-color:var(--color-blue-grey200);content:\"\";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_rE09l.DataGridRow_t-shape_rE09l:before{background-color:var(--color-blue-grey200);content:\"\";height:calc(var(--font-size)*3.25);left:50%;position:absolute;width:.0625rem}.DataGridRow_connector_rE09l.DataGridRow_t-shape_rE09l:after{background-color:var(--color-blue-grey200);content:\"\";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow_connector_rE09l.DataGridRow_line_rE09l:before{background-color:var(--color-blue-grey200);content:\"\";height:50%;left:50%;position:absolute;width:1px}.DataGridRow_connector_rE09l.DataGridRow_line_rE09l:after{background-color:var(--color-blue-grey200);content:\"\";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQUVFLHNEQUF1RCxDQUR2RCxpQkFFRixDQUNBLDZEQUNFLDREQUNGLENBQ0Esd0RBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHdEQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGNBQWUsQ0FGZixpQkFBa0IsQ0FDbEIsNEJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FDQSx3REFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxlQUFnQixDQUZoQixpQkFBa0IsQ0FDbEIsNkJBSUYsQ0FTQSwySUFGRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBWUYsQ0FFQSxzQ0FDRSxTQUNGLENBRUEsNkJBS0Usa0NBQXFDLENBRnJDLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLGNBRUYsQ0FDQSw2REFDRSxNQUNGLENBQ0EsNkRBQ0UsYUFDRixDQUNBLDZEQUNFLFlBQ0YsQ0FDQSw2REFDRSxjQUNGLENBQ0EsNkRBQ0UsWUFDRixDQUNBLDZEQUNFLGNBQ0YsQ0FDQSw2REFDRSxhQUNGLENBQ0EsK0RBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxXQUFZLENBRFosUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsOERBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxrQ0FBcUMsQ0FEckMsUUFBUyxDQUZULGlCQUFrQixDQUlsQixjQUVGLENBQ0EsNkRBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxlQUFpQixDQURqQixRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGLENBQ0EsMkRBTUUsMENBQTJDLENBSjNDLFVBQVcsQ0FFWCxVQUFXLENBRFgsUUFBUyxDQUZULGlCQUFrQixDQUlsQixTQUVGLENBQ0EsMERBT0UsMENBQTJDLENBTDNDLFVBQVcsQ0FHWCxVQUFXLENBRFgsUUFBUyxDQUhULGlCQUFrQixDQUVsQixPQUFRLENBR1IsVUFFRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjA2MjVyZW0pO1xuICBsZWZ0OiAzLjA2MjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTE6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4xODc1cmVtKTtcbiAgbGVmdDogNy4xODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0yOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE1LjQzNzVyZW0pO1xuICBsZWZ0OiAxNS40Mzc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci00OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE5LjU2MjVyZW0pO1xuICBsZWZ0OiAxOS41NjI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci01OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDI3LjgxMjVyZW0pO1xuICBsZWZ0OiAyNy44MTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTAge1xuICBsZWZ0OiAwcmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0xIHtcbiAgbGVmdDogNC4xMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTIge1xuICBsZWZ0OiA4LjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC0zIHtcbiAgbGVmdDogMTIuMzc1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC00IHtcbiAgbGVmdDogMTYuNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNSB7XG4gIGxlZnQ6IDIwLjYyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtNiB7XG4gIGxlZnQ6IDI0Ljc1cmVtO1xufVxuLmNvbm5lY3Rvci52ZXJ0aWNhbDo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDAuMDYyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IudC1zaGFwZTo6YmVmb3JlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogY2FsYygzLjI1ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLnQtc2hhcGU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDUwJTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5jb25uZWN0b3IubGluZTo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIGhlaWdodDogMXB4O1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn0iXX0= */";
+var classes = {"row":"DataGridRow_row_rE09l","loading":"DataGridRow_loading_rE09l","border-0":"DataGridRow_border-0_rE09l","border-1":"DataGridRow_border-1_rE09l","border-2":"DataGridRow_border-2_rE09l","border-3":"DataGridRow_border-3_rE09l","border-4":"DataGridRow_border-4_rE09l","border-5":"DataGridRow_border-5_rE09l","border-6":"DataGridRow_border-6_rE09l","border":"DataGridRow_border_rE09l","border-drawer":"DataGridRow_border-drawer_rE09l","expand-button-cell":"DataGridRow_expand-button-cell_rE09l","connector":"DataGridRow_connector_rE09l","offset-left-0":"DataGridRow_offset-left-0_rE09l","offset-left-1":"DataGridRow_offset-left-1_rE09l","offset-left-2":"DataGridRow_offset-left-2_rE09l","offset-left-3":"DataGridRow_offset-left-3_rE09l","offset-left-4":"DataGridRow_offset-left-4_rE09l","offset-left-5":"DataGridRow_offset-left-5_rE09l","offset-left-6":"DataGridRow_offset-left-6_rE09l","vertical":"DataGridRow_vertical_rE09l","t-shape":"DataGridRow_t-shape_rE09l","line":"DataGridRow_line_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/DataGrid/DataGridBody/DataGridRow/useNestedRow.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classes from './DataGridRow.module.scss.esm.js';
 
 /*
@@ -46,10 +46,10 @@ const useNestedRow = ({ indentationLevels, item, nestedItemsKey, rowTemplate, is
         const offsetLeftClass = classes[`offset-left-${level - 1}`];
         if (level === levelsLength) {
             const variant = isLastChild ? "line" : "t-shape";
-            return (React__default.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes[variant]} ${offsetLeftClass}` }));
+            return (React.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes[variant]} ${offsetLeftClass}` }));
         }
         else if (!isLastChild) {
-            return (React__default.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes["vertical"]}  ${offsetLeftClass}` }));
+            return (React.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes["vertical"]}  ${offsetLeftClass}` }));
         }
         return null;
     };
@@ -61,7 +61,7 @@ const useNestedRow = ({ indentationLevels, item, nestedItemsKey, rowTemplate, is
                 isLastChild: index + 1 === nestedItemsArray.length
             });
             return nestedItemsArray.map((item, index) => {
-                return React__default.cloneElement(rowTemplate({ item, index }), {
+                return React.cloneElement(rowTemplate({ item, index }), {
                     searchValue,
                     headers,
                     spacing,

package/dist/esm/DataGrid/DataGridBody/DataGridRow/useNestedRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNestedRow.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.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, { ReactElement } from \"react\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\n\nexport interface UseNestedRowProps<T> {\n  indentationLevels?: { level: number; isLastChild: boolean }[];\n  item?: T;\n  nestedItemsKey?: keyof T;\n  rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n  isRowExpanded?: boolean;\n  indentationLevel: number;\n  enableNestedRow?: boolean;\n  rowProps: {\n    searchValue?: string;\n    headers?: HeaderCell[];\n    spacing?: React.CSSProperties;\n    disableContextMenuColumn?: boolean;\n  };\n}\n\nexport const useNestedRow = <T,>({\n  indentationLevels,\n  item,\n  nestedItemsKey,\n  rowTemplate,\n  isRowExpanded,\n  indentationLevel,\n  enableNestedRow,\n  rowProps: { searchValue, headers, spacing, disableContextMenuColumn }\n}: UseNestedRowProps<T>) => {\n  const hasNestedChildren = item && nestedItemsKey && item[nestedItemsKey];\n\n  const getNestedChildSpacing = (spacing: React.CSSProperties | undefined, index: number) => {\n    const expandButtonWidth = 46;\n    const nestedChildOffset = !hasNestedChildren ? expandButtonWidth : 0;\n\n    const connectorWidth = 68;\n    const nestedChildIndentation = `${nestedChildOffset + indentationLevel * connectorWidth}`;\n\n    const gap = 4;\n    const notIndentedWithNoChildrenOffset =\n      indentationLevel === 0 && !hasNestedChildren ? expandButtonWidth + gap : gap;\n    const childIndentation = `${indentationLevel ? nestedChildIndentation : notIndentedWithNoChildrenOffset}px`;\n\n    if (spacing) {\n      return {\n        ...spacing,\n        paddingLeft: index === 0 ? childIndentation : spacing.paddingLeft\n      };\n    }\n    return {\n      paddingLeft: index === 0 ? childIndentation : \"\"\n    };\n  };\n\n  const renderNestedRowConnectors = () => {\n    if (indentationLevels) {\n      return indentationLevels.map(({ level, isLastChild }) =>\n        renderNestedRowConnector(level, isLastChild, indentationLevels.length)\n      );\n    }\n\n    return null;\n  };\n\n  const renderNestedRowConnector = (level: number, isLastChild: boolean, levelsLength: number) => {\n    const offsetLeftClass = classes[`offset-left-${level - 1}`];\n\n    if (level === levelsLength) {\n      const variant = isLastChild ? \"line\" : \"t-shape\";\n\n      return (\n        <div\n          key={level}\n          data-testid=\"dataGridRowConnector\"\n          className={`${classes[\"connector\"]} ${classes[variant]} ${offsetLeftClass}`}\n        />\n      );\n    } else if (!isLastChild) {\n      return (\n        <div\n          key={level}\n          data-testid=\"dataGridRowConnector\"\n          className={`${classes[\"connector\"]} ${classes[\"vertical\"]}  ${offsetLeftClass}`}\n        />\n      );\n    }\n    return null;\n  };\n\n  const renderNestedRow = () => {\n    if (rowTemplate && item && nestedItemsKey && item[nestedItemsKey] && isRowExpanded) {\n      const nestedItemsArray: T[] = item[nestedItemsKey] as T[];\n      const getIndentationLevel = (index: number) => ({\n        level: indentationLevel + 1,\n        isLastChild: index + 1 === nestedItemsArray.length\n      });\n\n      return nestedItemsArray.map((item, index) => {\n        return React.cloneElement(rowTemplate({ item, index }), {\n          searchValue,\n          headers,\n          spacing,\n          disableContextMenuColumn,\n          item,\n          nestedRowProps: {\n            rowTemplate,\n            enableNestedRow,\n            nestedItemsKey,\n            indentationLevel: indentationLevel + 1,\n            indentationLevels:\n              indentationLevels && nestedItemsArray\n                ? [...indentationLevels, getIndentationLevel(index)]\n                : [getIndentationLevel(index)]\n          }\n        });\n      });\n    }\n  };\n\n  return {\n    renderNestedRow,\n    renderNestedRowConnectors,\n    getNestedChildSpacing,\n    hasNestedChildren\n  };\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"useNestedRow.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.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, { ReactElement } from \"react\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\n\nexport interface UseNestedRowProps<T> {\n  indentationLevels?: { level: number; isLastChild: boolean }[];\n  item?: T;\n  nestedItemsKey?: keyof T;\n  rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n  isRowExpanded?: boolean;\n  indentationLevel: number;\n  enableNestedRow?: boolean;\n  rowProps: {\n    searchValue?: string;\n    headers?: HeaderCell[];\n    spacing?: React.CSSProperties;\n    disableContextMenuColumn?: boolean;\n  };\n}\n\nexport const useNestedRow = <T,>({\n  indentationLevels,\n  item,\n  nestedItemsKey,\n  rowTemplate,\n  isRowExpanded,\n  indentationLevel,\n  enableNestedRow,\n  rowProps: { searchValue, headers, spacing, disableContextMenuColumn }\n}: UseNestedRowProps<T>) => {\n  const hasNestedChildren = item && nestedItemsKey && item[nestedItemsKey];\n\n  const getNestedChildSpacing = (spacing: React.CSSProperties | undefined, index: number) => {\n    const expandButtonWidth = 46;\n    const nestedChildOffset = !hasNestedChildren ? expandButtonWidth : 0;\n\n    const connectorWidth = 68;\n    const nestedChildIndentation = `${nestedChildOffset + indentationLevel * connectorWidth}`;\n\n    const gap = 4;\n    const notIndentedWithNoChildrenOffset =\n      indentationLevel === 0 && !hasNestedChildren ? expandButtonWidth + gap : gap;\n    const childIndentation = `${indentationLevel ? nestedChildIndentation : notIndentedWithNoChildrenOffset}px`;\n\n    if (spacing) {\n      return {\n        ...spacing,\n        paddingLeft: index === 0 ? childIndentation : spacing.paddingLeft\n      };\n    }\n    return {\n      paddingLeft: index === 0 ? childIndentation : \"\"\n    };\n  };\n\n  const renderNestedRowConnectors = () => {\n    if (indentationLevels) {\n      return indentationLevels.map(({ level, isLastChild }) =>\n        renderNestedRowConnector(level, isLastChild, indentationLevels.length)\n      );\n    }\n\n    return null;\n  };\n\n  const renderNestedRowConnector = (level: number, isLastChild: boolean, levelsLength: number) => {\n    const offsetLeftClass = classes[`offset-left-${level - 1}`];\n\n    if (level === levelsLength) {\n      const variant = isLastChild ? \"line\" : \"t-shape\";\n\n      return (\n        <div\n          key={level}\n          data-testid=\"dataGridRowConnector\"\n          className={`${classes[\"connector\"]} ${classes[variant]} ${offsetLeftClass}`}\n        />\n      );\n    } else if (!isLastChild) {\n      return (\n        <div\n          key={level}\n          data-testid=\"dataGridRowConnector\"\n          className={`${classes[\"connector\"]} ${classes[\"vertical\"]}  ${offsetLeftClass}`}\n        />\n      );\n    }\n    return null;\n  };\n\n  const renderNestedRow = () => {\n    if (rowTemplate && item && nestedItemsKey && item[nestedItemsKey] && isRowExpanded) {\n      const nestedItemsArray: T[] = item[nestedItemsKey] as T[];\n      const getIndentationLevel = (index: number) => ({\n        level: indentationLevel + 1,\n        isLastChild: index + 1 === nestedItemsArray.length\n      });\n\n      return nestedItemsArray.map((item, index) => {\n        return React.cloneElement(rowTemplate({ item, index }), {\n          searchValue,\n          headers,\n          spacing,\n          disableContextMenuColumn,\n          item,\n          nestedRowProps: {\n            rowTemplate,\n            enableNestedRow,\n            nestedItemsKey,\n            indentationLevel: indentationLevel + 1,\n            indentationLevels:\n              indentationLevels && nestedItemsArray\n                ? [...indentationLevels, getIndentationLevel(index)]\n                : [getIndentationLevel(index)]\n          }\n        });\n      });\n    }\n  };\n\n  return {\n    renderNestedRow,\n    renderNestedRowConnectors,\n    getNestedChildSpacing,\n    hasNestedChildren\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/DataGrid/DataGridFilters/DataGridDateFilter.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useRef, useState, Fragment } from 'react';
+import React, { useRef, useState, Fragment } from 'react';
 import { DataGridFilterTag } from './DataGridFilterTag.esm.js';
 import { createPortal } from 'react-dom';
 import { DateTimePicker } from './DateTimePicker/DateTimePicker.esm.js';
@@ -26,9 +26,9 @@ const DataGridDateFilter = ({ domRoot, dateFilterValue, onDateFilterValueChange
     const { root } = useGetDomRoot(domRoot, wrappingDivRef);
     const [isOpen, setIsOpen] = useState(false);
     const [tagCaption, setTagCaption] = useState("Last 30 seconds");
-    return (React__default.createElement(Fragment, null,
-        React__default.createElement(DataGridFilterTag, { triggerRef: triggerRef, ref: wrappingDivRef, dateTagCaption: tagCaption, mode: "ADD_DATE", onFilterOpen: () => setIsOpen(true) }),
-        createPortal(React__default.createElement(DateTimePicker, { popoverRef: popoverRef, onTagCaptionChange: setTagCaption, anchorRef: wrappingDivRef, isOpen: isOpen, setPickerOpen: setIsOpen, dateFilterValue: dateFilterValue, onDateFilterValueChange: onDateFilterValueChange }), root)));
+    return (React.createElement(Fragment, null,
+        React.createElement(DataGridFilterTag, { triggerRef: triggerRef, ref: wrappingDivRef, dateTagCaption: tagCaption, mode: "ADD_DATE", onFilterOpen: () => setIsOpen(true) }),
+        createPortal(React.createElement(DateTimePicker, { popoverRef: popoverRef, onTagCaptionChange: setTagCaption, anchorRef: wrappingDivRef, isOpen: isOpen, setPickerOpen: setIsOpen, dateFilterValue: dateFilterValue, onDateFilterValueChange: onDateFilterValueChange }), root)));
 };
 
 export { DataGridDateFilter };

package/dist/esm/DataGrid/DataGridFilters/DataGridDateFilter.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridDateFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridDateFilter.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, { Fragment, useRef, useState } from \"react\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { createPortal } from \"react-dom\";\nimport { DateTimePicker } from \"./DateTimePicker/DateTimePicker\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport { DateTimeFilter } from \"./DataGridFilters.interfaces\";\n\ntype Props = {\n  domRoot?: HTMLElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport const DataGridDateFilter = ({\n  domRoot,\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const [isOpen, setIsOpen] = useState(false);\n  const [tagCaption, setTagCaption] = useState(\"Last 30 seconds\");\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        dateTagCaption={tagCaption}\n        mode={\"ADD_DATE\"}\n        onFilterOpen={() => setIsOpen(true)}\n      />\n      {createPortal(\n        <DateTimePicker\n          popoverRef={popoverRef}\n          onTagCaptionChange={setTagCaption}\n          anchorRef={wrappingDivRef}\n          isOpen={isOpen}\n          setPickerOpen={setIsOpen}\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAeI,MAAM,kBAAkB,GAAG,CAAC,EACjC,OAAO,EACP,eAAe,EACf,uBAAuB,EACjB,KAAI;AACV,IAAA,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAChD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,QACEA,6BAAC,QAAQ,EAAA,IAAA;QACPA,cAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EACnC,CAAA;AACD,QAAA,YAAY,CACXA,cAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,aAAa,EACjC,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,eAAe,EAAE,eAAe,EAChC,uBAAuB,EAAE,uBAAuB,EAChD,CAAA,EACF,IAAI,CACL,CACQ,EACX;AACJ;;;;"}
+{"version":3,"file":"DataGridDateFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridDateFilter.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, { Fragment, useRef, useState } from \"react\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { createPortal } from \"react-dom\";\nimport { DateTimePicker } from \"./DateTimePicker/DateTimePicker\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport { DateTimeFilter } from \"./DataGridFilters.interfaces\";\n\ntype Props = {\n  domRoot?: HTMLElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport const DataGridDateFilter = ({\n  domRoot,\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const [isOpen, setIsOpen] = useState(false);\n  const [tagCaption, setTagCaption] = useState(\"Last 30 seconds\");\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        dateTagCaption={tagCaption}\n        mode={\"ADD_DATE\"}\n        onFilterOpen={() => setIsOpen(true)}\n      />\n      {createPortal(\n        <DateTimePicker\n          popoverRef={popoverRef}\n          onTagCaptionChange={setTagCaption}\n          anchorRef={wrappingDivRef}\n          isOpen={isOpen}\n          setPickerOpen={setIsOpen}\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAeI,MAAM,kBAAkB,GAAG,CAAC,EACjC,OAAO,EACP,eAAe,EACf,uBAAuB,EACjB,KAAI;AACV,IAAA,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAChD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,QACE,oBAAC,QAAQ,EAAA,IAAA;QACP,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EACnC,CAAA;AACD,QAAA,YAAY,CACX,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,aAAa,EACjC,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,eAAe,EAAE,eAAe,EAChC,uBAAuB,EAAE,uBAAuB,EAChD,CAAA,EACF,IAAI,CACL,CACQ,EACX;AACJ;;;;"}

package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useRef, useState, Fragment } from 'react';
+import React, { useRef, useState, Fragment } from 'react';
 import { createPortal } from 'react-dom';
 import { useGetDomRoot } from '../../src/hooks/useGetDomRoot.esm.js';
 import { generateID } from '../../src/util/helper.esm.js';
@@ -55,9 +55,9 @@ const DataGridFilter = ({ mode, filter, domRoot, columnsMetadata, onFilterAdd, o
             initialiseFilterValues(filter);
         }
     };
-    return (React__default.createElement(Fragment, null,
-        React__default.createElement(DataGridFilterTag, { mode: mode, onFilterOpen: onFilterOpen, onFilterRemove: onFilterRemove, triggerRef: triggerRef, ref: wrappingDivRef, filter: filter, translations: tagTranslations, customEditTagContent: customEditTagContent }),
-        createPortal(React__default.createElement(DataGridFilterPopover, { popoverRef: popoverRef, anchorRef: wrappingDivRef, isOpen: filterOpen, translations: popoverTranslations, column: column, columnsMetadata: columnsMetadata, values: values, pickedValues: pickedValues, operator: operator, operators: operators, onFilterSubmit: onFilterSubmit, resetFields: resetFields, setFilterOpen: setFilterOpen, setColumn: setColumn, setOperator: setOperator, setOperators: setOperators, setValues: setValues, setPickedValues: setPickedValues }), root)));
+    return (React.createElement(Fragment, null,
+        React.createElement(DataGridFilterTag, { mode: mode, onFilterOpen: onFilterOpen, onFilterRemove: onFilterRemove, triggerRef: triggerRef, ref: wrappingDivRef, filter: filter, translations: tagTranslations, customEditTagContent: customEditTagContent }),
+        createPortal(React.createElement(DataGridFilterPopover, { popoverRef: popoverRef, anchorRef: wrappingDivRef, isOpen: filterOpen, translations: popoverTranslations, column: column, columnsMetadata: columnsMetadata, values: values, pickedValues: pickedValues, operator: operator, operators: operators, onFilterSubmit: onFilterSubmit, resetFields: resetFields, setFilterOpen: setFilterOpen, setColumn: setColumn, setOperator: setOperator, setOperators: setOperators, setValues: setValues, setPickedValues: setPickedValues }), root)));
 };
 
 export { DataGridFilter };

package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.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, { Fragment, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues\n  } = useDataGridFilter(mode, columnsMetadata);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={columnsMetadata}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DataGridFilter.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.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, { Fragment, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues\n  } = useDataGridFilter(mode, columnsMetadata);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={columnsMetadata}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.module.scss.esm.js

@@ -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 */.DataGridFilter_sr-only_zs31Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_zs31Q{display:none}.DataGridFilter_slide-in_zs31Q{animation:DataGridFilter_slide-in_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_zs31Q{animation-duration:.1ms}}.DataGridFilter_slide-out_zs31Q{animation:DataGridFilter_slide-out_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_zs31Q{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_zs31Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_zs31Q{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 */\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 */.DataGridFilter_filter-wrapper_zs31Q{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem}.DataGridFilter_filter-wrapper_zs31Q:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_zs31Q:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_filter-button_zs31Q{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_filter-button_zs31Q:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_filter-button_zs31Q:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_remove-button_zs31Q{border-radius:1.25rem}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_caption_zs31Q{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_caption_zs31Q.DataGridFilter_bold_zs31Q{font-weight:600}.DataGridFilter_filter-wrapper_zs31Q .DataGridFilter_remove-icon_zs31Q{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_zs31Q{text-transform:capitalize}.DataGridFilter_popover_zs31Q{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_zs31Q .DataGridFilter_controls_zs31Q{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_zs31Q .DataGridFilter_controls_zs31Q>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_zs31Q .DataGridFilter_controls_zs31Q>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_zs31Q .DataGridFilter_controls_zs31Q>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_zs31Q .DataGridFilter_actions_zs31Q{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */";
-var classes = {"sr-only":"DataGridFilter_sr-only_zs31Q","hidden":"DataGridFilter_hidden_zs31Q","slide-in":"DataGridFilter_slide-in_zs31Q","slide-out":"DataGridFilter_slide-out_zs31Q","filter-wrapper":"DataGridFilter_filter-wrapper_zs31Q","filter-button":"DataGridFilter_filter-button_zs31Q","remove-button":"DataGridFilter_remove-button_zs31Q","caption":"DataGridFilter_caption_zs31Q","bold":"DataGridFilter_bold_zs31Q","remove-icon":"DataGridFilter_remove-icon_zs31Q","column-select-option":"DataGridFilter_column-select-option_zs31Q","popover":"DataGridFilter_popover_zs31Q","controls":"DataGridFilter_controls_zs31Q","actions":"DataGridFilter_actions_zs31Q"};
+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 */.DataGridFilter_sr-only_rE09l{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter_hidden_rE09l{display:none}.DataGridFilter_slide-in_rE09l{animation:DataGridFilter_slide-in_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-in_rE09l{animation-duration:.1ms}}.DataGridFilter_slide-out_rE09l{animation:DataGridFilter_slide-out_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter_slide-out_rE09l{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_rE09l{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_rE09l{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 */\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 */.DataGridFilter_filter-wrapper_rE09l{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem}.DataGridFilter_filter-wrapper_rE09l:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_rE09l:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_filter-button_rE09l{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_filter-button_rE09l:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_filter-button_rE09l:focus-visible{border-radius:var(--focus-border-radius);outline:calc(var(--font-size)*.125) solid var(--color-focus);outline-offset:0}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_remove-button_rE09l{border-radius:1.25rem}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_caption_rE09l{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_caption_rE09l.DataGridFilter_bold_rE09l{font-weight:600}.DataGridFilter_filter-wrapper_rE09l .DataGridFilter_remove-icon_rE09l{font-size:calc(var(--font-size)*.6)}.DataGridFilter_column-select-option_rE09l{text-transform:capitalize}.DataGridFilter_popover_rE09l{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter_popover_rE09l .DataGridFilter_controls_rE09l{display:flex;gap:1rem;width:100%}.DataGridFilter_popover_rE09l .DataGridFilter_controls_rE09l>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_rE09l .DataGridFilter_controls_rE09l>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_rE09l .DataGridFilter_controls_rE09l>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_rE09l .DataGridFilter_actions_rE09l{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw4QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsNkJBQ0UsWUFDRixDQUVBLCtCQUNFLG9EQUNGLENBQ0EsdUNBQ0UsK0JBQ0UsdUJBQ0YsQ0FDRixDQUVBLGdDQUNFLHFEQUNGLENBQ0EsdUNBQ0UsZ0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUdFLGtCQUFtQixDQUtuQiwwQ0FBMkMsQ0FEM0Msc0JBQXVCLENBTnZCLFlBQWEsQ0FHYixXQUFhLENBRmIsc0JBQXVCLENBR3ZCLGlCQUFrQixDQUNsQixrQ0FHRixDQUNBLDJDQUNFLDBDQUNGLENBQ0EsNENBQ0Usd0NBQ0YsQ0FDQSx5RUFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9GQUNFLG9CQUNGLENBQ0EsdUZBR0Usd0NBQXlDLENBRnpDLDREQUFnRSxDQUNoRSxnQkFFRixDQUNBLHlFQUNFLHFCQUNGLENBQ0EsbUVBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EsNkZBQ0UsZUFDRixDQUNBLHVFQUNFLG1DQUNGLENBRUEsMkNBQ0UseUJBQ0YsQ0FFQSw4QkFHRSxzQkFBdUIsQ0FGdkIsWUFBYSxDQUNiLHFCQUFzQixDQUV0QixRQUFTLENBRVQsZUFBZ0IsQ0FEaEIsbUJBRUYsQ0FDQSw2REFFRSxZQUFhLENBQ2IsUUFBUyxDQUZULFVBR0YsQ0FDQSwwRUFDRSxhQUFjLENBQ2QsYUFBYyxDQUNkLFlBQ0YsQ0FDQSwyRUFDRSxXQUFZLENBQ1osYUFBYyxDQUNkLFlBQ0YsQ0FDQSx5RUFDRSxnQkFBaUIsQ0FDakIsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsNERBQ0UsWUFBYSxDQUNiLFFBQ0YiLCJmaWxlIjoiRGF0YUdyaWRGaWx0ZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbHRlci13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXI6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTEwMCk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4zNzVyZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAwLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246b25seS1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogLTAuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmZpbHRlci1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IGNhbGMoMC4xMjUgKiB2YXIoLS1mb250LXNpemUpKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWJ1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDEuMjVyZW07XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uLmJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZpbHRlci13cmFwcGVyIC5yZW1vdmUtaWNvbiB7XG4gIGZvbnQtc2l6ZTogY2FsYygwLjYgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */";
+var classes = {"sr-only":"DataGridFilter_sr-only_rE09l","hidden":"DataGridFilter_hidden_rE09l","slide-in":"DataGridFilter_slide-in_rE09l","slide-out":"DataGridFilter_slide-out_rE09l","filter-wrapper":"DataGridFilter_filter-wrapper_rE09l","filter-button":"DataGridFilter_filter-button_rE09l","remove-button":"DataGridFilter_remove-button_rE09l","caption":"DataGridFilter_caption_rE09l","bold":"DataGridFilter_bold_rE09l","remove-icon":"DataGridFilter_remove-icon_rE09l","column-select-option":"DataGridFilter_column-select-option_rE09l","popover":"DataGridFilter_popover_rE09l","controls":"DataGridFilter_controls_rE09l","actions":"DataGridFilter_actions_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/DataGrid/DataGridFilters/DataGridFilterPopover.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import classes from './DataGridFilter.module.scss.esm.js';
 import { Button } from '../../Button/Button.esm.js';
 import { Option } from '../../Form/Select/SingleSelect/Option.esm.js';
@@ -35,10 +35,10 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
     }, [isOpen]);
     const columnMetadata = columnsMetadata.find(({ name }) => name === column);
     const disableAddNew = columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.disableAddNew;
-    return (React__default.createElement(Popover, { tabIndex: -1, anchorEl: anchorRef, ref: popoverRef, show: isOpen, placement: { horizontal: "left", vertical: "bottom" }, transformOrigin: { horizontal: "left", vertical: "top" } },
-        React__default.createElement("div", { className: classes["popover"] },
-            React__default.createElement("div", { className: classes["controls"] },
-                React__default.createElement(SelectWrapper, { label: columnSelectLabel, value: column, name: "column", onChange: e => {
+    return (React.createElement(Popover, { tabIndex: -1, anchorEl: anchorRef, ref: popoverRef, show: isOpen, placement: { horizontal: "left", vertical: "bottom" }, transformOrigin: { horizontal: "left", vertical: "top" } },
+        React.createElement("div", { className: classes["popover"] },
+            React.createElement("div", { className: classes["controls"] },
+                React.createElement(SelectWrapper, { label: columnSelectLabel, value: column, name: "column", onChange: e => {
                         setColumn(e.target.value);
                         const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);
                         if (columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.operators) {
@@ -57,9 +57,9 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
                             setPickedValues([]);
                             setValues([]);
                         }
-                    } }, columnsMetadata.map(({ name, headline }) => (React__default.createElement(Option, { className: classes["column-select-option"], key: name, value: name }, headline)))),
-                React__default.createElement(SelectWrapper, { label: operatorSelectLabel, value: operator, name: "operator", onChange: e => setOperator(e.target.value) }, operators.map(operator => (React__default.createElement(Option, { key: operator, value: operator }, operator)))),
-                React__default.createElement(MultiSelectWrapper, { label: valueSelectLabel, name: "value", value: pickedValues, onChange: e => setPickedValues([...Array.from(e.target.options)]
+                    } }, columnsMetadata.map(({ name, headline }) => (React.createElement(Option, { className: classes["column-select-option"], key: name, value: name }, headline)))),
+                React.createElement(SelectWrapper, { label: operatorSelectLabel, value: operator, name: "operator", onChange: e => setOperator(e.target.value) }, operators.map(operator => (React.createElement(Option, { key: operator, value: operator }, operator)))),
+                React.createElement(MultiSelectWrapper, { label: valueSelectLabel, name: "value", value: pickedValues, onChange: e => setPickedValues([...Array.from(e.target.options)]
                         .filter(option => option.selected)
                         .map(option => option.value)), selectProps: {
                         addNew: disableAddNew
@@ -78,10 +78,10 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
                             enabled: true,
                             renderThreshold: 0
                         }
-                    } }, values.map(value => (React__default.createElement(MultiOption, { key: value, value: value }, value))))),
-            React__default.createElement("div", { className: classes["actions"] },
-                React__default.createElement(Button, { onClick: onFilterSubmit }, submitButtonTitle),
-                React__default.createElement(Button, { variant: "text", onClick: () => {
+                    } }, values.map(value => (React.createElement(MultiOption, { key: value, value: value }, value))))),
+            React.createElement("div", { className: classes["actions"] },
+                React.createElement(Button, { onClick: onFilterSubmit }, submitButtonTitle),
+                React.createElement(Button, { variant: "text", onClick: () => {
                         resetFields();
                         setFilterOpen(false);
                     } }, cancelButtonTitle)))));