@onewelcome/react-lib-components 12.0.0 → 12.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawerItem.es.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./DataGridDrawerItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title?: string;\n  description?: string;\n}\n\nconst DataGridDrawerItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, title, description, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div {...rest} ref={ref} className={classes[\"item-wrapper\"]}>\n      {title && (\n        <Typography className={classes[\"item-title\"]} variant=\"body\" tag=\"span\">\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography className={classes[\"item-description\"]} variant=\"body\" tag=\"span\">\n          {description}\n        </Typography>\n      )}\n      {children && <div className={classes[\"children-wrapper\"]}> {children}</div>}\n    </div>\n  );\n};\n\nexport const DataGridDrawerItem = React.forwardRef(DataGridDrawerItemComponent);\n"],"names":[],"mappings":";;;AAyBA,MAAM,8BAA+E,CACnF,EAAE,UAAU,OAAO,aAAa,GAAG,KAAK,GACxC,QACG;AAED,SAAA,sBAAA,cAAC,SAAK,GAAG,MAAM,KAAU,WAAW,QAAQ,cAAc,EACvD,GAAA,6CACE,YAAW,EAAA,WAAW,QAAQ,YAAY,GAAG,SAAQ,QAAO,KAAI,UAC9D,KACH,GAED,eACE,sBAAA,cAAA,YAAA,EAAW,WAAW,QAAQ,kBAAkB,GAAG,SAAQ,QAAO,KAAI,OACpE,GAAA,WACH,GAED,YAAY,sBAAA,cAAC,SAAI,WAAW,QAAQ,kBAAkB,EAAG,GAAA,KAAE,QAAS,CACvE;AAEJ;AAEa,MAAA,qBAAqB,MAAM,WAAW,2BAA2B;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".DataGridDrawerItem_item-wrapper_gFXfX{display:flex;flex-direction:column}.DataGridDrawerItem_item-title_gFXfX{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;margin:0}.DataGridDrawerItem_item-description_gFXfX{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0}.DataGridDrawerItem_children-wrapper_gFXfX{margin-top:.5rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"item-wrapper":"DataGridDrawerItem_item-wrapper_gFXfX","item-title":"DataGridDrawerItem_item-title_gFXfX","item-description":"DataGridDrawerItem_item-description_gFXfX","children-wrapper":"DataGridDrawerItem_children-wrapper_gFXfX"};
+//# sourceMappingURL=DataGridDrawerItem.module.scss.cjs.js.map

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

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

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_gFXfX{display:flex;flex-direction:column}.DataGridDrawerItem_item-title_gFXfX{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;margin:0}.DataGridDrawerItem_item-description_gFXfX{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0}.DataGridDrawerItem_children-wrapper_gFXfX{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_gFXfX",
+  "item-title": "DataGridDrawerItem_item-title_gFXfX",
+  "item-description": "DataGridDrawerItem_item-description_gFXfX",
+  "children-wrapper": "DataGridDrawerItem_children-wrapper_gFXfX"
+};
+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"),n=require("./DataGridRow.module.scss.cjs.js"),t=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:p,isLoading:m,spacing:w,expandableRowProps:h,disableContextMenuColumn:C,nestedRowProps:x,...I},b)=>{const{enableExpandableRow:g=!1,expandButtonId:E=`ID-${o.generateID()}`,expandButtonTitle:D="Expand row",drawerId:j=`ID-${o.generateID()}`,expandableRowContent:f,onExpand:R,onCollapse:N}=h||{},{indentationLevels:v,indentationLevel:q=0,nestedItemsKey:G,enableNestedRow:y,rowTemplate:B}=x||{},[L,S]=e.useState(!1),{renderNestedRowConnectors:$,renderNestedRow:M,getNestedChildSpacing:P,hasNestedChildren:T}=s.useNestedRow({indentationLevels:v,indentationLevel:q,item:d,nestedItemsKey:G,rowTemplate:B,isRowExpanded:L,enableNestedRow:y,rowProps:{searchValue:p,headers:u,spacing:w,disableContextMenuColumn:C}}),V=[n.default.row],k=y?n.default[`border-${q}`]:n.default.border;c&&V.push(c),g?!L&&V.push(n.default["border-drawer"]):V.push(k),m&&V.push(n.default.loading);const z=e.Children.map(i,((n,a)=>{const l=y?P(w,a):w,o=y&&0===a?e.createElement(e.Fragment,null,T?e.createElement(t.IconButton,{id:E,title:D,"aria-expanded":L,onClick:()=>{S(!L)}},e.createElement(r.Icon,{size:"0.75rem",icon:L?r.Icons.ChevronUp:r.Icons.ChevronDown})):null,$()):null;if(n){const t=e.cloneElement(n,{searchValue:p,spacing:l,cellIndex:a,columnLength:null==u?void 0:u.length,disableContextMenuColumn:C,prefixElement:o});return(!(u&&u.length>a)||!u[a].hidden)&&t}return null}));return e.createElement(e.Fragment,null,e.createElement("tr",{...I,ref:b,className:V.join(" ")},g&&e.createElement(a.DataGridCell,{className:n.default["expand-button-cell"],onClick:()=>{var e;null==(e=L?N:R)||e(d),S(!L)},style:{width:"1px"}},e.createElement(t.IconButton,{id:E,title:D,"aria-expanded":L,"aria-controls":j},e.createElement(r.Icon,{size:"0.75rem",icon:L?r.Icons.ChevronUp:r.Icons.ChevronDown}))),z),g&&e.createElement("tr",{className:`${n.default.row} ${L?n.default["border-drawer"]:""}`},e.createElement("td",{colSpan:z.length+1},e.createElement(l.DataGridDrawer,{id:j,role:"region","aria-labelledby":E,isExpanded:L},f))),y&&M())}));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    onExpand?: (item: T | undefined) => void;\n    onCollapse?: (item: T | undefined) => void;\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    onExpand,\n    onCollapse\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={() => {\n          setIsRowExpanded(!isRowExpanded);\n        }}\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={() => {\n              (isRowExpanded ? onCollapse : onExpand)?.(item);\n              setIsRowExpanded(!isRowExpanded);\n            }}\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","onExpand","onCollapse","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","_a","style","width","colSpan","DataGridDrawer","role","isExpanded"],"mappings":"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"}

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

