@onewelcome/react-lib-components 9.8.1 → 10.0.0

package/dist/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.module.scss.es.js

@@ -0,0 +1,11 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".DataGridDrawerItem_item-wrapper_E7GBT{display:flex;flex-direction:column}.DataGridDrawerItem_item-title_E7GBT{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;margin:0}.DataGridDrawerItem_item-description_E7GBT{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0}.DataGridDrawerItem_children-wrapper_E7GBT{margin-top:.5rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const classes = {
+  "item-wrapper": "DataGridDrawerItem_item-wrapper_E7GBT",
+  "item-title": "DataGridDrawerItem_item-title_E7GBT",
+  "item-description": "DataGridDrawerItem_item-description_E7GBT",
+  "children-wrapper": "DataGridDrawerItem_children-wrapper_E7GBT"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=DataGridDrawerItem.module.scss.es.js.map

package/dist/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawerItem.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridRow.module.scss.cjs.js"),n=require("../../../Button/IconButton.cjs.js"),r=require("../../../Icon/Icon.cjs.js"),a=require("../DataGridCell/DataGridCell.cjs.js"),l=require("../DataGridDrawer/DataGridDrawer.cjs.js"),o=require("../../../../util/helper.cjs.js"),s=require("./useNestedRow.cjs.js"),d=e.forwardRef((({item:d,children:i,className:c,headers:u,searchValue:m,isLoading:p,spacing:w,expandableRowProps:h,disableContextMenuColumn:C,nestedRowProps:I,...x},b)=>{const{enableExpandableRow:g=!1,expandButtonId:D=`ID-${o.generateID()}`,expandButtonTitle:E="Expand row",drawerId:j=`ID-${o.generateID()}`,expandableRowContent:f}=h||{},{indentationLevels:R,indentationLevel:N=0,nestedItemsKey:v,enableNestedRow:q,rowTemplate:G}=I||{},[y,B]=e.useState(!1),{renderNestedRowConnectors:L,renderNestedRow:S,getNestedChildSpacing:$,hasNestedChildren:M}=s.useNestedRow({indentationLevels:R,indentationLevel:N,item:d,nestedItemsKey:v,rowTemplate:G,isRowExpanded:y,enableNestedRow:q,rowProps:{searchValue:m,headers:u,spacing:w,disableContextMenuColumn:C}}),P=[t.default.row],T=q?t.default[`border-${N}`]:t.default.border;c&&P.push(c),g?!y&&P.push(t.default["border-drawer"]):P.push(T),p&&P.push(t.default.loading);const V=e.Children.map(i,((t,a)=>{const l=q?$(w,a):w,o=q&&0===a?e.createElement(e.Fragment,null,M?e.createElement(n.IconButton,{id:D,title:E,"aria-expanded":y,onClick:()=>B(!y)},e.createElement(r.Icon,{size:"0.75rem",icon:y?r.Icons.ChevronUp:r.Icons.ChevronDown})):null,L()):null;if(t){const n=e.cloneElement(t,{searchValue:m,spacing:l,cellIndex:a,columnLength:null==u?void 0:u.length,disableContextMenuColumn:C,prefixElement:o});return(!(u&&u.length>a)||!u[a].hidden)&&n}return null}));return e.createElement(e.Fragment,null,e.createElement("tr",{...x,ref:b,className:P.join(" ")},g&&e.createElement(a.DataGridCell,{className:t.default["expand-button-cell"],onClick:()=>B(!y),style:{width:"1px"}},e.createElement(n.IconButton,{id:D,title:E,"aria-expanded":y,"aria-controls":j},e.createElement(r.Icon,{size:"0.75rem",icon:y?r.Icons.ChevronUp:r.Icons.ChevronDown}))),V),g&&e.createElement("tr",{className:`${t.default.row} ${y?t.default["border-drawer"]:""}`},e.createElement("td",{colSpan:V.length+1},e.createElement(l.DataGridDrawer,{id:j,role:"region","aria-labelledby":D,isExpanded:y},f))),q&&S())}));exports.DataGridRow=d;
+//# sourceMappingURL=DataGridRow.cjs.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRow.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, useState, Fragment, Ref, ReactElement } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { useNestedRow } from \"./useNestedRow\";\n\nexport interface Props<T> extends ComponentPropsWithRef<\"tr\"> {\n  item?: T;\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  nestedRowProps?: {\n    rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n    indentationLevel?: number;\n    indentationLevels?: { level: number; isLastChild: boolean }[];\n    enableNestedRow?: boolean;\n    nestedItemsKey?: keyof T;\n  };\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent = <T,>(\n  {\n    item,\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    nestedRowProps,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableRowElement>\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const {\n    indentationLevels,\n    indentationLevel = 0,\n    nestedItemsKey,\n    enableNestedRow,\n    rowTemplate\n  } = nestedRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } =\n    useNestedRow({\n      indentationLevels,\n      indentationLevel,\n      item,\n      nestedItemsKey,\n      rowTemplate,\n      isRowExpanded,\n      enableNestedRow,\n      rowProps: {\n        searchValue,\n        headers,\n        spacing,\n        disableContextMenuColumn\n      }\n    });\n\n  const classNames = [classes[\"row\"]];\n  const rowBorderClass = enableNestedRow\n    ? classes[`border-${indentationLevel}`]\n    : classes[`border`];\n\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(rowBorderClass);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  const getPrefixButton = (hasNestedChildren: boolean) =>\n    hasNestedChildren ? (\n      <IconButton\n        id={expandButtonId}\n        title={expandButtonTitle}\n        aria-expanded={isRowExpanded}\n        onClick={() => setIsRowExpanded(!isRowExpanded)}\n      >\n        <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n      </IconButton>\n    ) : null;\n\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;\n\n    const prefixElement =\n      enableNestedRow && index === 0 ? (\n        <>\n          {getPrefixButton(!!hasNestedChildren)}\n          {renderNestedRowConnectors()}\n        </>\n      ) : null;\n\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: childSpacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn,\n        prefixElement\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{\n              width: \"1px\"\n            }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n      {enableNestedRow && renderNestedRow()}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableRowElement> }\n) => ReactElement;\n"],"names":["DataGridRow","React","forwardRef","item","children","className","headers","searchValue","isLoading","spacing","expandableRowProps","disableContextMenuColumn","nestedRowProps","rest","ref","enableExpandableRow","expandButtonId","generateID","expandButtonTitle","drawerId","expandableRowContent","indentationLevels","indentationLevel","nestedItemsKey","enableNestedRow","rowTemplate","isRowExpanded","setIsRowExpanded","useState","renderNestedRowConnectors","renderNestedRow","getNestedChildSpacing","hasNestedChildren","useNestedRow","rowProps","classNames","classes","rowBorderClass","default","push","visibleCells","Children","map","child","index","childSpacing","prefixElement","createElement","Fragment","IconButton","id","title","onClick","Icon","size","icon","Icons","ChevronUp","ChevronDown","cellWithSpacing","cloneElement","cellIndex","columnLength","length","hidden","join","DataGridCell","style","width","colSpan","DataGridDrawer","role","isExpanded"],"mappings":"kaA6LaA,EAAcC,EAAMC,YA5IJ,EAEzBC,OACAC,WACAC,YACAC,UACAC,cACAC,YACAC,UACAC,qBACAC,2BACAC,oBACGC,GAELC,KAEM,MAAAC,oBACJA,GAAsB,EAAAC,eACtBA,EAAiB,MAAMC,EAAAA,eAAYC,kBACnCA,EAAoB,aAAAC,SACpBA,EAAW,MAAMF,EAAAA,eAAYG,qBAC7BA,GACEV,GAAsB,CAAC,GACrBW,kBACJA,EAAAC,iBACAA,EAAmB,EAAAC,eACnBA,EAAAC,gBACAA,EAAAC,YACAA,GACEb,GAAkB,CAAC,GAChBc,EAAeC,GAAoBC,EAAAA,UAAS,IAC7CC,0BAAEA,EAA2BC,gBAAAA,EAAAC,sBAAiBA,oBAAuBC,GACzEC,EAAAA,aAAa,CACXZ,oBACAC,mBACAnB,OACAoB,iBACAE,cACAC,gBACAF,kBACAU,SAAU,CACR3B,cACAD,UACAG,UACAE,8BAIAwB,EAAa,CAACC,UAAa,KAC3BC,EAAiBb,EACnBY,EAAQE,QAAA,UAAUhB,KAClBc,EAAAA,QAAgB,OAEP/B,GAAA8B,EAAWI,KAAKlC,GAEzBU,GAACW,GAAiBS,EAAWI,KAAKH,EAAAA,QAAQ,kBAC1CD,EAAWI,KAAKF,GACpB7B,GAAa2B,EAAWI,KAAKH,EAAQE,QAAS,SAExC,MAYAE,EAAevC,EAAMwC,SAASC,IAAItC,GAAkC,CAACuC,EAAOC,KAChF,MAAMC,EAAerB,EAAkBO,EAAsBtB,EAASmC,GAASnC,EAEzEqC,EACJtB,GAA6B,IAAVoB,EAEd3C,EAAA8C,cAAA9C,EAAA+C,SAAA,KAAkBhB,EAhBvB/B,EAAA8C,cAACE,EAAAA,WAAA,CACCC,GAAIlC,EACJmC,MAAOjC,EACP,gBAAeQ,EACf0B,QAAS,IAAMzB,GAAkBD,IAEjCzB,EAAA8C,cAACM,QAAKC,KAAK,UAAUC,KAAM7B,EAAgB8B,EAAAA,MAAMC,UAAYD,EAAAA,MAAME,eAEnE,KASG7B,KAED,KAEN,GAAIc,EAAO,CACH,MAAAgB,EAAkB1D,EAAM2D,aAAajB,EAAO,CAChDpC,cACAE,QAASoC,EACTgB,UAAWjB,EACXkB,aAAuB,MAATxD,OAAS,EAAAA,EAAAyD,OACvBpD,2BACAmC,kBAIF,SADgBxC,GAAWA,EAAQyD,OAASnB,KAAStC,EAAQsC,GAAOoB,SAClDL,CAAA,CAEb,OAAA,IAAA,IAGT,SACGZ,cAAAC,EAAAA,SAAA,KACE/C,EAAA8C,cAAA,KAAA,IAAOlC,EAAMC,MAAUT,UAAW8B,EAAW8B,KAAK,MAChDlD,GACCd,EAAA8C,cAACmB,EAAAA,aAAA,CACC7D,UAAW+B,UAAQ,sBACnBgB,QAAS,IAAMzB,GAAkBD,GACjCyC,MAAO,CACLC,MAAO,QAGTnE,EAAA8C,cAACE,EAAAA,WAAA,CACCC,GAAIlC,EACJmC,MAAOjC,EACP,gBAAeQ,EACf,gBAAeP,GAEflB,EAAA8C,cAACM,QAAKC,KAAK,UAAUC,KAAM7B,EAAgB8B,EAAAA,MAAMC,UAAYD,EAAAA,MAAME,gBAIxElB,GAEFzB,mBACE,KAAG,CAAAV,UAAW,GAAG+B,EAAAE,QAAa,OAAKZ,EAAgBU,EAAAA,QAAQ,iBAAmB,sBAC5E,KAAG,CAAAiC,QAAS7B,EAAauB,OAAS,GACjC9D,EAAA8C,cAACuB,EAAAA,eAAA,CACCpB,GAAI/B,EACJoD,KAAK,SACL,kBAAiBvD,EACjBwD,WAAY9C,GAEXN,KAKRI,GAAmBM,IACtB"}

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.es.js

