@onewelcome/react-lib-components 8.1.2 → 8.3.0

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

@@ -5,6 +5,7 @@ import { Icon, Icons } from '../../../Icon/Icon.esm.js';
 import { DataGridCell } from '../DataGridCell/DataGridCell.esm.js';
 import { DataGridDrawer } from '../DataGridDrawer/DataGridDrawer.esm.js';
 import { generateID } from '../../../src/util/helper.esm.js';
+import { useNestedRow } from './useNestedRow.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -21,38 +22,67 @@ import { generateID } from '../../../src/util/helper.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const DataGridRowComponent = ({ children, className, headers, searchValue, isLoading, spacing, expandableRowProps, disableContextMenuColumn, ...rest }, ref) => {
+const DataGridRowComponent = ({ item, children, className, headers, searchValue, isLoading, spacing, expandableRowProps, disableContextMenuColumn, nestedRowProps, ...rest }, ref) => {
     const { enableExpandableRow = false, expandButtonId = `ID-${generateID()}`, expandButtonTitle = "Expand row", drawerId = `ID-${generateID()}`, expandableRowContent } = expandableRowProps || {};
+    const { indentationLevels, indentationLevel = 0, nestedItemsKey, enableNestedRow, rowTemplate } = nestedRowProps || {};
     const [isRowExpanded, setIsRowExpanded] = useState(false);
+    const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } = useNestedRow({
+        indentationLevels,
+        indentationLevel,
+        item,
+        nestedItemsKey,
+        rowTemplate,
+        isRowExpanded,
+        enableNestedRow,
+        rowProps: {
+            searchValue,
+            headers,
+            spacing,
+            disableContextMenuColumn
+        }
+    });
+    const classNames = [classes["row"]];
+    const rowBorderClass = enableNestedRow
+        ? classes[`border-${indentationLevel}`]
+        : classes[`border`];
+    className && classNames.push(className);
+    enableExpandableRow
+        ? !isRowExpanded && classNames.push(classes["border-drawer"])
+        : classNames.push(rowBorderClass);
+    isLoading && classNames.push(classes["loading"]);
+    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.createElement(React.Fragment, null,
+            getPrefixButton(!!hasNestedChildren),
+            renderNestedRowConnectors())) : null;
         if (child) {
             const cellWithSpacing = React.cloneElement(child, {
                 searchValue,
-                spacing: spacing,
+                spacing: childSpacing,
                 cellIndex: index,
                 columnLength: headers === null || headers === void 0 ? void 0 : headers.length,
-                disableContextMenuColumn
+                disableContextMenuColumn,
+                prefixElement
             });
             const visible = headers && headers.length > index ? !headers[index].hidden : true;
             return visible && cellWithSpacing;
         }
         return null;
     });
-    const classNames = [classes["row"]];
-    className && classNames.push(className);
-    enableExpandableRow
-        ? !isRowExpanded && classNames.push(classes["border-drawer"])
-        : classNames.push(classes["border"]);
-    isLoading && classNames.push(classes["loading"]);
     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" } },
+            enableExpandableRow && (React.createElement(DataGridCell, { className: classes["expand-button-cell"], onClick: () => setIsRowExpanded(!isRowExpanded), style: {
+                    width: "1px"
+                } },
                 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.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))))));