@@ -0,0 +1,126 @@
+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,
+    onExpand,
+    onCollapse
+  } = 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: () => {
+        var _a;
+        (_a = isRowExpanded ? onCollapse : onExpand) == null ? void 0 : _a(item);
+        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    onExpand?: (item: T | undefined) => void;\n    onCollapse?: (item: T | undefined) => void;\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    onExpand,\n    onCollapse\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={() => {\n          setIsRowExpanded(!isRowExpanded);\n        }}\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={() => {\n              (isRowExpanded ? onCollapse : onExpand)?.(item);\n              setIsRowExpanded(!isRowExpanded);\n            }}\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":"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"}

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_gFXfX{position:relative;background-color:var(--data-grid-row-background-color)}.DataGridRow_row_gFXfX:not(.DataGridRow_loading_gFXfX):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_gFXfX.DataGridRow_border-0_gFXfX:after{content:"";position:absolute;width:calc(100% - 3.0625rem);left:3.0625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-1_gFXfX:after{content:"";position:absolute;width:calc(100% - 7.1875rem);left:7.1875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-2_gFXfX:after{content:"";position:absolute;width:calc(100% - 11.3125rem);left:11.3125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-3_gFXfX:after{content:"";position:absolute;width:calc(100% - 15.4375rem);left:15.4375rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-4_gFXfX:after{content:"";position:absolute;width:calc(100% - 19.5625rem);left:19.5625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-5_gFXfX:after{content:"";position:absolute;width:calc(100% - 23.6875rem);left:23.6875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-6_gFXfX:after{content:"";position:absolute;width:calc(100% - 27.8125rem);left:27.8125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border_gFXfX:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-drawer_gFXfX: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_gFXfX{padding:0}.DataGridRow_connector_gFXfX{position:absolute;top:0;left:0;width:2.875rem;height:calc(3.25 * var(--font-size))}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-0_gFXfX{left:0rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-1_gFXfX{left:4.125rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-2_gFXfX{left:8.25rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-3_gFXfX{left:12.375rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-4_gFXfX{left:16.5rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-5_gFXfX{left:20.625rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-6_gFXfX{left:24.75rem}.DataGridRow_connector_gFXfX.DataGridRow_vertical_gFXfX:before{position:absolute;content:"";left:50%;height:100%;width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_t-shape_gFXfX:before{position:absolute;content:"";left:50%;height:calc(3.25 * var(--font-size));width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_t-shape_gFXfX:after{position:absolute;content:"";top:50%;left:50%;height:.0625rem;width:100%;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_line_gFXfX:before{position:absolute;content:"";left:50%;height:50%;width:1px;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_line_gFXfX: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_gFXfX",e="DataGridRow_loading_gFXfX",o="DataGridRow_border_gFXfX",t="DataGridRow_connector_gFXfX",f="DataGridRow_vertical_gFXfX",a="DataGridRow_line_gFXfX",d={row:r,loading:e,"border-0":"DataGridRow_border-0_gFXfX","border-1":"DataGridRow_border-1_gFXfX","border-2":"DataGridRow_border-2_gFXfX","border-3":"DataGridRow_border-3_gFXfX","border-4":"DataGridRow_border-4_gFXfX","border-5":"DataGridRow_border-5_gFXfX","border-6":"DataGridRow_border-6_gFXfX",border:o,"border-drawer":"DataGridRow_border-drawer_gFXfX","expand-button-cell":"DataGridRow_expand-button-cell_gFXfX",connector:t,"offset-left-0":"DataGridRow_offset-left-0_gFXfX","offset-left-1":"DataGridRow_offset-left-1_gFXfX","offset-left-2":"DataGridRow_offset-left-2_gFXfX","offset-left-3":"DataGridRow_offset-left-3_gFXfX","offset-left-4":"DataGridRow_offset-left-4_gFXfX","offset-left-5":"DataGridRow_offset-left-5_gFXfX","offset-left-6":"DataGridRow_offset-left-6_gFXfX",vertical:f,"t-shape":"DataGridRow_t-shape_gFXfX",line:a};exports.border=o,exports.connector=t,exports.default=d,exports.line=a,exports.loading=e,exports.row=r,exports.vertical=f;
+//# sourceMappingURL=DataGridRow.module.scss.cjs.js.map

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

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

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_gFXfX{position:relative;background-color:var(--data-grid-row-background-color)}.DataGridRow_row_gFXfX:not(.DataGridRow_loading_gFXfX):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow_row_gFXfX.DataGridRow_border-0_gFXfX:after{content:"";position:absolute;width:calc(100% - 3.0625rem);left:3.0625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-1_gFXfX:after{content:"";position:absolute;width:calc(100% - 7.1875rem);left:7.1875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-2_gFXfX:after{content:"";position:absolute;width:calc(100% - 11.3125rem);left:11.3125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-3_gFXfX:after{content:"";position:absolute;width:calc(100% - 15.4375rem);left:15.4375rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-4_gFXfX:after{content:"";position:absolute;width:calc(100% - 19.5625rem);left:19.5625rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-5_gFXfX:after{content:"";position:absolute;width:calc(100% - 23.6875rem);left:23.6875rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-6_gFXfX:after{content:"";position:absolute;width:calc(100% - 27.8125rem);left:27.8125rem;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border_gFXfX:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridRow_row_gFXfX.DataGridRow_border-drawer_gFXfX: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_gFXfX{padding:0}.DataGridRow_connector_gFXfX{position:absolute;top:0;left:0;width:2.875rem;height:calc(3.25 * var(--font-size))}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-0_gFXfX{left:0rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-1_gFXfX{left:4.125rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-2_gFXfX{left:8.25rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-3_gFXfX{left:12.375rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-4_gFXfX{left:16.5rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-5_gFXfX{left:20.625rem}.DataGridRow_connector_gFXfX.DataGridRow_offset-left-6_gFXfX{left:24.75rem}.DataGridRow_connector_gFXfX.DataGridRow_vertical_gFXfX:before{position:absolute;content:"";left:50%;height:100%;width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_t-shape_gFXfX:before{position:absolute;content:"";left:50%;height:calc(3.25 * var(--font-size));width:.0625rem;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_t-shape_gFXfX:after{position:absolute;content:"";top:50%;left:50%;height:.0625rem;width:100%;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_line_gFXfX:before{position:absolute;content:"";left:50%;height:50%;width:1px;background-color:var(--color-blue-grey200)}.DataGridRow_connector_gFXfX.DataGridRow_line_gFXfX: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_gFXfX";
+const loading = "DataGridRow_loading_gFXfX";
+const border = "DataGridRow_border_gFXfX";
+const connector = "DataGridRow_connector_gFXfX";
+const vertical = "DataGridRow_vertical_gFXfX";
+const line = "DataGridRow_line_gFXfX";
+const classes = {
+  row,
+  loading,
+  "border-0": "DataGridRow_border-0_gFXfX",
+  "border-1": "DataGridRow_border-1_gFXfX",
+  "border-2": "DataGridRow_border-2_gFXfX",
+  "border-3": "DataGridRow_border-3_gFXfX",
+  "border-4": "DataGridRow_border-4_gFXfX",
+  "border-5": "DataGridRow_border-5_gFXfX",
+  "border-6": "DataGridRow_border-6_gFXfX",
+  border,
+  "border-drawer": "DataGridRow_border-drawer_gFXfX",
+  "expand-button-cell": "DataGridRow_expand-button-cell_gFXfX",
+  connector,
+  "offset-left-0": "DataGridRow_offset-left-0_gFXfX",
+  "offset-left-1": "DataGridRow_offset-left-1_gFXfX",
+  "offset-left-2": "DataGridRow_offset-left-2_gFXfX",
+  "offset-left-3": "DataGridRow_offset-left-3_gFXfX",
+  "offset-left-4": "DataGridRow_offset-left-4_gFXfX",
+  "offset-left-5": "DataGridRow_offset-left-5_gFXfX",
+  "offset-left-6": "DataGridRow_offset-left-6_gFXfX",
+  vertical,
+  "t-shape": "DataGridRow_t-shape_gFXfX",
+  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"),s=require("./DataGridFilterPopover.cjs.js"),l=require("./DataGridFilterService.cjs.js");exports.DataGridFilter=({mode:i,filter:n,domRoot:u,columnsMetadata:c,onFilterAdd:d,onFilterEdit:m,onFilterDelete:p,tagTranslations:f,popoverTranslations:F,customEditTagContent:D,filterState:v})=>{const g=e.useRef(null),j=e.useRef(null),R=e.useRef(null),[G,E]=e.useState(!1),O=e.useRef(!1);e.useEffect((()=>{var e;!G&&O.current&&(null==(e=j.current)||e.focus()),O.current=G}),[G]);const{root:T}=r.useGetDomRoot(u,g),{resetFields:q,operator:V,setOperator:P,operators:S,setOperators:k,column:C,setColumn:M,values:b,setValues:h,pickedValues:x,setPickedValues:y,initialiseFilterValues:A,allowedColumnsMetaData:I}=l.useDataGridFilter(i,c,v);return e.createElement(e.Fragment,null,e.createElement(a.DataGridFilterTag,{mode:i,onFilterOpen:()=>{E(!G),G||A(n)},onFilterRemove:()=>{if(!n)return;const{id:e}=n;p&&p(e),q(),E(!1)},triggerRef:j,ref:g,filter:n,translations:f,customEditTagContent:D,columnsMetadata:c}),t.createPortal(e.createElement(s.DataGridFilterPopover,{popoverRef:R,anchorRef:g,isOpen:G,translations:F,column:C,columnsMetadata:I,values:b,pickedValues:x,operator:V,operators:S,onFilterSubmit:()=>{if("ADD"===i){const e=o.generateID();d&&d({id:e,column:C,operator:V,value:x})}else if("EDIT"===i&&n){const{id:e}=n;m&&m({id:e,column:C,operator:V,value:x})}q(),E(!1)},resetFields:q,setFilterOpen:E,setColumn:M,setOperator:P,setOperators:k,setValues:h,setPickedValues:y}),T))};
+//# 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, useEffect } 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 wasOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (!filterOpen && wasOpenRef.current) {\n      triggerRef.current?.focus();\n    }\n    wasOpenRef.current = filterOpen;\n  }, [filterOpen]);\n\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  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","wasOpenRef","useEffect","current","_a","focus","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","allowedColumnsMetaData","useDataGridFilter","Fragment","React","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","ref","translations","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID","value"],"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,GACvCC,EAAaN,UAAO,GAE1BO,EAAAA,WAAU,YACHJ,GAAcG,EAAWE,UAC5B,OAAAC,EAAAR,EAAWO,UAASC,EAAAC,SAEtBJ,EAAWE,QAAUL,CAAA,GACpB,CAACA,IAEJ,MAAMQ,KAAEA,GAASC,gBAActB,EAASS,IAClCc,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,oBAAkBtC,EAAMG,EAAiBO,GAiC7C,uBACG6B,EACCA,SAAA,KAAAC,EAAAC,cAACC,EAAAA,kBAAA,CACC1C,OACA2C,aAXe,KACnB3B,GAAeD,GACVA,GACHqB,EAAuBnC,EAAM,EAS3B2C,eAvBiB,KACrB,IAAK3C,EACH,OAGI,MAAA4C,GAAEA,GAAO5C,EACfK,GAAkBA,EAAeuC,GAErBpB,IACZT,GAAc,EAAK,EAefH,aACAiC,IAAKnC,EACLV,SACA8C,aAAcxC,EACdE,uBACAN,oBAED6C,EAAAA,aACCR,EAAAC,cAACQ,EAAAA,sBAAA,CACCnC,aACAoC,UAAWvC,EACXwC,OAAQpC,EACRgC,aAAcvC,EACdsB,SACA3B,gBAAiBkC,EACjBL,SACAE,eACAR,WACAE,YACAwB,eAxDe,KACrB,GAAa,QAATpD,EAAgB,CACZ,MAAA6C,EAAKQ,EAAAA,aACXjD,GAAeA,EAAY,CAAEyC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAAc,MAAA,GACtD,SAATlC,GAAmBC,EAAQ,CAC9B,MAAA4C,GAAEA,GAAO5C,EACfI,GAAgBA,EAAa,CAAEwC,KAAIf,SAAQJ,WAAU4B,MAAOpB,GAAc,CAGhET,IACZT,GAAc,EAAK,EA+CbS,cACAT,gBACAe,YACAJ,cACAE,eACAI,YACAE,oBAEFZ,GAEJ"}