@@ -0,0 +1,118 @@
+import React, { useState, Fragment } from "react";
+import classes from "./DataGridRow.module.scss.es.js";
+import { IconButton } from "../../../Button/IconButton.es.js";
+import { Icon, Icons } from "../../../Icon/Icon.es.js";
+import { DataGridCell } from "../DataGridCell/DataGridCell.es.js";
+import { DataGridDrawer } from "../DataGridDrawer/DataGridDrawer.es.js";
+import { generateID } from "../../../../util/helper.es.js";
+import { useNestedRow } from "./useNestedRow.es.js";
+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 = (hasNestedChildren2) => hasNestedChildren2 ? /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      id: expandButtonId,
+      title: expandButtonTitle,
+      "aria-expanded": isRowExpanded,
+      onClick: () => setIsRowExpanded(!isRowExpanded)
+    },
+    /* @__PURE__ */ 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 ? /* @__PURE__ */ React.createElement(React.Fragment, null, getPrefixButton(!!hasNestedChildren), renderNestedRowConnectors()) : null;
+    if (child) {
+      const cellWithSpacing = React.cloneElement(child, {
+        searchValue,
+        spacing: childSpacing,
+        cellIndex: index,
+        columnLength: headers == null ? void 0 : headers.length,
+        disableContextMenuColumn,
+        prefixElement
+      });
+      const visible = headers && headers.length > index ? !headers[index].hidden : true;
+      return visible && cellWithSpacing;
+    }
+    return null;
+  });
+  return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("tr", { ...rest, ref, className: classNames.join(" ") }, enableExpandableRow && /* @__PURE__ */ React.createElement(
+    DataGridCell,
+    {
+      className: classes["expand-button-cell"],
+      onClick: () => setIsRowExpanded(!isRowExpanded),
+      style: {
+        width: "1px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        id: expandButtonId,
+        title: expandButtonTitle,
+        "aria-expanded": isRowExpanded,
+        "aria-controls": drawerId
+      },
+      /* @__PURE__ */ React.createElement(Icon, { size: "0.75rem", icon: isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown })
+    )
+  ), visibleCells), enableExpandableRow && /* @__PURE__ */ React.createElement("tr", { className: `${classes["row"]} ${isRowExpanded ? classes["border-drawer"] : ""}` }, /* @__PURE__ */ React.createElement("td", { colSpan: visibleCells.length + 1 }, /* @__PURE__ */ React.createElement(
+    DataGridDrawer,
+    {
+      id: drawerId,
+      role: "region",
+      "aria-labelledby": expandButtonId,
+      isExpanded: isRowExpanded
+    },
+    expandableRowContent
+  ))), enableNestedRow && renderNestedRow());
+};
+const DataGridRow = React.forwardRef(DataGridRowComponent);
+export {
+  DataGridRow
+};
+//# sourceMappingURL=DataGridRow.es.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRow.es.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, useState, Fragment, Ref, ReactElement } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { useNestedRow } from \"./useNestedRow\";\n\nexport interface Props<T> extends ComponentPropsWithRef<\"tr\"> {\n  item?: T;\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  nestedRowProps?: {\n    rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n    indentationLevel?: number;\n    indentationLevels?: { level: number; isLastChild: boolean }[];\n    enableNestedRow?: boolean;\n    nestedItemsKey?: keyof T;\n  };\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent = <T,>(\n  {\n    item,\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    nestedRowProps,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableRowElement>\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const {\n    indentationLevels,\n    indentationLevel = 0,\n    nestedItemsKey,\n    enableNestedRow,\n    rowTemplate\n  } = nestedRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } =\n    useNestedRow({\n      indentationLevels,\n      indentationLevel,\n      item,\n      nestedItemsKey,\n      rowTemplate,\n      isRowExpanded,\n      enableNestedRow,\n      rowProps: {\n        searchValue,\n        headers,\n        spacing,\n        disableContextMenuColumn\n      }\n    });\n\n  const classNames = [classes[\"row\"]];\n  const rowBorderClass = enableNestedRow\n    ? classes[`border-${indentationLevel}`]\n    : classes[`border`];\n\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(rowBorderClass);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  const getPrefixButton = (hasNestedChildren: boolean) =>\n    hasNestedChildren ? (\n      <IconButton\n        id={expandButtonId}\n        title={expandButtonTitle}\n        aria-expanded={isRowExpanded}\n        onClick={() => setIsRowExpanded(!isRowExpanded)}\n      >\n        <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n      </IconButton>\n    ) : null;\n\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;\n\n    const prefixElement =\n      enableNestedRow && index === 0 ? (\n        <>\n          {getPrefixButton(!!hasNestedChildren)}\n          {renderNestedRowConnectors()}\n        </>\n      ) : null;\n\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: childSpacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn,\n        prefixElement\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{\n              width: \"1px\"\n            }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n      {enableNestedRow && renderNestedRow()}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableRowElement> }\n) => ReactElement;\n"],"names":["hasNestedChildren"],"mappings":";;;;;;;;AAiDA,MAAM,uBAAuB,CAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACG,QAAA;AAAA,IACJ,sBAAsB;AAAA,IACtB,iBAAiB,MAAM,WAAA,CAAY;AAAA,IACnC,oBAAoB;AAAA,IACpB,WAAW,MAAM,WAAA,CAAY;AAAA,IAC7B;AAAA,EACF,IAAI,sBAAsB,CAAC;AACrB,QAAA;AAAA,IACJ;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,CAAC;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,EAAE,2BAA2B,iBAAiB,uBAAuB,kBAAA,IACzE,aAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,CACD;AAEH,QAAM,aAAa,CAAC,QAAQ,KAAK,CAAC;AAC5B,QAAA,iBAAiB,kBACnB,QAAQ,UAAU,gBAAgB,EAAE,IACpC,QAAQ,QAAQ;AAEP,eAAA,WAAW,KAAK,SAAS;AAElC,wBAAA,CAAC,iBAAiB,WAAW,KAAK,QAAQ,eAAe,CAAC,IAC1D,WAAW,KAAK,cAAc;AAClC,eAAa,WAAW,KAAK,QAAQ,SAAS,CAAC;AAEzC,QAAA,kBAAkB,CAACA,uBACvBA,qBACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,iBAAe;AAAA,MACf,SAAS,MAAM,iBAAiB,CAAC,aAAa;AAAA,IAAA;AAAA,IAE9C,sBAAA,cAAC,QAAK,MAAK,WAAU,MAAM,gBAAgB,MAAM,YAAY,MAAM,YAAa,CAAA;AAAA,EAAA,IAEhF;AAEN,QAAM,eAAe,MAAM,SAAS,IAAI,UAAkC,CAAC,OAAO,UAAU;AAC1F,UAAM,eAAe,kBAAkB,sBAAsB,SAAS,KAAK,IAAI;AAE/E,UAAM,gBACJ,mBAAmB,UAAU,IAExB,sBAAA,cAAA,MAAA,UAAA,MAAA,gBAAgB,CAAC,CAAC,iBAAiB,GACnC,0BACH,CAAA,IACE;AAEN,QAAI,OAAO;AACH,YAAA,kBAAkB,MAAM,aAAa,OAAO;AAAA,QAChD;AAAA,QACA,SAAS;AAAA,QACT,WAAW;AAAA,QACX,cAAc,mCAAS;AAAA,QACvB;AAAA,QACA;AAAA,MAAA,CACD;AAEK,YAAA,UAAU,WAAW,QAAQ,SAAS,QAAQ,CAAC,QAAQ,KAAK,EAAE,SAAS;AAC7E,aAAO,WAAW;AAAA,IAAA;AAEb,WAAA;AAAA,EAAA,CACR;AAED,SACG,sBAAA,cAAA,UAAA,MACE,sBAAA,cAAA,MAAA,EAAI,GAAG,MAAM,KAAU,WAAW,WAAW,KAAK,GAAG,KACnD,uBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,QAAQ,oBAAoB;AAAA,MACvC,SAAS,MAAM,iBAAiB,CAAC,aAAa;AAAA,MAC9C,OAAO;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,iBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,MAEf,sBAAA,cAAC,QAAK,MAAK,WAAU,MAAM,gBAAgB,MAAM,YAAY,MAAM,YAAa,CAAA;AAAA,IAAA;AAAA,EAEpF,GAED,YACH,GACC,2DACE,MAAG,EAAA,WAAW,GAAG,QAAQ,KAAK,CAAC,IAAI,gBAAgB,QAAQ,eAAe,IAAI,EAAE,0CAC9E,MAAG,EAAA,SAAS,aAAa,SAAS,EACjC,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,YAAY;AAAA,IAAA;AAAA,IAEX;AAAA,EAAA,CAEL,CACF,GAED,mBAAmB,iBACtB;AAEJ;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridRow_row_E7GBT{position:relative;background-color:var(--data-grid-row-background-color)}.DataGridRow_row_E7GBT:not(.DataGridRow_loading_E7GBT):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_E7GBT.DataGridRow_border-0_E7GBT:after{content:"";position:absolute;width:calc(100% - 3.0625rem);left:3.0625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-1_E7GBT:after{content:"";position:absolute;width:calc(100% - 7.1875rem);left:7.1875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-2_E7GBT:after{content:"";position:absolute;width:calc(100% - 11.3125rem);left:11.3125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-3_E7GBT:after{content:"";position:absolute;width:calc(100% - 15.4375rem);left:15.4375rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-4_E7GBT:after{content:"";position:absolute;width:calc(100% - 19.5625rem);left:19.5625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-5_E7GBT:after{content:"";position:absolute;width:calc(100% - 23.6875rem);left:23.6875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-6_E7GBT:after{content:"";position:absolute;width:calc(100% - 27.8125rem);left:27.8125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border_E7GBT:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-drawer_E7GBT:not(:nth-last-child(2)):after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_expand-button-cell_E7GBT{padding:0}.DataGridRow_connector_E7GBT{position:absolute;top:0;left:0;width:2.875rem;height:calc(3.25 * var(--font-size))}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-0_E7GBT{left:0rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-1_E7GBT{left:4.125rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-2_E7GBT{left:8.25rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-3_E7GBT{left:12.375rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-4_E7GBT{left:16.5rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-5_E7GBT{left:20.625rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-6_E7GBT{left:24.75rem}.DataGridRow_connector_E7GBT.DataGridRow_vertical_E7GBT:before{position:absolute;content:"";left:50%;height:100%;width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_t-shape_E7GBT:before{position:absolute;content:"";left:50%;height:calc(3.25 * var(--font-size));width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_t-shape_E7GBT:after{position:absolute;content:"";top:50%;left:50%;height:.0625rem;width:100%;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_line_E7GBT:before{position:absolute;content:"";left:50%;height:50%;width:1px;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_line_E7GBT:after{position:absolute;content:"";top:50%;left:50%;height:1px;width:100%;background-color:var(--color-blue-grey200)}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="DataGridRow_row_E7GBT",e="DataGridRow_loading_E7GBT",o="DataGridRow_border_E7GBT",t="DataGridRow_connector_E7GBT",a="DataGridRow_vertical_E7GBT",d="DataGridRow_line_E7GBT",_={row:r,loading:e,"border-0":"DataGridRow_border-0_E7GBT","border-1":"DataGridRow_border-1_E7GBT","border-2":"DataGridRow_border-2_E7GBT","border-3":"DataGridRow_border-3_E7GBT","border-4":"DataGridRow_border-4_E7GBT","border-5":"DataGridRow_border-5_E7GBT","border-6":"DataGridRow_border-6_E7GBT",border:o,"border-drawer":"DataGridRow_border-drawer_E7GBT","expand-button-cell":"DataGridRow_expand-button-cell_E7GBT",connector:t,"offset-left-0":"DataGridRow_offset-left-0_E7GBT","offset-left-1":"DataGridRow_offset-left-1_E7GBT","offset-left-2":"DataGridRow_offset-left-2_E7GBT","offset-left-3":"DataGridRow_offset-left-3_E7GBT","offset-left-4":"DataGridRow_offset-left-4_E7GBT","offset-left-5":"DataGridRow_offset-left-5_E7GBT","offset-left-6":"DataGridRow_offset-left-6_E7GBT",vertical:a,"t-shape":"DataGridRow_t-shape_E7GBT",line:d};exports.border=o,exports.connector=t,exports.default=_,exports.line=d,exports.loading=e,exports.row=r,exports.vertical=a;
+//# sourceMappingURL=DataGridRow.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.es.js