+                React.createElement(DataGridDrawer, { id: drawerId, role: "region", "aria-labelledby": expandButtonId, isExpanded: isRowExpanded }, expandableRowContent)))),
+        enableNestedRow && renderNestedRow()));
 };
 const DataGridRow = React.forwardRef(DataGridRowComponent);
 

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, ForwardRefRenderFunction } 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\";\n\nexport interface Props extends ComponentPropsWithRef<\"tr\"> {\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (\n  {\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    ...rest\n  },\n  ref\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: spacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  const classNames = [classes[\"row\"]];\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(classes[\"border\"]);\n  isLoading && classNames.push(classes[\"loading\"]);\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={{ width: \"1px\" }}\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    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent);\n"],"names":[],"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 {}>(\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 */.DataGridRow-module_row__yQDVO{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow-module_row__yQDVO:not(.DataGridRow-module_loading__-xjr0):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-drawer__W2hWL:not(:last-child):not(:nth-last-child(2)):after,.DataGridRow-module_row__yQDVO.DataGridRow-module_border__wLIZi:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow-module_expand-button-cell__P2myT{padding:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBRUUsc0RBQXVELENBRHZELGlCQUVGLENBQ0EsNkVBQ0UsNERBQ0YsQ0FTQSw2TUFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBSUYsQ0FFQSw4Q0FDRSxTQUNGIiwiZmlsZSI6IkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXI6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpsYXN0LWNoaWxkKTpub3QoOm50aC1sYXN0LWNoaWxkKDIpKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG5cbi5leHBhbmQtYnV0dG9uLWNlbGwge1xuICBwYWRkaW5nOiAwO1xufSJdfQ== */";
-var classes = {"row":"DataGridRow-module_row__yQDVO","loading":"DataGridRow-module_loading__-xjr0","border":"DataGridRow-module_border__wLIZi","border-drawer":"DataGridRow-module_border-drawer__W2hWL","expand-button-cell":"DataGridRow-module_expand-button-cell__P2myT"};
+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 */.DataGridRow-module_row__yQDVO{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow-module_row__yQDVO:not(.DataGridRow-module_loading__-xjr0):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-0__Q6D3Q:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-1__7cp-V:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-2__QCBIg:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-3__fHSOf:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-4__tEXsB:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-5__MyQd6:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-6__-lMJ-:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-drawer__W2hWL:not(:last-child):not(:nth-last-child(2)):after,.DataGridRow-module_row__yQDVO.DataGridRow-module_border__wLIZi:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridRow-module_expand-button-cell__P2myT{padding:0}.DataGridRow-module_connector__wakAv{height:3.25rem;left:0;position:absolute;top:0;width:2.875rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-0__k2RYD{left:0}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-1__4zXM7{left:4.125rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-2__eAiPP{left:8.25rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-3__aObOx{left:12.375rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-4__oU26v{left:16.5rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-5__-SY5P{left:20.625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-6__V16HL{left:24.75rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_vertical__SSnAv:before{background-color:var(--color-blue-grey200);content:\"\";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_t-shape__r3AMf:before{background-color:var(--color-blue-grey200);content:\"\";height:3.25rem;left:50%;position:absolute;width:.0625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_t-shape__r3AMf:after{background-color:var(--color-blue-grey200);content:\"\";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow-module_connector__wakAv.DataGridRow-module_line__DNtsj:before{background-color:var(--color-blue-grey200);content:\"\";height:50%;left:50%;position:absolute;width:1px}.DataGridRow-module_connector__wakAv.DataGridRow-module_line__DNtsj:after{background-color:var(--color-blue-grey200);content:\"\";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBRUUsc0RBQXVELENBRHZELGlCQUVGLENBQ0EsNkVBQ0UsNERBQ0YsQ0FDQSx5RkFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxjQUFlLENBRmYsaUJBQWtCLENBQ2xCLDRCQUlGLENBQ0EseUZBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQVNBLDZNQUZFLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsVUFZRixDQUVBLDhDQUNFLFNBQ0YsQ0FFQSxxQ0FLRSxjQUFlLENBRmYsTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQUFNLENBRU4sY0FFRixDQUNBLDZFQUNFLE1BQ0YsQ0FDQSw2RUFDRSxhQUNGLENBQ0EsNkVBQ0UsWUFDRixDQUNBLDZFQUNFLGNBQ0YsQ0FDQSw2RUFDRSxZQUNGLENBQ0EsNkVBQ0UsY0FDRixDQUNBLDZFQUNFLGFBQ0YsQ0FDQSwrRUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLFdBQVksQ0FEWixRQUFTLENBRlQsaUJBQWtCLENBSWxCLGNBRUYsQ0FDQSw4RUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLGNBQWUsQ0FEZixRQUFTLENBRlQsaUJBQWtCLENBSWxCLGNBRUYsQ0FDQSw2RUFPRSwwQ0FBMkMsQ0FMM0MsVUFBVyxDQUdYLGVBQWlCLENBRGpCLFFBQVMsQ0FIVCxpQkFBa0IsQ0FFbEIsT0FBUSxDQUdSLFVBRUYsQ0FDQSwyRUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLFVBQVcsQ0FEWCxRQUFTLENBRlQsaUJBQWtCLENBSWxCLFNBRUYsQ0FDQSwwRUFPRSwwQ0FBMkMsQ0FMM0MsVUFBVyxDQUdYLFVBQVcsQ0FEWCxRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGIiwiZmlsZSI6IkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDMuMDYyNXJlbSk7XG4gIGxlZnQ6IDMuMDYyNXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItMTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDcuMTg3NXJlbSk7XG4gIGxlZnQ6IDcuMTg3NXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItMjpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMTUuNDM3NXJlbSk7XG4gIGxlZnQ6IDE1LjQzNzVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTQ6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAxOS41NjI1cmVtKTtcbiAgbGVmdDogMTkuNTYyNXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItNTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMjcuODEyNXJlbSk7XG4gIGxlZnQ6IDI3LjgxMjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItZHJhd2VyOm5vdCg6bGFzdC1jaGlsZCk6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogMy4yNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMCB7XG4gIGxlZnQ6IDByZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTEge1xuICBsZWZ0OiA0LjEyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMiB7XG4gIGxlZnQ6IDguMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTMge1xuICBsZWZ0OiAxMi4zNzVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTQge1xuICBsZWZ0OiAxNi41cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC01IHtcbiAgbGVmdDogMjAuNjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC02IHtcbiAgbGVmdDogMjQuNzVyZW07XG59XG4uY29ubmVjdG9yLnZlcnRpY2FsOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAwLjA2MjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci5saW5lOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDFweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59Il19 */";
+var classes = {"row":"DataGridRow-module_row__yQDVO","loading":"DataGridRow-module_loading__-xjr0","border-0":"DataGridRow-module_border-0__Q6D3Q","border-1":"DataGridRow-module_border-1__7cp-V","border-2":"DataGridRow-module_border-2__QCBIg","border-3":"DataGridRow-module_border-3__fHSOf","border-4":"DataGridRow-module_border-4__tEXsB","border-5":"DataGridRow-module_border-5__MyQd6","border-6":"DataGridRow-module_border-6__-lMJ-","border":"DataGridRow-module_border__wLIZi","border-drawer":"DataGridRow-module_border-drawer__W2hWL","expand-button-cell":"DataGridRow-module_expand-button-cell__P2myT","connector":"DataGridRow-module_connector__wakAv","offset-left-0":"DataGridRow-module_offset-left-0__k2RYD","offset-left-1":"DataGridRow-module_offset-left-1__4zXM7","offset-left-2":"DataGridRow-module_offset-left-2__eAiPP","offset-left-3":"DataGridRow-module_offset-left-3__aObOx","offset-left-4":"DataGridRow-module_offset-left-4__oU26v","offset-left-5":"DataGridRow-module_offset-left-5__-SY5P","offset-left-6":"DataGridRow-module_offset-left-6__V16HL","vertical":"DataGridRow-module_vertical__SSnAv","t-shape":"DataGridRow-module_t-shape__r3AMf","line":"DataGridRow-module_line__DNtsj"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -0,0 +1,92 @@
+import React from 'react';
+import classes from './DataGridRow.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useNestedRow = ({ indentationLevels, item, nestedItemsKey, rowTemplate, isRowExpanded, indentationLevel, enableNestedRow, rowProps: { searchValue, headers, spacing, disableContextMenuColumn } }) => {
+    const hasNestedChildren = item && nestedItemsKey && item[nestedItemsKey];
+    const getNestedChildSpacing = (spacing, index) => {
+        const expandButtonWidth = 46;
+        const nestedChildOffset = !hasNestedChildren ? expandButtonWidth : 0;
+        const connectorWidth = 68;
+        const nestedChildIndentation = `${nestedChildOffset + indentationLevel * connectorWidth}`;
+        const gap = 4;
+        const notIndentedWithNoChildrenOffset = indentationLevel === 0 && !hasNestedChildren ? expandButtonWidth + gap : gap;
+        const childIndentation = `${indentationLevel ? nestedChildIndentation : notIndentedWithNoChildrenOffset}px`;
+        if (spacing) {
+            return {
+                ...spacing,
+                paddingLeft: index === 0 ? childIndentation : spacing.paddingLeft
+            };
+        }
+        return {
+            paddingLeft: index === 0 ? childIndentation : ""
+        };
+    };
+    const renderNestedRowConnectors = () => {
+        if (indentationLevels) {
+            return indentationLevels.map(({ level, isLastChild }) => renderNestedRowConnector(level, isLastChild, indentationLevels.length));
+        }
+        return null;
+    };
+    const renderNestedRowConnector = (level, isLastChild, levelsLength) => {
+        const offsetLeftClass = classes[`offset-left-${level - 1}`];
+        if (level === levelsLength) {
+            const variant = isLastChild ? "line" : "t-shape";
+            return (React.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes[variant]} ${offsetLeftClass}` }));
+        }
+        else if (!isLastChild) {
+            return (React.createElement("div", { key: level, "data-testid": "dataGridRowConnector", className: `${classes["connector"]} ${classes["vertical"]}  ${offsetLeftClass}` }));
+        }
+        return null;
+    };
+    const renderNestedRow = () => {
+        if (rowTemplate && item && nestedItemsKey && item[nestedItemsKey] && isRowExpanded) {
+            const nestedItemsArray = item[nestedItemsKey];
+            const getIndentationLevel = (index) => ({
+                level: indentationLevel + 1,
+                isLastChild: index + 1 === nestedItemsArray.length
+            });
+            return nestedItemsArray.map((item, index) => {
+                return React.cloneElement(rowTemplate({ item, index }), {
+                    searchValue,
+                    headers,
+                    spacing,
+                    disableContextMenuColumn,
+                    item,
+                    nestedRowProps: {
+                        rowTemplate,
+                        enableNestedRow,
+                        nestedItemsKey,
+                        indentationLevel: indentationLevel + 1,
+                        indentationLevels: indentationLevels && nestedItemsArray
+                            ? [...indentationLevels, getIndentationLevel(index)]
+                            : [getIndentationLevel(index)]
+                    }
+                });
+            });
+        }
+    };
+    return {
+        renderNestedRow,
+        renderNestedRowConnectors,
+        getNestedChildSpacing,
+        hasNestedChildren
+    };
+};
+
+export { useNestedRow };
+//# sourceMappingURL=useNestedRow.esm.js.map

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

@@ -0,0 +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":[],"mappings":"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"}

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

@@ -33,6 +33,8 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
             (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [isOpen]);
+    const columnMetadata = columnsMetadata.find(({ name }) => name === column);
+    const disableAddNew = columnMetadata === null || columnMetadata === void 0 ? void 0 : columnMetadata.disableAddNew;
     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"] },
@@ -60,16 +62,18 @@ const DataGridFilterPopover = ({ popoverRef, anchorRef, isOpen, column, columnsM
                 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: {
-                            label: addNewValueLabel,
-                            onAddNew: value => {
-                                if (value) {
-                                    setValues(prev => [...prev, value]);
-                                    setPickedValues(prev => [...prev, value]);
-                                }
+                        addNew: disableAddNew
+                            ? undefined
+                            : {
+                                label: addNewValueLabel,
+                                onAddNew: value => {
+                                    if (value) {
+                                        setValues(prev => [...prev, value]);
+                                        setPickedValues(prev => [...prev, value]);
+                                    }
+                                },
+                                btnProps: { title: addNewValueButtonTitle, type: "button" }
                             },
-                            btnProps: { title: addNewValueButtonTitle, type: "button" }
-                        },
                         search: {
                             enabled: true,
                             renderThreshold: 0

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterPopover.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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, { useEffect } from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../hooks/useRepeatFocus\";\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  popoverRef,\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  useRepeatFocus(popoverRef);\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  return (\n    <Popover\n      tabIndex={-1}\n      anchorEl={anchorRef}\n      ref={popoverRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <MultiSelectWrapper\n            label={valueSelectLabel}\n            name={\"value\"}\n            value={pickedValues}\n            onChange={e =>\n              setPickedValues(\n                [...Array.from(e.target.options)]\n                  .filter(option => option.selected)\n                  .map(option => option.value)\n              )\n            }\n            selectProps={{\n              addNew: {\n                label: addNewValueLabel,\n                onAddNew: value => {\n                  if (value) {\n                    setValues(prev => [...prev, value]);\n                    setPickedValues(prev => [...prev, value]);\n                  }\n                },\n                btnProps: { title: addNewValueButtonTitle, type: \"button\" }\n              },\n              search: {\n                enabled: true,\n                renderThreshold: 0\n              }\n            }}\n          >\n            {values.map(value => (\n              <MultiOption key={value} value={value}>\n                {value}\n              </MultiOption>\n            ))}\n          </MultiSelectWrapper>\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataGridFilterPopover.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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, { useEffect } from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../hooks/useRepeatFocus\";\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  popoverRef,\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  useRepeatFocus(popoverRef);\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n  const disableAddNew = columnMetadata?.disableAddNew;\n\n  return (\n    <Popover\n      tabIndex={-1}\n      anchorEl={anchorRef}\n      ref={popoverRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <MultiSelectWrapper\n            label={valueSelectLabel}\n            name={\"value\"}\n            value={pickedValues}\n            onChange={e =>\n              setPickedValues(\n                [...Array.from(e.target.options)]\n                  .filter(option => option.selected)\n                  .map(option => option.value)\n              )\n            }\n            selectProps={{\n              addNew: disableAddNew\n                ? undefined\n                : {\n                    label: addNewValueLabel,\n                    onAddNew: value => {\n                      if (value) {\n                        setValues(prev => [...prev, value]);\n                        setPickedValues(prev => [...prev, value]);\n                      }\n                    },\n                    btnProps: { title: addNewValueButtonTitle, type: \"button\" }\n                  },\n              search: {\n                enabled: true,\n                renderThreshold: 0\n              }\n            }}\n          >\n            {values.map(value => (\n              <MultiOption key={value} value={value}>\n                {value}\n              </MultiOption>\n            ))}\n          </MultiSelectWrapper>\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilters.interfaces.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"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\nexport interface Filter {\n  id: string;\n  column: string;\n  operator: string;\n  value: string[];\n}\n\nexport type FiltersAction =\n  | {\n      type: \"add\";\n      payload: Filter;\n    }\n  | {\n      type: \"edit\";\n      payload: Filter;\n    }\n  | {\n      type: \"remove\";\n      payload: { id: string };\n    }\n  | {\n      type: \"clear\";\n    };\n\nexport type FiltersState = {\n  filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" | \"EDIT\";\n\nexport enum DefaultOperators {\n  is = \"is\",\n  isNot = \"is not\",\n  contains = \"contains\",\n  doesNotContain = \"does not contain\",\n  isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n  name: string;\n  headline: string;\n  operators?: string[];\n  defaultValues?: string[];\n}\n\nexport interface PopoverTranslations {\n  columnSelectLabel?: string;\n  operatorSelectLabel?: string;\n  valueSelectLabel?: string;\n  addNewValueLabel?: string;\n  addNewValueButtonTitle?: string;\n  submitButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n  addButtonCaption?: string;\n}\n\nexport interface ToolbarTranslations {\n  clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n  toolbar?: ToolbarTranslations;\n  tag?: TagTranslations;\n  popover?: PopoverTranslations;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAgCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"DataGridFilters.interfaces.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"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\nexport interface Filter {\n  id: string;\n  column: string;\n  operator: string;\n  value: string[];\n}\n\nexport type FiltersAction =\n  | {\n      type: \"add\";\n      payload: Filter;\n    }\n  | {\n      type: \"edit\";\n      payload: Filter;\n    }\n  | {\n      type: \"remove\";\n      payload: { id: string };\n    }\n  | {\n      type: \"clear\";\n    };\n\nexport type FiltersState = {\n  filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" | \"EDIT\";\n\nexport enum DefaultOperators {\n  is = \"is\",\n  isNot = \"is not\",\n  contains = \"contains\",\n  doesNotContain = \"does not contain\",\n  isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n  name: string;\n  headline: string;\n  operators?: string[];\n  defaultValues?: string[];\n  disableAddNew?: boolean;\n}\n\nexport interface PopoverTranslations {\n  columnSelectLabel?: string;\n  operatorSelectLabel?: string;\n  valueSelectLabel?: string;\n  addNewValueLabel?: string;\n  addNewValueButtonTitle?: string;\n  submitButtonTitle?: string;\n  cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n  addButtonCaption?: string;\n}\n\nexport interface ToolbarTranslations {\n  clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n  toolbar?: ToolbarTranslations;\n  tag?: TagTranslations;\n  popover?: PopoverTranslations;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAgCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 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 */.DataGridToolbar-module_sr-only__Xirwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar-module_hidden__cjs5x{display:none}.DataGridToolbar-module_slide-in__t3lbD{animation:DataGridToolbar-module_slide-in__t3lbD .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-in__t3lbD{animation-duration:.1ms}}.DataGridToolbar-module_slide-out__-mEfY{animation:DataGridToolbar-module_slide-out__-mEfY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-out__-mEfY{animation-duration:.1ms}}@keyframes DataGridToolbar-module_slide-in__t3lbD{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar-module_slide-out__-mEfY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar-module_wrapper__wEHlo{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_searchbar__PnKiv{flex-basis:15rem;min-width:7rem}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_actions-wrapper__oEYeN{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7{background:none;border:none;cursor:pointer}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7 .DataGridToolbar-module_caption__Jf-jO{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_button-section__eyZvY{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNDQUNFLFlBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSx5Q0FDRSw4REFDRixDQUNBLHVDQUNFLHlDQUNFLHVCQUNGLENBQ0YsQ0FFQSxrREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbURBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHVDQUVFLHNCQUF1QixDQUR2QixZQUFhLENBR2IsU0FBVyxDQURYLDZCQUE4QixDQUc5QixtQkFBb0IsQ0FEcEIsVUFFRixDQUNBLHFGQUVFLGtCQUFtQixDQURuQixZQUFhLENBTWIsV0FBWSxDQUhaLGNBQWUsQ0FDZixTQUFXLENBRlgsMEJBQTJCLENBRzNCLFVBRUYsQ0FDQSw4SEFFRSxnQkFBaUIsQ0FEakIsY0FFRixDQUNBLG9JQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsU0FBVyxDQURYLDBCQUVGLENBQ0EsaUlBQ0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGNBQ0YsQ0FDQSwrSUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0Esd0tBS0UsNkJBQThCLENBSDlCLG9DQUFxQyxDQUNyQyx3Q0FBeUMsQ0FGekMsUUFBUyxDQUdULHlCQUVGLENBQ0EscUZBSUUsa0JBQW1CLENBRm5CLFlBQWEsQ0FEYixhQUFjLENBSWQsU0FBVyxDQUZYLHNCQUdGIiwiZmlsZSI6IkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi53cmFwcGVyIC5idXR0b24tc2VjdGlvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59Il19 */";
+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 */.DataGridToolbar-module_sr-only__Xirwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar-module_hidden__cjs5x{display:none}.DataGridToolbar-module_slide-in__t3lbD{animation:DataGridToolbar-module_slide-in__t3lbD .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-in__t3lbD{animation-duration:.1ms}}.DataGridToolbar-module_slide-out__-mEfY{animation:DataGridToolbar-module_slide-out__-mEfY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-out__-mEfY{animation-duration:.1ms}}@keyframes DataGridToolbar-module_slide-in__t3lbD{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar-module_slide-out__-mEfY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar-module_wrapper__wEHlo input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar-module_wrapper__wEHlo{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_searchbar__PnKiv{flex-basis:15rem;min-width:7rem}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_actions-wrapper__oEYeN{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7{background:none;border:none;cursor:pointer}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7 .DataGridToolbar-module_caption__Jf-jO{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_button-section__eyZvY{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNDQUNFLFlBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSx5Q0FDRSw4REFDRixDQUNBLHVDQUNFLHlDQUNFLHVCQUNGLENBQ0YsQ0FFQSxrREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbURBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHdGQUNFLGNBQ0YsQ0FFQSx1Q0FFRSxzQkFBdUIsQ0FEdkIsWUFBYSxDQUdiLFNBQVcsQ0FEWCw2QkFBOEIsQ0FHOUIsbUJBQW9CLENBRHBCLFVBRUYsQ0FDQSxxRkFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQU1iLFdBQVksQ0FIWixjQUFlLENBQ2YsU0FBVyxDQUZYLDBCQUEyQixDQUczQixVQUVGLENBQ0EsOEhBRUUsZ0JBQWlCLENBRGpCLGNBRUYsQ0FDQSxvSUFFRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUdiLFNBQVcsQ0FEWCwwQkFFRixDQUNBLGlJQUNFLGVBQWdCLENBQ2hCLFdBQVksQ0FDWixjQUNGLENBQ0EsK0lBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxnQkFFRixDQUNBLHdLQUtFLDZCQUE4QixDQUg5QixvQ0FBcUMsQ0FDckMsd0NBQXlDLENBRnpDLFFBQVMsQ0FHVCx5QkFFRixDQUNBLHFGQUlFLGtCQUFtQixDQUZuQixZQUFhLENBRGIsYUFBYyxDQUlkLFNBQVcsQ0FGWCxzQkFHRiIsImZpbGUiOiJEYXRhR3JpZFRvb2xiYXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi53cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi53cmFwcGVyIC5idXR0b24tc2VjdGlvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59Il19 */";
 var classes = {"sr-only":"DataGridToolbar-module_sr-only__Xirwy","hidden":"DataGridToolbar-module_hidden__cjs5x","slide-in":"DataGridToolbar-module_slide-in__t3lbD","slide-out":"DataGridToolbar-module_slide-out__-mEfY","wrapper":"DataGridToolbar-module_wrapper__wEHlo","filter-section":"DataGridToolbar-module_filter-section__G4nGc","searchbar":"DataGridToolbar-module_searchbar__PnKiv","actions-wrapper":"DataGridToolbar-module_actions-wrapper__oEYeN","clear-button":"DataGridToolbar-module_clear-button__4Zdc7","caption":"DataGridToolbar-module_caption__Jf-jO","button-section":"DataGridToolbar-module_button-section__eyZvY"};
 styleInject(css_248z);
 

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js

@@ -18,7 +18,7 @@ import classes from './DataGridHeader.module.scss.esm.js';
  *    limitations under the License.
  */
 const sortingStates = [undefined, "ASC", "DESC"];
-const DataGridHeaderComponent = ({ initialSort, onSort, headers, disableContextMenuColumn, enableExpandableRow, enableMultiSorting, spacing, ...rest }, ref) => {
+const DataGridHeaderComponent = ({ initialSort, onSort, headers, disableContextMenuColumn, enableExpandableRow, enableNestedRows, enableMultiSorting, spacing, ...rest }, ref) => {
     const [sortList, setSortList] = useState(initialSort !== null && initialSort !== void 0 ? initialSort : []);
     useEffect(() => {
         setSortList(initialSort !== null && initialSort !== void 0 ? initialSort : []);

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeader.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    let headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataGridHeader.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  enableNestedRows?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableNestedRows,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    let headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/DatePicker/DatePicker.esm.js

@@ -0,0 +1,53 @@
+import React, { useState, useEffect, Fragment } from 'react';
+import { DayPicker } from 'react-day-picker';
+import classes from './DatePicker.module.scss.esm.js';
+import * as locale from '../node_modules/date-fns/locale.esm.js';
+import { enGB } from '../node_modules/date-fns/locale/en-GB.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DatePicker = ({ onSelect, value, required, mode, locale: locale$1, ...rest }) => {
+    const [dayPickerLocale, setDayPickerLocale] = useState(enGB);
+    useEffect(() => {
+        try {
+            const selectedLocale = locale[locale$1];
+            setDayPickerLocale(selectedLocale);
+        }
+        catch (e) {
+            setDayPickerLocale(enGB);
+        }
+    }, [locale$1]);
+    const getCustomClassNamesMapping = () => {
+        const CLASSNAME_PREFIX = "rdp-";
+        const dayPickerClassNames = {};
+        Object.keys(classes).forEach(key => {
+            const classKey = key.replace(CLASSNAME_PREFIX, "");
+            dayPickerClassNames[classKey] = classes[key];
+        });
+        return dayPickerClassNames;
+    };
+    const commonProps = {
+        showOutsideDays: true,
+        captionLayout: "dropdown-years",
+        required: required,
+        classNames: getCustomClassNamesMapping(),
+        locale: dayPickerLocale
+    };
+    return (React.createElement(Fragment, null, mode === "single" ? (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, onSelect: onSelect, selected: value })) : (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, onSelect: onSelect, selected: value }))));
+};
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.esm.js.map

package/dist/esm/DatePicker/DatePicker.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.esm.js","sources":["../../../../../src/components/DatePicker/DatePicker.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, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport { ClassNames, DateRange, DayPicker, Locale, PropsBase } from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":["locale","locales.enGB","locales"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;MAeU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,UAAEA,QAAM,EAAE,GAAG,IAAI,EAAS,KAAI;AACxF,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAASC,IAAY,CAAC,CAAC;IAE7E,SAAS,CAAC,MAAK;AACb,QAAA,IAAI;AACF,YAAA,MAAM,cAAc,GAAGC,MAAO,CAACF,QAAO,CAAC,CAAC;YACxC,kBAAkB,CAAC,cAAc,CAAC,CAAC;SACpC;QAAC,OAAO,CAAC,EAAE;AACV,YAAA,kBAAkB,CAACC,IAAY,CAAC,CAAC;SAClC;AACH,KAAC,EAAE,CAACD,QAAM,CAAC,CAAC,CAAC;IAEb,MAAM,0BAA0B,GAAG,MAA0B;QAC3D,MAAM,gBAAgB,GAAG,MAAM,CAAC;QAChC,MAAM,mBAAmB,GAAwB,EAAE,CAAC;QAEpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,IAAG;YACjC,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAqB,CAAC;YACvE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AAC/C,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,mBAAmB,CAAC;AAC7B,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAc;AAC7B,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,aAAa,EAAE,gBAAgB;AAC/B,QAAA,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,0BAA0B,EAAE;AACxC,QAAA,MAAM,EAAE,eAAe;KACxB,CAAC;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EACN,IAAA,EAAA,IAAI,KAAK,QAAQ,IAChB,KAAC,CAAA,aAAA,CAAA,SAAS,OACJ,IAAI,EAAA,GACJ,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAyB,EACxB,CAAA,KAEb,KAAC,CAAA,aAAA,CAAA,SAAS,EACJ,EAAA,GAAA,IAAI,EACJ,GAAA,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAA8B,EACxC,CAAA,CACH,CACQ,EACX;AACJ;;;;"}