@@ -0,0 +1,42 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridRow_row_E7GBT{position:relative;background-color:var(--data-grid-row-background-color)}.DataGridRow_row_E7GBT:not(.DataGridRow_loading_E7GBT):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_E7GBT.DataGridRow_border-0_E7GBT:after{content:"";position:absolute;width:calc(100% - 3.0625rem);left:3.0625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-1_E7GBT:after{content:"";position:absolute;width:calc(100% - 7.1875rem);left:7.1875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-2_E7GBT:after{content:"";position:absolute;width:calc(100% - 11.3125rem);left:11.3125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-3_E7GBT:after{content:"";position:absolute;width:calc(100% - 15.4375rem);left:15.4375rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-4_E7GBT:after{content:"";position:absolute;width:calc(100% - 19.5625rem);left:19.5625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-5_E7GBT:after{content:"";position:absolute;width:calc(100% - 23.6875rem);left:23.6875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-6_E7GBT:after{content:"";position:absolute;width:calc(100% - 27.8125rem);left:27.8125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border_E7GBT:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_E7GBT.DataGridRow_border-drawer_E7GBT:not(:nth-last-child(2)):after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_expand-button-cell_E7GBT{padding:0}.DataGridRow_connector_E7GBT{position:absolute;top:0;left:0;width:2.875rem;height:calc(3.25 * var(--font-size))}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-0_E7GBT{left:0rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-1_E7GBT{left:4.125rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-2_E7GBT{left:8.25rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-3_E7GBT{left:12.375rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-4_E7GBT{left:16.5rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-5_E7GBT{left:20.625rem}.DataGridRow_connector_E7GBT.DataGridRow_offset-left-6_E7GBT{left:24.75rem}.DataGridRow_connector_E7GBT.DataGridRow_vertical_E7GBT:before{position:absolute;content:"";left:50%;height:100%;width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_t-shape_E7GBT:before{position:absolute;content:"";left:50%;height:calc(3.25 * var(--font-size));width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_t-shape_E7GBT:after{position:absolute;content:"";top:50%;left:50%;height:.0625rem;width:100%;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_line_E7GBT:before{position:absolute;content:"";left:50%;height:50%;width:1px;background-color:var(--color-blue-grey200)}.DataGridRow_connector_E7GBT.DataGridRow_line_E7GBT:after{position:absolute;content:"";top:50%;left:50%;height:1px;width:100%;background-color:var(--color-blue-grey200)}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const row = "DataGridRow_row_E7GBT";
+const loading = "DataGridRow_loading_E7GBT";
+const border = "DataGridRow_border_E7GBT";
+const connector = "DataGridRow_connector_E7GBT";
+const vertical = "DataGridRow_vertical_E7GBT";
+const line = "DataGridRow_line_E7GBT";
+const classes = {
+  row,
+  loading,
+  "border-0": "DataGridRow_border-0_E7GBT",
+  "border-1": "DataGridRow_border-1_E7GBT",
+  "border-2": "DataGridRow_border-2_E7GBT",
+  "border-3": "DataGridRow_border-3_E7GBT",
+  "border-4": "DataGridRow_border-4_E7GBT",
+  "border-5": "DataGridRow_border-5_E7GBT",
+  "border-6": "DataGridRow_border-6_E7GBT",
+  border,
+  "border-drawer": "DataGridRow_border-drawer_E7GBT",
+  "expand-button-cell": "DataGridRow_expand-button-cell_E7GBT",
+  connector,
+  "offset-left-0": "DataGridRow_offset-left-0_E7GBT",
+  "offset-left-1": "DataGridRow_offset-left-1_E7GBT",
+  "offset-left-2": "DataGridRow_offset-left-2_E7GBT",
+  "offset-left-3": "DataGridRow_offset-left-3_E7GBT",
+  "offset-left-4": "DataGridRow_offset-left-4_E7GBT",
+  "offset-left-5": "DataGridRow_offset-left-5_E7GBT",
+  "offset-left-6": "DataGridRow_offset-left-6_E7GBT",
+  vertical,
+  "t-shape": "DataGridRow_t-shape_E7GBT",
+  line
+};
+export {
+  border,
+  connector,
+  classes as default,
+  line,
+  loading,
+  row,
+  vertical
+};
+//# sourceMappingURL=DataGridRow.module.scss.es.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRow.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridRow.module.scss.cjs.js");exports.useNestedRow=({indentationLevels:n,item:s,nestedItemsKey:a,rowTemplate:d,isRowExpanded:o,indentationLevel:l,enableNestedRow:r,rowProps:{searchValue:i,headers:c,spacing:u,disableContextMenuColumn:m}})=>{const p=s&&a&&s[a];return{renderNestedRow:()=>{if(d&&s&&a&&s[a]&&o){const t=s[a],o=e=>({level:l+1,isLastChild:e+1===t.length});return t.map(((s,p)=>e.cloneElement(d({item:s,index:p}),{searchValue:i,headers:c,spacing:u,disableContextMenuColumn:m,item:s,nestedRowProps:{rowTemplate:d,enableNestedRow:r,nestedItemsKey:a,indentationLevel:l+1,indentationLevels:n&&t?[...n,o(p)]:[o(p)]}})))}},renderNestedRowConnectors:()=>n?n.map((({level:s,isLastChild:a})=>((n,s,a)=>{const d=t.default["offset-left-"+(n-1)];if(n===a){const a=s?"line":"t-shape";return e.createElement("div",{key:n,"data-testid":"dataGridRowConnector",className:`${t.default.connector} ${t.default[a]} ${d}`})}return s?null:e.createElement("div",{key:n,"data-testid":"dataGridRowConnector",className:`${t.default.connector} ${t.default.vertical}  ${d}`})})(s,a,n.length))):null,getNestedChildSpacing:(e,t)=>{const n=`${l?""+((p?0:46)+68*l):0!==l||p?4:50}px`;return e?{...e,paddingLeft:0===t?n:e.paddingLeft}:{paddingLeft:0===t?n:""}},hasNestedChildren:p}};
+//# sourceMappingURL=useNestedRow.cjs.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNestedRow.cjs.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":["indentationLevels","item","nestedItemsKey","rowTemplate","isRowExpanded","indentationLevel","enableNestedRow","rowProps","searchValue","headers","spacing","disableContextMenuColumn","hasNestedChildren","renderNestedRow","nestedItemsArray","getIndentationLevel","index","level","isLastChild","length","map","React","cloneElement","nestedRowProps","renderNestedRowConnectors","levelsLength","offsetLeftClass","classes","variant","createElement","key","className","default","renderNestedRowConnector","getNestedChildSpacing","childIndentation","expandButtonWidth","paddingLeft"],"mappings":"4KAoC4B,EAC1BA,oBACAC,OACAC,iBACAC,cACAC,gBACAC,mBACAC,kBACAC,UAAYC,cAAaC,UAASC,UAASC,gCAE3C,MAAMC,EAAoBX,GAAQC,GAAkBD,EAAKC,GA0FlD,MAAA,CACLW,gBA/BsB,KACtB,GAAIV,GAAeF,GAAQC,GAAkBD,EAAKC,IAAmBE,EAAe,CAC5E,MAAAU,EAAwBb,EAAKC,GAC7Ba,EAAuBC,IAAmB,CAC9CC,MAAOZ,EAAmB,EAC1Ba,YAAaF,EAAQ,IAAMF,EAAiBK,SAG9C,OAAOL,EAAiBM,KAAI,CAACnB,EAAMe,IAC1BK,EAAMC,aAAanB,EAAY,CAAEF,KAAAA,EAAMe,UAAU,CACtDR,cACAC,UACAC,UACAC,2BACAV,KAAAA,EACAsB,eAAgB,CACdpB,cACAG,kBACAJ,iBACAG,iBAAkBA,EAAmB,EACrCL,kBACEA,GAAqBc,EACjB,IAAId,EAAmBe,EAAoBC,IAC3C,CAACD,EAAoBC,QAGhC,GAMHQ,0BAnEgC,IAC5BxB,EACKA,EAAkBoB,KAAI,EAAGH,QAAOC,iBAQV,EAACD,EAAeC,EAAsBO,KACrE,MAAMC,EAAkBC,EAAAA,QAAQ,gBAAeV,EAAQ,IAEvD,GAAIA,IAAUQ,EAAc,CACpB,MAAAG,EAAUV,EAAc,OAAS,UAGrC,OAAAG,EAAAQ,cAAC,MAAA,CACCC,IAAKb,EACL,cAAY,uBACZc,UAAW,GAAGJ,EAAAK,QAAmB,aAAKL,EAAAA,QAAQC,MAAYF,KAC5D,CAAA,OAEQR,EASL,KAPHG,EAAAQ,cAAC,MAAA,CACCC,IAAKb,EACL,cAAY,uBACZc,UAAW,GAAGJ,EAAAK,QAAmB,aAAKL,EAAAA,QAAkB,aAAMD,KAI7D,EA7BHO,CAAyBhB,EAAOC,EAAalB,EAAkBmB,UAI5D,KA6DPe,sBA3F4B,CAACxB,EAA0CM,KACvE,MASMmB,EAAmB,GAAG9B,EALG,KAHJO,EAAwC,EADzC,IAGH,GAC+BP,GAI/B,IAArBA,GAA2BO,EAFjB,EAEqCwB,OAGjD,OAAI1B,EACK,IACFA,EACH2B,YAAuB,IAAVrB,EAAcmB,EAAmBzB,EAAQ2B,aAGnD,CACLA,YAAuB,IAAVrB,EAAcmB,EAAmB,GAChD,EAwEAvB,oBACF"}

package/dist/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.es.js

@@ -0,0 +1,99 @@
+import React from "react";
+import classes from "./DataGridRow.module.scss.es.js";
+const useNestedRow = ({
+  indentationLevels,
+  item,
+  nestedItemsKey,
+  rowTemplate,
+  isRowExpanded,
+  indentationLevel,
+  enableNestedRow,
+  rowProps: { searchValue, headers, spacing, disableContextMenuColumn }
+}) => {
+  const hasNestedChildren = item && nestedItemsKey && item[nestedItemsKey];
+  const getNestedChildSpacing = (spacing2, 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 (spacing2) {
+      return {
+        ...spacing2,
+        paddingLeft: index === 0 ? childIndentation : spacing2.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 /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: level,
+          "data-testid": "dataGridRowConnector",
+          className: `${classes["connector"]} ${classes[variant]} ${offsetLeftClass}`
+        }
+      );
+    } else if (!isLastChild) {
+      return /* @__PURE__ */ 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((item2, index) => {
+        return React.cloneElement(rowTemplate({ item: item2, index }), {
+          searchValue,
+          headers,
+          spacing,
+          disableContextMenuColumn,
+          item: item2,
+          nestedRowProps: {
+            rowTemplate,
+            enableNestedRow,
+            nestedItemsKey,
+            indentationLevel: indentationLevel + 1,
+            indentationLevels: indentationLevels && nestedItemsArray ? [...indentationLevels, getIndentationLevel(index)] : [getIndentationLevel(index)]
+          }
+        });
+      });
+    }
+  };
+  return {
+    renderNestedRow,
+    renderNestedRowConnectors,
+    getNestedChildSpacing,
+    hasNestedChildren
+  };
+};
+export {
+  useNestedRow
+};
+//# sourceMappingURL=useNestedRow.es.js.map

package/dist/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNestedRow.es.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":["spacing","item"],"mappings":";;AAoCO,MAAM,eAAe,CAAK;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,EAAE,aAAa,SAAS,SAAS,yBAAyB;AACtE,MAA4B;AAC1B,QAAM,oBAAoB,QAAQ,kBAAkB,KAAK,cAAc;AAEjE,QAAA,wBAAwB,CAACA,UAA0C,UAAkB;AACzF,UAAM,oBAAoB;AACpB,UAAA,oBAAoB,CAAC,oBAAoB,oBAAoB;AAEnE,UAAM,iBAAiB;AACvB,UAAM,yBAAyB,GAAG,oBAAoB,mBAAmB,cAAc;AAEvF,UAAM,MAAM;AACZ,UAAM,kCACJ,qBAAqB,KAAK,CAAC,oBAAoB,oBAAoB,MAAM;AAC3E,UAAM,mBAAmB,GAAG,mBAAmB,yBAAyB,+BAA+B;AAEvG,QAAIA,UAAS;AACJ,aAAA;AAAA,QACL,GAAGA;AAAAA,QACH,aAAa,UAAU,IAAI,mBAAmBA,SAAQ;AAAA,MACxD;AAAA,IAAA;AAEK,WAAA;AAAA,MACL,aAAa,UAAU,IAAI,mBAAmB;AAAA,IAChD;AAAA,EACF;AAEA,QAAM,4BAA4B,MAAM;AACtC,QAAI,mBAAmB;AACrB,aAAO,kBAAkB;AAAA,QAAI,CAAC,EAAE,OAAO,kBACrC,yBAAyB,OAAO,aAAa,kBAAkB,MAAM;AAAA,MACvE;AAAA,IAAA;AAGK,WAAA;AAAA,EACT;AAEA,QAAM,2BAA2B,CAAC,OAAe,aAAsB,iBAAyB;AAC9F,UAAM,kBAAkB,QAAQ,eAAe,QAAQ,CAAC,EAAE;AAE1D,QAAI,UAAU,cAAc;AACpB,YAAA,UAAU,cAAc,SAAS;AAGrC,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAY;AAAA,UACZ,WAAW,GAAG,QAAQ,WAAW,CAAC,IAAI,QAAQ,OAAO,CAAC,IAAI,eAAe;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA,WAEO,CAAC,aAAa;AAErB,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAY;AAAA,UACZ,WAAW,GAAG,QAAQ,WAAW,CAAC,IAAI,QAAQ,UAAU,CAAC,KAAK,eAAe;AAAA,QAAA;AAAA,MAC/E;AAAA,IAAA;AAGG,WAAA;AAAA,EACT;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,eAAe,QAAQ,kBAAkB,KAAK,cAAc,KAAK,eAAe;AAC5E,YAAA,mBAAwB,KAAK,cAAc;AAC3C,YAAA,sBAAsB,CAAC,WAAmB;AAAA,QAC9C,OAAO,mBAAmB;AAAA,QAC1B,aAAa,QAAQ,MAAM,iBAAiB;AAAA,MAAA;AAG9C,aAAO,iBAAiB,IAAI,CAACC,OAAM,UAAU;AACpC,eAAA,MAAM,aAAa,YAAY,EAAE,MAAAA,OAAM,MAAA,CAAO,GAAG;AAAA,UACtD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,MAAAA;AAAAA,UACA,gBAAgB;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA,YACA,kBAAkB,mBAAmB;AAAA,YACrC,mBACE,qBAAqB,mBACjB,CAAC,GAAG,mBAAmB,oBAAoB,KAAK,CAAC,IACjD,CAAC,oBAAoB,KAAK,CAAC;AAAA,UAAA;AAAA,QACnC,CACD;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EAEL;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/components/DataGrid/DataGridFilters/DataGridDateFilter.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridFilterTag.cjs.js"),r=require("react-dom"),a=require("./DateTimePicker/DateTimePicker.cjs.js"),o=require("../../../hooks/useGetDomRoot.cjs.js");exports.DataGridDateFilter=({domRoot:i,dateFilterValue:l,onDateFilterValueChange:n})=>{const s=e.useRef(null),u=e.useRef(null),c=e.useRef(null),{root:D}=o.useGetDomRoot(i,c),[m,d]=e.useState(!1),[g,p]=e.useState("Last 30 seconds");return e.createElement(e.Fragment,null,e.createElement(t.DataGridFilterTag,{triggerRef:s,ref:c,dateTagCaption:g,mode:"ADD_DATE",onFilterOpen:()=>d(!0)}),r.createPortal(e.createElement(a.DateTimePicker,{popoverRef:u,onTagCaptionChange:p,anchorRef:c,isOpen:m,setPickerOpen:d,dateFilterValue:l,onDateFilterValueChange:n}),D))};
+//# sourceMappingURL=DataGridDateFilter.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DataGridDateFilter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDateFilter.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridDateFilter.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { createPortal } from \"react-dom\";\nimport { DateTimePicker } from \"./DateTimePicker/DateTimePicker\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport { DateTimeFilter } from \"./DataGridFilters.interfaces\";\n\ntype Props = {\n  domRoot?: HTMLElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport const DataGridDateFilter = ({\n  domRoot,\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const [isOpen, setIsOpen] = useState(false);\n  const [tagCaption, setTagCaption] = useState(\"Last 30 seconds\");\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        dateTagCaption={tagCaption}\n        mode={\"ADD_DATE\"}\n        onFilterOpen={() => setIsOpen(true)}\n      />\n      {createPortal(\n        <DateTimePicker\n          popoverRef={popoverRef}\n          onTagCaptionChange={setTagCaption}\n          anchorRef={wrappingDivRef}\n          isOpen={isOpen}\n          setPickerOpen={setIsOpen}\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":["domRoot","dateFilterValue","onDateFilterValueChange","triggerRef","useRef","popoverRef","wrappingDivRef","root","useGetDomRoot","isOpen","setIsOpen","useState","tagCaption","setTagCaption","Fragment","React","createElement","DataGridFilterTag","ref","dateTagCaption","mode","onFilterOpen","createPortal","DateTimePicker","onTagCaptionChange","anchorRef","setPickerOpen"],"mappings":"wSA6BkC,EAChCA,UACAC,kBACAC,8BAEM,MAAAC,EAAaC,SAA0B,MACvCC,EAAaD,SAAuB,MACpCE,EAAiBF,SAAuB,OACxCG,KAAEA,GAASC,gBAAcR,EAASM,IACjCG,EAAQC,GAAaC,EAAAA,UAAS,IAC9BC,EAAYC,GAAiBF,EAAAA,SAAS,mBAE7C,uBACGG,EACCA,SAAA,KAAAC,EAAAC,cAACC,EAAAA,kBAAA,CACCd,aACAe,IAAKZ,EACLa,eAAgBP,EAChBQ,KAAM,WACNC,aAAc,IAAMX,GAAU,KAE/BY,EAAAA,aACCP,EAAAC,cAACO,EAAAA,eAAA,CACClB,aACAmB,mBAAoBX,EACpBY,UAAWnB,EACXG,SACAiB,cAAehB,EACfT,kBACAC,4BAEFK,GAEJ"}

package/dist/components/DataGrid/DataGridFilters/DataGridDateFilter.es.js

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

package/dist/components/DataGrid/DataGridFilters/DataGridDateFilter.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDateFilter.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridDateFilter.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { createPortal } from \"react-dom\";\nimport { DateTimePicker } from \"./DateTimePicker/DateTimePicker\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport { DateTimeFilter } from \"./DataGridFilters.interfaces\";\n\ntype Props = {\n  domRoot?: HTMLElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n};\n\nexport const DataGridDateFilter = ({\n  domRoot,\n  dateFilterValue,\n  onDateFilterValueChange\n}: Props) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const [isOpen, setIsOpen] = useState(false);\n  const [tagCaption, setTagCaption] = useState(\"Last 30 seconds\");\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        dateTagCaption={tagCaption}\n        mode={\"ADD_DATE\"}\n        onFilterOpen={() => setIsOpen(true)}\n      />\n      {createPortal(\n        <DateTimePicker\n          popoverRef={popoverRef}\n          onTagCaptionChange={setTagCaption}\n          anchorRef={wrappingDivRef}\n          isOpen={isOpen}\n          setPickerOpen={setIsOpen}\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,aAAa,OAA0B,IAAI;AAC3C,QAAA,aAAa,OAAuB,IAAI;AACxC,QAAA,iBAAiB,OAAuB,IAAI;AAClD,QAAM,EAAE,KAAS,IAAA,cAAc,SAAS,cAAc;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,iBAAiB;AAE9D,6CACG,UACC,MAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,cAAc,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA,GAEnC;AAAA,IACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,oBAAoB;AAAA,QACpB,WAAW;AAAA,QACX;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/components/DataGrid/DataGridFilters/DataGridFilter.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("../../../hooks/useGetDomRoot.cjs.js"),o=require("../../../util/helper.cjs.js"),a=require("./DataGridFilterTag.cjs.js"),l=require("./DataGridFilterPopover.cjs.js"),s=require("./DataGridFilterService.cjs.js");exports.DataGridFilter=({mode:i,filter:n,domRoot:u,columnsMetadata:c,onFilterAdd:d,onFilterEdit:m,onFilterDelete:p,tagTranslations:F,popoverTranslations:D,customEditTagContent:f,filterState:g})=>{const j=e.useRef(null),v=e.useRef(null),R=e.useRef(null),[G,O]=e.useState(!1),{root:E}=r.useGetDomRoot(u,j),{resetFields:T,operator:q,setOperator:S,operators:V,setOperators:P,column:k,setColumn:C,values:M,setValues:b,pickedValues:h,setPickedValues:y,initialiseFilterValues:A,allowedColumnsMetaData:w}=s.useDataGridFilter(i,c,g);return"ADD"!==i||c.some((e=>!e.allowSingleFilterOnly||!g.filters.some((t=>t.column===e.name))))?e.createElement(e.Fragment,null,e.createElement(a.DataGridFilterTag,{mode:i,onFilterOpen:()=>{O(!G),G||A(n)},onFilterRemove:()=>{if(!n)return;const{id:e}=n;p&&p(e),T(),O(!1)},triggerRef:v,ref:j,filter:n,translations:F,customEditTagContent:f,columnsMetadata:c}),t.createPortal(e.createElement(l.DataGridFilterPopover,{popoverRef:R,anchorRef:j,isOpen:G,translations:D,column:k,columnsMetadata:w,values:M,pickedValues:h,operator:q,operators:V,onFilterSubmit:()=>{if("ADD"===i){const e=o.generateID();d&&d({id:e,column:k,operator:q,value:h})}else if("EDIT"===i&&n){const{id:e}=n;m&&m({id:e,column:k,operator:q,value:h})}T(),O(!1)},resetFields:T,setFilterOpen:O,setColumn:C,setOperator:S,setOperators:P,setValues:b,setPickedValues:y}),E)):e.createElement(e.Fragment,null)};
+//# sourceMappingURL=DataGridFilter.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DataGridFilter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridFilter.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  FiltersState,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n  filterState: FiltersState;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent,\n  filterState\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues,\n    allowedColumnsMetaData\n  } = useDataGridFilter(mode, columnsMetadata, filterState);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  if (mode === \"ADD\") {\n    const hasAvailableFilters = columnsMetadata.some(\n      value =>\n        !value.allowSingleFilterOnly || !filterState.filters.some(f => f.column === value.name)\n    );\n    if (!hasAvailableFilters) {\n      return <></>;\n    }\n  }\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n        columnsMetadata={columnsMetadata}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={allowedColumnsMetaData}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":["mode","filter","domRoot","columnsMetadata","onFilterAdd","onFilterEdit","onFilterDelete","tagTranslations","popoverTranslations","customEditTagContent","filterState","wrappingDivRef","useRef","triggerRef","popoverRef","filterOpen","setFilterOpen","useState","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","allowedColumnsMetaData","useDataGridFilter","some","value","allowSingleFilterOnly","filters","f","name","Fragment","React","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","ref","translations","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID"],"mappings":"iXA8C8B,EAC5BA,OACAC,SACAC,UACAC,kBACAC,cACAC,eACAC,iBACAC,kBACAC,sBACAC,uBACAC,kBAEM,MAAAC,EAAiBC,SAAuB,MACxCC,EAAaD,SAA0B,MACvCE,EAAaF,SAAuB,OAEnCG,EAAYC,GAAiBC,EAAAA,UAAS,IACvCC,KAAEA,GAASC,gBAAcjB,EAASS,IAClCS,YACJA,EAAAC,SACAA,EAAAC,YACAA,EAAAC,UACAA,EAAAC,aACAA,EAAAC,OACAA,EAAAC,UACAA,EAAAC,OACAA,EAAAC,UACAA,EAAAC,aACAA,EAAAC,gBACAA,EAAAC,uBACAA,EAAAC,uBACAA,GACEC,oBAAkBjC,EAAMG,EAAiBO,GAiC7C,MAAa,QAATV,GAC0BG,EAAgB+B,MAExCC,IAACA,EAAMC,wBAA0B1B,EAAY2B,QAAQH,MAAUI,GAAAA,EAAEb,SAAWU,EAAMI,yBAQrFC,EACCA,SAAA,KAAAC,EAAAC,cAACC,EAAAA,kBAAA,CACC3C,OACA4C,aArBe,KACnB5B,GAAeD,GACVA,GACHgB,EAAuB9B,EAAM,EAmB3B4C,eAjCiB,KACrB,IAAK5C,EACH,OAGI,MAAA6C,GAAEA,GAAO7C,EACfK,GAAkBA,EAAewC,GAErB1B,IACZJ,GAAc,EAAK,EAyBfH,aACAkC,IAAKpC,EACLV,SACA+C,aAAczC,EACdE,uBACAN,oBAED8C,EAAAA,aACCR,EAAAC,cAACQ,EAAAA,sBAAA,CACCpC,aACAqC,UAAWxC,EACXyC,OAAQrC,EACRiC,aAAcxC,EACdiB,SACAtB,gBAAiB6B,EACjBL,SACAE,eACAR,WACAE,YACA8B,eAlEe,KACrB,GAAa,QAATrD,EAAgB,CACZ,MAAA8C,EAAKQ,EAAAA,aACXlD,GAAeA,EAAY,CAAE0C,KAAIrB,SAAQJ,WAAUc,MAAON,GAAc,MAAA,GACtD,SAAT7B,GAAmBC,EAAQ,CAC9B,MAAA6C,GAAEA,GAAO7C,EACfI,GAAgBA,EAAa,CAAEyC,KAAIrB,SAAQJ,WAAUc,MAAON,GAAc,CAGhET,IACZJ,GAAc,EAAK,EAyDbI,cACAJ,gBACAU,YACAJ,cACAE,eACAI,YACAE,oBAEFZ,IAtCOuB,EAAAC,cAAAD,EAAAD,SAAA,KAwCX"}

package/dist/components/DataGrid/DataGridFilters/DataGridFilter.es.js

@@ -0,0 +1,118 @@
+import React, { useRef, useState, Fragment } from "react";
+import { createPortal } from "react-dom";
+import { useGetDomRoot } from "../../../hooks/useGetDomRoot.es.js";
+import { generateID } from "../../../util/helper.es.js";
+import { DataGridFilterTag } from "./DataGridFilterTag.es.js";
+import { DataGridFilterPopover } from "./DataGridFilterPopover.es.js";
+import { useDataGridFilter } from "./DataGridFilterService.es.js";
+const DataGridFilter = ({
+  mode,
+  filter,
+  domRoot,
+  columnsMetadata,
+  onFilterAdd,
+  onFilterEdit,
+  onFilterDelete,
+  tagTranslations,
+  popoverTranslations,
+  customEditTagContent,
+  filterState
+}) => {
+  const wrappingDivRef = useRef(null);
+  const triggerRef = useRef(null);
+  const popoverRef = useRef(null);
+  const [filterOpen, setFilterOpen] = useState(false);
+  const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+  const {
+    resetFields,
+    operator,
+    setOperator,
+    operators,
+    setOperators,
+    column,
+    setColumn,
+    values,
+    setValues,
+    pickedValues,
+    setPickedValues,
+    initialiseFilterValues,
+    allowedColumnsMetaData
+  } = useDataGridFilter(mode, columnsMetadata, filterState);
+  const onFilterSubmit = () => {
+    if (mode === "ADD") {
+      const id = generateID();
+      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });
+    } else if (mode === "EDIT" && filter) {
+      const { id } = filter;
+      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });
+    }
+    resetFields();
+    setFilterOpen(false);
+  };
+  const onFilterRemove = () => {
+    if (!filter) {
+      return;
+    }
+    const { id } = filter;
+    onFilterDelete && onFilterDelete(id);
+    resetFields();
+    setFilterOpen(false);
+  };
+  const onFilterOpen = () => {
+    setFilterOpen(!filterOpen);
+    if (!filterOpen) {
+      initialiseFilterValues(filter);
+    }
+  };
+  if (mode === "ADD") {
+    const hasAvailableFilters = columnsMetadata.some(
+      (value) => !value.allowSingleFilterOnly || !filterState.filters.some((f) => f.column === value.name)
+    );
+    if (!hasAvailableFilters) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+    }
+  }
+  return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(
+    DataGridFilterTag,
+    {
+      mode,
+      onFilterOpen,
+      onFilterRemove,
+      triggerRef,
+      ref: wrappingDivRef,
+      filter,
+      translations: tagTranslations,
+      customEditTagContent,
+      columnsMetadata
+    }
+  ), createPortal(
+    /* @__PURE__ */ React.createElement(
+      DataGridFilterPopover,
+      {
+        popoverRef,
+        anchorRef: wrappingDivRef,
+        isOpen: filterOpen,
+        translations: popoverTranslations,
+        column,
+        columnsMetadata: allowedColumnsMetaData,
+        values,
+        pickedValues,
+        operator,
+        operators,
+        onFilterSubmit,
+        resetFields,
+        setFilterOpen,
+        setColumn,
+        setOperator,
+        setOperators,
+        setValues,
+        setPickedValues
+      }
+    ),
+    root
+  ));
+};
+export {
+  DataGridFilter
+};
+//# sourceMappingURL=DataGridFilter.es.js.map