@onewelcome/react-lib-components 11.1.0-delta → 12.1.0-alpha

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.es.js

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

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnsToggle.es.js","sources":["../../../../src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, Fragment, useState } from \"react\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Toggle } from \"../../Form/Toggle/Toggle\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Popover, Props as PopoverProps } from \"../../Popover/Popover\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { generateID } from \"../../../util/helper\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridColumnsToggle.module.scss\";\nimport { createPortal } from \"react-dom\";\n\nexport interface Props extends PopoverProps {\n  open: boolean;\n  headers: HeaderCell[];\n  titleLabel?: string;\n  closeButtonTitle?: string;\n  onClose: () => void;\n  onToggleClicked: (colName: string) => void;\n  domRoot?: HTMLElement;\n}\n\nconst DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    open,\n    headers,\n    titleLabel = \"Show columns\",\n    closeButtonTitle = \"Close show columns dialog\",\n    onClose,\n    onToggleClicked,\n    className,\n    domRoot = document.body,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [id] = useState(generateID());\n  const labelledId = id + \"_header\";\n\n  const toggles = headers.map(item => (\n    <Toggle\n      key={item.name}\n      name={item.name}\n      checked={!item.hidden}\n      onChange={() => onToggleClicked(item.name)}\n      label={item.headline}\n    />\n  ));\n\n  const handleBackdropClick = () => onClose();\n\n  return (\n    <Popover\n      {...rest}\n      ref={ref}\n      className={`${classes[\"popover\"]} ${className}`}\n      show={open}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={labelledId}\n    >\n      {createPortal(\n        <div\n          aria-hidden=\"true\"\n          className={classes[\"backdrop\"]}\n          onClick={handleBackdropClick}\n        ></div>,\n        domRoot\n      )}\n      <Fragment>\n        <div className={classes[\"header\"]}>\n          <Typography id={labelledId} className={classes[\"title\"]} tag=\"span\" variant=\"h4\">\n            {titleLabel}\n          </Typography>\n          <IconButton\n            onClick={onClose}\n            className={`${classes[\"close-btn\"]}`}\n            title={closeButtonTitle}\n          >\n            <Icon icon={Icons.Times} />\n          </IconButton>\n        </div>\n        <div className={classes[\"content\"]}>{toggles}</div>\n      </Fragment>\n    </Popover>\n  );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":[],"mappings":";;;;;;;;;AAqCA,MAAM,iCAAkF,CACtF;AAAA,EACE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,SAAS;AAAA,EACnB,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,EAAE,IAAI,SAAS,YAAY;AAClC,QAAM,aAAa,KAAK;AAElB,QAAA,UAAU,QAAQ,IAAI,CAC1B,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,MAAM,KAAK;AAAA,MACX,SAAS,CAAC,KAAK;AAAA,MACf,UAAU,MAAM,gBAAgB,KAAK,IAAI;AAAA,MACzC,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA,CAEf;AAEK,QAAA,sBAAsB,MAAM,QAAQ;AAGxC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,SAAS,CAAC,IAAI,SAAS;AAAA,MAC7C,MAAM;AAAA,MACN,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiB;AAAA,IAAA;AAAA,IAEhB;AAAA,MACC,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAW,QAAQ,UAAU;AAAA,UAC7B,SAAS;AAAA,QAAA;AAAA,MACV;AAAA,MACD;AAAA,IACF;AAAA,IACA,sBAAA,cAAC,gBACE,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,QAAQ,KAC7B,sBAAA,cAAA,YAAA,EAAW,IAAI,YAAY,WAAW,QAAQ,OAAO,GAAG,KAAI,QAAO,SAAQ,KACzE,GAAA,UACH,GACA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAG,QAAQ,WAAW,CAAC;AAAA,QAClC,OAAO;AAAA,MAAA;AAAA,MAEN,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,MAAO,CAAA;AAAA,IAAA,CAE7B,GACC,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,SAAS,EAAI,GAAA,OAAQ,CAC/C;AAAA,EACF;AAEJ;AAEa,MAAA,wBAAwB,MAAM,WAAW,8BAA8B;"}

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.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('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridColumnsToggle_popover_7l1Pc{background-color:var(--modal-background-color);z-index:1;min-width:17.5rem;font-family:var(--font-family)}.DataGridColumnsToggle_backdrop_7l1Pc{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:transparent}.DataGridColumnsToggle_header_7l1Pc{min-width:5rem;padding:1rem .5rem 1rem 1.5rem;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;align-items:center}.DataGridColumnsToggle_title_7l1Pc{flex:1;margin:0}.DataGridColumnsToggle_close-btn_7l1Pc{margin-left:.5rem}.DataGridColumnsToggle_content_7l1Pc{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridColumnsToggle_popover_7l1Pc",o="DataGridColumnsToggle_backdrop_7l1Pc",t="DataGridColumnsToggle_header_7l1Pc",l="DataGridColumnsToggle_title_7l1Pc",r="DataGridColumnsToggle_content_7l1Pc",a={popover:e,backdrop:o,header:t,title:l,"close-btn":"DataGridColumnsToggle_close-btn_7l1Pc",content:r};exports.backdrop=o,exports.content=r,exports.default=a,exports.header=t,exports.popover=e,exports.title=l;
+//# sourceMappingURL=DataGridColumnsToggle.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.cjs.js.map

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

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.es.js

@@ -0,0 +1,23 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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 */.DataGridColumnsToggle_popover_7l1Pc{background-color:var(--modal-background-color);z-index:1;min-width:17.5rem;font-family:var(--font-family)}.DataGridColumnsToggle_backdrop_7l1Pc{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:transparent}.DataGridColumnsToggle_header_7l1Pc{min-width:5rem;padding:1rem .5rem 1rem 1.5rem;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;align-items:center}.DataGridColumnsToggle_title_7l1Pc{flex:1;margin:0}.DataGridColumnsToggle_close-btn_7l1Pc{margin-left:.5rem}.DataGridColumnsToggle_content_7l1Pc{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const popover = "DataGridColumnsToggle_popover_7l1Pc";
+const backdrop = "DataGridColumnsToggle_backdrop_7l1Pc";
+const header = "DataGridColumnsToggle_header_7l1Pc";
+const title = "DataGridColumnsToggle_title_7l1Pc";
+const content = "DataGridColumnsToggle_content_7l1Pc";
+const classes = {
+  popover,
+  backdrop,
+  header,
+  title,
+  "close-btn": "DataGridColumnsToggle_close-btn_7l1Pc",
+  content
+};
+export {
+  backdrop,
+  content,
+  classes as default,
+  header,
+  popover,
+  title
+};
+//# sourceMappingURL=DataGridColumnsToggle.module.scss.es.js.map

package/dist/components/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.es.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./DataGridCell/DataGridCell.cjs.js"),t=require("./DataGridRow/DataGridRow.cjs.js"),r=require("./DataGridBody.module.scss.cjs.js"),l=require("../../Typography/Typography.cjs.js"),n=e.forwardRef((({children:n,data:i,headers:s,nestedRowConfig:d,isLoading:o,disableContextMenuColumn:c,emptyLabel:m,spacing:y,searchValue:u,...p},g)=>e.createElement("tbody",{...p,ref:g},(()=>{const p=s.filter((e=>!e.hidden)).length;return o?Array.from(Array(9)).map(((r,l)=>e.createElement(t.DataGridRow,{key:l,isLoading:!0},Array.from(Array(p)).map(((t,r)=>e.createElement(a.DataGridCell,{key:r,isLoading:!0}))),!c&&e.createElement(a.DataGridCell,null)))):i&&0!==i.length?null==i?void 0:i.map(((a,t)=>e.cloneElement(n({item:a,index:t}),{searchValue:u,headers:s,spacing:y,item:a,disableContextMenuColumn:c,nestedRowProps:{rowTemplate:n,enableNestedRow:!!d,nestedItemsKey:null==d?void 0:d.nestedItemsKey,isLastChild:t+1===i.length}}))):e.createElement("tr",null,e.createElement("td",{className:r.default.empty,colSpan:p+(c?0:1)},e.createElement(l.Typography,{variant:"body",spacing:{margin:0}},m)))})())));exports.DataGridBody=n;
+//# sourceMappingURL=DataGridBody.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridBody.cjs.js","sources":["../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  nestedRowConfig?: {\n    nestedItemsKey?: keyof T;\n  };\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  searchValue?: string;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends object>(\n  {\n    children,\n    data,\n    headers,\n    nestedRowConfig,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    searchValue,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        searchValue: searchValue,\n        headers,\n        spacing,\n        item,\n        disableContextMenuColumn,\n        nestedRowProps: {\n          rowTemplate: children,\n          enableNestedRow: !!nestedRowConfig,\n          nestedItemsKey: nestedRowConfig?.nestedItemsKey,\n          isLastChild: index + 1 === data.length\n        }\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["DataGridBody","React","forwardRef","children","data","headers","nestedRowConfig","isLoading","disableContextMenuColumn","emptyLabel","spacing","searchValue","rest","ref","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","DataGridRow","key","__","colIdx","createElement","DataGridCell","item","index","cloneElement","nestedRowProps","rowTemplate","enableNestedRow","nestedItemsKey","isLastChild","className","classes","colSpan","Typography","variant","margin","renderContent"],"mappings":"sSA2GaA,EAAeC,EAAMC,YApER,EAEtBC,WACAC,OACAC,UACAC,kBACAC,YACAC,2BACAC,aACAC,UACAC,iBACGC,GAELC,oBAiDG,QAAO,IAAGD,EAAMC,OA/CG,MACd,MAAAC,EAAiBT,EAAQU,YAAkBC,EAAOC,SAAQC,OAChE,OAAIX,EACKY,MAAMC,KAAKD,MApBI,IAoBwBE,KAAI,CAACC,EAAGC,oBACnDC,EAAYA,YAAA,CAAAC,IAAKF,EAAQhB,WAAS,GAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACK,EAAIC,IAC1C1B,EAAA2B,cAACC,gBAAaJ,IAAKE,EAAQpB,WAAS,OAEpCC,GAA6BP,EAAA2B,cAAAC,EAAAA,aAAA,SAKlBzB,GAAwB,IAAhBA,EAAKc,OAgBnB,MAANd,OAAM,EAAAA,EAAAiB,KAAI,CAACS,EAAMC,IACf9B,EAAM+B,aAAa7B,EAAS,CAAE2B,OAAMC,UAAU,CACnDpB,cACAN,UACAK,UACAoB,OACAtB,2BACAyB,eAAgB,CACdC,YAAa/B,EACbgC,kBAAmB7B,EACnB8B,eAAiC,MAAjB9B,OAAiB,EAAAA,EAAA8B,eACjCC,YAAaN,EAAQ,IAAM3B,EAAKc,4BAxBjC,KACC,KAAAjB,EAAA2B,cAAC,KAAA,CACCU,UAAWC,UAAe,MAC1BC,QAAS1B,GAAkBN,EAA2B,EAAI,IAE1DP,EAAA2B,cAACa,cAAWC,QAAQ,OAAOhC,QAAS,CAAEiC,OAAQ,IAC3ClC,IAoBR,EAMAmC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridBody.es.js","sources":["../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  nestedRowConfig?: {\n    nestedItemsKey?: keyof T;\n  };\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  searchValue?: string;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends object>(\n  {\n    children,\n    data,\n    headers,\n    nestedRowConfig,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    searchValue,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        searchValue: searchValue,\n        headers,\n        spacing,\n        item,\n        disableContextMenuColumn,\n        nestedRowProps: {\n          rowTemplate: children,\n          enableNestedRow: !!nestedRowConfig,\n          nestedItemsKey: nestedRowConfig?.nestedItemsKey,\n          isLastChild: index + 1 === data.length\n        }\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends object>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":[],"mappings":";;;;;AAqCA,MAAM,sBAAsB;AAE5B,MAAM,oBAAoB,CACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,gBAAgB,MAAM;AAC1B,UAAM,iBAAiB,QAAQ,OAAO,YAAU,CAAC,OAAO,MAAM,EAAE;AAChE,QAAI,WAAW;AACb,aAAO,MAAM,KAAK,MAAM,mBAAmB,CAAC,EAAE,IAAI,CAAC,GAAG,+CACnD,aAAY,EAAA,KAAK,QAAQ,WAAS,KAAA,GAChC,MAAM,KAAK,MAAM,cAAc,CAAC,EAAE,IAAI,CAAC,IAAI,WAC1C,sBAAA,cAAC,gBAAa,KAAK,QAAQ,WAAS,KAAA,CAAC,CACtC,GACA,CAAC,4BAA6B,sBAAA,cAAA,cAAA,IAAa,CAC9C,CACD;AAAA,IAAA;AAGH,UAAM,YAAY,CAAC,QAAQ,KAAK,WAAW;AAC3C,QAAI,WAAW;AACb,iDACG,MACC,MAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,QAAQ,OAAO;AAAA,UAC1B,SAAS,kBAAkB,2BAA2B,IAAI;AAAA,QAAA;AAAA,QAE1D,sBAAA,cAAC,cAAW,SAAQ,QAAO,SAAS,EAAE,QAAQ,EAAE,EAAA,GAC7C,UACH;AAAA,MAAA,CAEJ;AAAA,IAAA;AAIJ,WAAO,6BAAM,IAAI,CAAC,MAAM,UAAU;AAChC,aAAO,MAAM,aAAa,SAAS,EAAE,MAAM,MAAA,CAAO,GAAG;AAAA,QACnD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,UACd,aAAa;AAAA,UACb,iBAAiB,CAAC,CAAC;AAAA,UACnB,gBAAgB,mDAAiB;AAAA,UACjC,aAAa,QAAQ,MAAM,KAAK;AAAA,QAAA;AAAA,MAClC,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,6CACG,SAAO,EAAA,GAAG,MAAM,IAAA,GACd,eACH;AAEJ;AAEa,MAAA,eAAe,MAAM,WAAW,iBAAiB;"}

package/dist/components/DataGrid/DataGridBody/DataGridBody.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('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridBody_empty_7l1Pc{text-align:center;height:6rem;padding:2rem;vertical-align:top}.DataGridBody_empty_7l1Pc p{color:var(--greyed-out)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridBody_empty_7l1Pc",t={empty:e};exports.default=t,exports.empty=e;
+//# sourceMappingURL=DataGridBody.module.scss.cjs.js.map

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

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

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

@@ -0,0 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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 */.DataGridBody_empty_7l1Pc{text-align:center;height:6rem;padding:2rem;vertical-align:top}.DataGridBody_empty_7l1Pc p{color:var(--greyed-out)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const empty = "DataGridBody_empty_7l1Pc";
+const classes = {
+  empty
+};
+export {
+  classes as default,
+  empty
+};
+//# sourceMappingURL=DataGridBody.module.scss.es.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../Typography/Typography.cjs.js"),a=require("./DataGridCell.module.scss.cjs.js"),r=e.forwardRef((({children:r,className:l,isLoading:n,spacing:i,prefixElement:s,searchValue:d,cellIndex:c,columnLength:o,disableContextMenuColumn:m,...u},p)=>{const g={};0===c&&(g.paddingLeft=null==i?void 0:i.paddingLeft),(c===o&&!m||o&&c===o-1&&m)&&(g.paddingRight=null==i?void 0:i.paddingRight);const y=()=>{if("string"==typeof r&&d){if(!r.toLowerCase().includes(d.toLowerCase()))return r;const t=new RegExp(d,"i").exec(r),a=r.split((null==t?void 0:t[0])??"");return a.map(((r,l)=>l===a.length-1?e.createElement(e.Fragment,{key:`${r}-${l}`},r):e.createElement(e.Fragment,{key:`${r}-${l}`},r,e.createElement("mark",{"data-testid":`${t}-mark`},t))))}return r};return e.createElement("td",{...u,ref:p,style:{...u.style,...g},className:`${a.default.cell} ${l??""}`},s?e.createElement("div",{className:a.default["content-wrapper"]},s,n&&e.createElement("div",{className:a.default.loading,"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(t.Typography,{className:a.default.text,variant:"body",tag:"span",spacing:{marginBottom:0}},y())):e.createElement(e.Fragment,null,n&&e.createElement("div",{className:a.default.loading,"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(t.Typography,{className:a.default.text,variant:"body",tag:"span"},y())))}));exports.DataGridCell=r;
+//# sourceMappingURL=DataGridCell.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  Fragment\n} from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  prefixElement?: ReactElement;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    prefixElement,\n    searchValue,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  //NOTE: we might want to migrate to Highlight API once it's supported by Firefox\n  const renderContent = () => {\n    if (typeof children === \"string\" && searchValue) {\n      if (!children.toLowerCase().includes(searchValue.toLowerCase())) {\n        return children;\n      }\n\n      const matchingSequence = new RegExp(searchValue, \"i\").exec(children);\n\n      const parts = children.split(matchingSequence?.[0] ?? \"\");\n      return parts.map((part, i) => {\n        if (i === parts.length - 1) {\n          return <Fragment key={`${part}-${i}`}>{part}</Fragment>;\n        }\n\n        return (\n          <Fragment key={`${part}-${i}`}>\n            {part}\n            <mark data-testid={`${matchingSequence}-mark`}>{matchingSequence}</mark>\n          </Fragment>\n        );\n      });\n    }\n\n    return children;\n  };\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {prefixElement ? (\n        <div className={classes[\"content-wrapper\"]}>\n          {prefixElement}\n          {isLoading && (\n            <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n          )}\n          {!isLoading && (\n            <Typography\n              className={classes[\"text\"]}\n              variant=\"body\"\n              tag=\"span\"\n              spacing={{ marginBottom: 0 }}\n            >\n              {renderContent()}\n            </Typography>\n          )}\n        </div>\n      ) : (\n        <>\n          {isLoading && (\n            <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n          )}\n          {!isLoading && (\n            <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n              {renderContent()}\n            </Typography>\n          )}\n        </>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCell","React","forwardRef","children","className","isLoading","spacing","prefixElement","searchValue","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","renderContent","toLowerCase","includes","matchingSequence","RegExp","exec","parts","split","map","part","i","length","createElement","Fragment","key","style","classes","Typography","variant","tag","marginBottom","default"],"mappings":"2MAkIaA,EAAeC,EAAMC,YA9FmD,EAEjFC,WACAC,YACAC,YACAC,UACAC,gBACAC,cACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,MAAMC,EAAiC,CAAC,EAEtB,IAAdL,IACFK,EAAUC,YAAuB,MAATT,OAAS,EAAAA,EAAAS,cAGhCN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,KAEnDG,EAAUE,aAAwB,MAATV,OAAS,EAAAA,EAAAU,cAIpC,MAAMC,EAAgB,KAChB,GAAoB,iBAAbd,GAAyBK,EAAa,CAC3C,IAACL,EAASe,cAAcC,SAASX,EAAYU,eACxC,OAAAf,EAGT,MAAMiB,EAAmB,IAAIC,OAAOb,EAAa,KAAKc,KAAKnB,GAErDoB,EAAQpB,EAASqB,OAAM,MAAAJ,OAAA,EAAAA,EAAmB,KAAM,IACtD,OAAOG,EAAME,KAAI,CAACC,EAAMC,IAClBA,IAAMJ,EAAMK,OAAS,EAChB3B,EAAA4B,cAACC,YAASC,IAAK,GAAGL,KAAQC,KAAMD,mBAItCI,EAAAA,SAAS,CAAAC,IAAK,GAAGL,KAAQC,KACvBD,EACDzB,EAAA4B,cAAC,QAAK,cAAa,GAAGT,UAA0BA,KAGrD,CAGI,OAAAjB,CAAA,EAIP,OAAAF,EAAA4B,cAAC,KAAA,IACKjB,EACJC,MACAmB,MAAO,IAAKpB,EAAKoB,SAAUlB,GAC3BV,UAAW,GAAG6B,UAAc,QAAK7B,GAAa,MAE7CG,kBACE,MAAI,CAAAH,UAAW6B,UAAQ,oBACrB1B,EACAF,GACCJ,EAAA4B,cAAC,OAAIzB,UAAW6B,EAAAA,QAAiB,QAAG,YAAU,OAAO,YAAU,YAE/D5B,GACAJ,EAAA4B,cAACK,EAAAA,WAAA,CACC9B,UAAW6B,UAAc,KACzBE,QAAQ,OACRC,IAAI,OACJ9B,QAAS,CAAE+B,aAAc,IAExBpB,MAMJhB,EAAA4B,cAAA5B,EAAA6B,SAAA,KAAAzB,GACEJ,EAAA4B,cAAA,MAAA,CAAIzB,UAAW6B,EAAAA,QAAiB,QAAG,YAAU,OAAO,YAAU,YAE/D5B,GACAJ,EAAA4B,cAACK,EAAWA,WAAA,CAAA9B,UAAW6B,EAAQK,QAAM,KAAGH,QAAQ,OAAOC,IAAI,QACxDnB,MAKX"}

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

@@ -0,0 +1,63 @@
+import React, { Fragment } from "react";
+import { Typography } from "../../../Typography/Typography.es.js";
+import classes from "./DataGridCell.module.scss.es.js";
+const DataGridCellComponent = ({
+  children,
+  className,
+  isLoading,
+  spacing,
+  prefixElement,
+  searchValue,
+  cellIndex,
+  columnLength,
+  disableContextMenuColumn,
+  ...rest
+}, ref) => {
+  const cellStyle = {};
+  if (cellIndex === 0) {
+    cellStyle.paddingLeft = spacing == null ? void 0 : spacing.paddingLeft;
+  }
+  if (cellIndex === columnLength && !disableContextMenuColumn || columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn) {
+    cellStyle.paddingRight = spacing == null ? void 0 : spacing.paddingRight;
+  }
+  const renderContent = () => {
+    if (typeof children === "string" && searchValue) {
+      if (!children.toLowerCase().includes(searchValue.toLowerCase())) {
+        return children;
+      }
+      const matchingSequence = new RegExp(searchValue, "i").exec(children);
+      const parts = children.split((matchingSequence == null ? void 0 : matchingSequence[0]) ?? "");
+      return parts.map((part, i) => {
+        if (i === parts.length - 1) {
+          return /* @__PURE__ */ React.createElement(Fragment, { key: `${part}-${i}` }, part);
+        }
+        return /* @__PURE__ */ React.createElement(Fragment, { key: `${part}-${i}` }, part, /* @__PURE__ */ React.createElement("mark", { "data-testid": `${matchingSequence}-mark` }, matchingSequence));
+      });
+    }
+    return children;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      ...rest,
+      ref,
+      style: { ...rest.style, ...cellStyle },
+      className: `${classes["cell"]} ${className ?? ""}`
+    },
+    prefixElement ? /* @__PURE__ */ React.createElement("div", { className: classes["content-wrapper"] }, prefixElement, isLoading && /* @__PURE__ */ React.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" }), !isLoading && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: classes["text"],
+        variant: "body",
+        tag: "span",
+        spacing: { marginBottom: 0 }
+      },
+      renderContent()
+    )) : /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading && /* @__PURE__ */ React.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" }), !isLoading && /* @__PURE__ */ React.createElement(Typography, { className: classes["text"], variant: "body", tag: "span" }, renderContent()))
+  );
+};
+const DataGridCell = React.forwardRef(DataGridCellComponent);
+export {
+  DataGridCell
+};
+//# sourceMappingURL=DataGridCell.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.es.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  Fragment\n} from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  prefixElement?: ReactElement;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    prefixElement,\n    searchValue,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  //NOTE: we might want to migrate to Highlight API once it's supported by Firefox\n  const renderContent = () => {\n    if (typeof children === \"string\" && searchValue) {\n      if (!children.toLowerCase().includes(searchValue.toLowerCase())) {\n        return children;\n      }\n\n      const matchingSequence = new RegExp(searchValue, \"i\").exec(children);\n\n      const parts = children.split(matchingSequence?.[0] ?? \"\");\n      return parts.map((part, i) => {\n        if (i === parts.length - 1) {\n          return <Fragment key={`${part}-${i}`}>{part}</Fragment>;\n        }\n\n        return (\n          <Fragment key={`${part}-${i}`}>\n            {part}\n            <mark data-testid={`${matchingSequence}-mark`}>{matchingSequence}</mark>\n          </Fragment>\n        );\n      });\n    }\n\n    return children;\n  };\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {prefixElement ? (\n        <div className={classes[\"content-wrapper\"]}>\n          {prefixElement}\n          {isLoading && (\n            <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n          )}\n          {!isLoading && (\n            <Typography\n              className={classes[\"text\"]}\n              variant=\"body\"\n              tag=\"span\"\n              spacing={{ marginBottom: 0 }}\n            >\n              {renderContent()}\n            </Typography>\n          )}\n        </div>\n      ) : (\n        <>\n          {isLoading && (\n            <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n          )}\n          {!isLoading && (\n            <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n              {renderContent()}\n            </Typography>\n          )}\n        </>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":[],"mappings":";;;AAoCA,MAAM,wBAA+E,CACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,YAAiC,CAAC;AAExC,MAAI,cAAc,GAAG;AACnB,cAAU,cAAc,mCAAS;AAAA,EAAA;AAGhC,MAAA,cAAc,gBAAgB,CAAC,4BAC/B,gBAAgB,cAAc,eAAe,KAAK,0BACnD;AACA,cAAU,eAAe,mCAAS;AAAA,EAAA;AAIpC,QAAM,gBAAgB,MAAM;AACtB,QAAA,OAAO,aAAa,YAAY,aAAa;AAC3C,UAAA,CAAC,SAAS,YAAY,EAAE,SAAS,YAAY,YAAA,CAAa,GAAG;AACxD,eAAA;AAAA,MAAA;AAGT,YAAM,mBAAmB,IAAI,OAAO,aAAa,GAAG,EAAE,KAAK,QAAQ;AAEnE,YAAM,QAAQ,SAAS,OAAM,qDAAmB,OAAM,EAAE;AACxD,aAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AACxB,YAAA,MAAM,MAAM,SAAS,GAAG;AACnB,iBAAA,sBAAA,cAAC,YAAS,KAAK,GAAG,IAAI,IAAI,CAAC,MAAK,IAAK;AAAA,QAAA;AAG9C,mDACG,UAAS,EAAA,KAAK,GAAG,IAAI,IAAI,CAAC,GAAA,GACxB,MACD,sBAAA,cAAC,UAAK,eAAa,GAAG,gBAAgB,WAAU,gBAAiB,CACnE;AAAA,MAAA,CAEH;AAAA,IAAA;AAGI,WAAA;AAAA,EACT;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,GAAG,KAAK,OAAO,GAAG,UAAU;AAAA,MACrC,WAAW,GAAG,QAAQ,MAAM,CAAC,IAAI,aAAa,EAAE;AAAA,IAAA;AAAA,IAE/C,oDACE,OAAI,EAAA,WAAW,QAAQ,iBAAiB,EAAA,GACtC,eACA,aACC,sBAAA,cAAC,SAAI,WAAW,QAAQ,SAAS,GAAG,aAAU,QAAO,aAAU,SAAA,CAAS,GAEzE,CAAC,aACA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ,MAAM;AAAA,QACzB,SAAQ;AAAA,QACR,KAAI;AAAA,QACJ,SAAS,EAAE,cAAc,EAAE;AAAA,MAAA;AAAA,MAE1B,cAAc;AAAA,IAAA,CAGrB,IAGG,sBAAA,cAAA,MAAA,UAAA,MAAA,aACE,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,SAAS,GAAG,aAAU,QAAO,aAAU,SAAS,CAAA,GAEzE,CAAC,aACA,sBAAA,cAAC,YAAW,EAAA,WAAW,QAAQ,MAAM,GAAG,SAAQ,QAAO,KAAI,OACxD,GAAA,eACH,CAEJ;AAAA,EAEJ;AAEJ;AAEa,MAAA,eAAe,MAAM,WAAW,qBAAqB;"}

package/dist/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.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('.DataGridCell_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridCell_hidden_7l1Pc{display:none}.DataGridCell_slide-in_7l1Pc{animation:DataGridCell_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridCell_slide-in_7l1Pc{animation-duration:.1ms}}.DataGridCell_slide-out_7l1Pc{animation:DataGridCell_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridCell_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes DataGridCell_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell_cell_7l1Pc{height:2.625rem;padding:.25rem 1rem}.DataGridCell_cell_7l1Pc:first-child{padding-left:1rem}.DataGridCell_cell_7l1Pc:last-child{padding-right:1rem}.DataGridCell_cell_7l1Pc .DataGridCell_content-wrapper_7l1Pc{display:flex;align-items:center;gap:6px}.DataGridCell_cell_7l1Pc .DataGridCell_text_7l1Pc{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc{border-radius:.5rem;height:1.25rem;margin:.625rem 0;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:DataGridCell_shimmer_7l1Pc 2s infinite}@media (prefers-reduced-motion: reduce){.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc:after{animation:none}}@keyframes DataGridCell_shimmer_7l1Pc{to{transform:translate(100%)}}@media only screen and (min-width: 50em){.DataGridCell_cell_7l1Pc:first-child{padding-left:1.25rem}.DataGridCell_cell_7l1Pc:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridCell_cell_7l1Pc",l="DataGridCell_text_7l1Pc",t="DataGridCell_loading_7l1Pc",a={cell:e,"content-wrapper":"DataGridCell_content-wrapper_7l1Pc",text:l,loading:t};exports.cell=e,exports.default=a,exports.loading=t,exports.text=l;
+//# sourceMappingURL=DataGridCell.module.scss.cjs.js.map

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

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

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

@@ -0,0 +1,17 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridCell_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridCell_hidden_7l1Pc{display:none}.DataGridCell_slide-in_7l1Pc{animation:DataGridCell_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridCell_slide-in_7l1Pc{animation-duration:.1ms}}.DataGridCell_slide-out_7l1Pc{animation:DataGridCell_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridCell_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes DataGridCell_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell_cell_7l1Pc{height:2.625rem;padding:.25rem 1rem}.DataGridCell_cell_7l1Pc:first-child{padding-left:1rem}.DataGridCell_cell_7l1Pc:last-child{padding-right:1rem}.DataGridCell_cell_7l1Pc .DataGridCell_content-wrapper_7l1Pc{display:flex;align-items:center;gap:6px}.DataGridCell_cell_7l1Pc .DataGridCell_text_7l1Pc{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc{border-radius:.5rem;height:1.25rem;margin:.625rem 0;position:relative;overflow:hidden;background-color:var(--skeleton-background-color)}.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));content:"";animation:DataGridCell_shimmer_7l1Pc 2s infinite}@media (prefers-reduced-motion: reduce){.DataGridCell_cell_7l1Pc .DataGridCell_loading_7l1Pc:after{animation:none}}@keyframes DataGridCell_shimmer_7l1Pc{to{transform:translate(100%)}}@media only screen and (min-width: 50em){.DataGridCell_cell_7l1Pc:first-child{padding-left:1.25rem}.DataGridCell_cell_7l1Pc:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+const cell = "DataGridCell_cell_7l1Pc";
+const text = "DataGridCell_text_7l1Pc";
+const loading = "DataGridCell_loading_7l1Pc";
+const classes = {
+  cell,
+  "content-wrapper": "DataGridCell_content-wrapper_7l1Pc",
+  text,
+  loading
+};
+export {
+  cell,
+  classes as default,
+  loading,
+  text
+};
+//# sourceMappingURL=DataGridCell.module.scss.es.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./DataGridDrawer.module.scss.cjs.js"),a=e.forwardRef((({children:a,isExpanded:t,...d},s)=>e.createElement("div",{...d,ref:s,className:`${r.default.drawer} ${t?r.default.expanded:""}`},e.createElement("div",{className:r.default.wrapper},a))));exports.DataGridDrawer=a;
+//# sourceMappingURL=DataGridDrawer.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawer.cjs.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.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 \"./DataGridDrawer.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  isExpanded: boolean;\n}\n\nconst DataGridDrawerComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, isExpanded, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"drawer\"]} ${isExpanded ? classes[\"expanded\"] : \"\"}`}\n    >\n      <div className={classes[\"wrapper\"]}>{children}</div>\n    </div>\n  );\n};\n\nexport const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);\n"],"names":["DataGridDrawer","React","forwardRef","children","isExpanded","rest","ref","createElement","className","classes","default"],"mappings":"0JAsCaA,EAAiBC,EAAMC,YAf6C,EAC7EC,WAAUC,gBAAeC,GAC3BC,IAGEL,EAAAM,cAAC,MAAA,IACKF,EACJC,MACAE,UAAW,GAAGC,EAAAC,QAAgB,UAAKN,EAAaK,EAAAC,QAAkB,SAAI,sBAErE,MAAI,CAAAF,UAAWC,UAAiB,SAAIN"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import classes from "./DataGridDrawer.module.scss.es.js";
+const DataGridDrawerComponent = ({ children, isExpanded, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${classes["drawer"]} ${isExpanded ? classes["expanded"] : ""}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["wrapper"] }, children)
+  );
+};
+const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);
+export {
+  DataGridDrawer
+};
+//# sourceMappingURL=DataGridDrawer.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawer.es.js","sources":["../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.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 \"./DataGridDrawer.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  isExpanded: boolean;\n}\n\nconst DataGridDrawerComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, isExpanded, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"drawer\"]} ${isExpanded ? classes[\"expanded\"] : \"\"}`}\n    >\n      <div className={classes[\"wrapper\"]}>{children}</div>\n    </div>\n  );\n};\n\nexport const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);\n"],"names":[],"mappings":";;AAuBA,MAAM,0BAA2E,CAC/E,EAAE,UAAU,YAAY,GAAG,QAC3B,QACG;AAED,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,aAAa,QAAQ,UAAU,IAAI,EAAE;AAAA,IAAA;AAAA,wCAEvE,OAAI,EAAA,WAAW,QAAQ,SAAS,KAAI,QAAS;AAAA,EAChD;AAEJ;AAEa,MAAA,iBAAiB,MAAM,WAAW,uBAAuB;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode(".DataGridDrawer_drawer_7l1Pc{display:grid;grid-template-rows:0fr;gap:.5rem;transition:grid-template-rows .2s}.DataGridDrawer_drawer_7l1Pc>div>*{padding-left:4.75rem;padding-right:1.5rem}.DataGridDrawer_drawer_7l1Pc>div>*:first-child{padding-top:1rem}.DataGridDrawer_drawer_7l1Pc>div>*:last-child{padding-bottom:1.5rem}.DataGridDrawer_drawer_7l1Pc .DataGridDrawer_wrapper_7l1Pc{display:flex;flex-direction:column;gap:.5rem}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc{grid-template-rows:1fr}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(1){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:0ms}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(2){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(3){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(4){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(5){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(6){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(7){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(8){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(9){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(10){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(11){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(12){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(13){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(14){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(15){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(16){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(17){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(18){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(19){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(20){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(21){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(22){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(23){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(24){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(25){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(26){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(27){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(28){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(29){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(30){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(31){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(32){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(33){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(34){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(35){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(36){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(37){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(38){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(39){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(40){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(41){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(42){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(43){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(44){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(45){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(46){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(47){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(48){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(49){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(50){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(51){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(52){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(53){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(54){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(55){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(56){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(57){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(58){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(59){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(60){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(61){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(62){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(63){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(64){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(65){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(66){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(67){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(68){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(69){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(70){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(71){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(72){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(73){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(74){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(75){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(76){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(77){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(78){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(79){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(80){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(81){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(82){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(83){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(84){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(85){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(86){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(87){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(88){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(89){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(90){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(91){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(92){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(93){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(94){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(95){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(96){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(97){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(98){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(99){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.8s}@keyframes DataGridDrawer_item-fade-in_7l1Pc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}.DataGridDrawer_drawer_7l1Pc>*{overflow:hidden}")),document.head.appendChild(a)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridDrawer_drawer_7l1Pc",r="DataGridDrawer_wrapper_7l1Pc",a="DataGridDrawer_expanded_7l1Pc",d={drawer:e,wrapper:r,expanded:a};exports.default=d,exports.drawer=e,exports.expanded=a,exports.wrapper=r;
+//# sourceMappingURL=DataGridDrawer.module.scss.cjs.js.map

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

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

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

@@ -0,0 +1,16 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode(".DataGridDrawer_drawer_7l1Pc{display:grid;grid-template-rows:0fr;gap:.5rem;transition:grid-template-rows .2s}.DataGridDrawer_drawer_7l1Pc>div>*{padding-left:4.75rem;padding-right:1.5rem}.DataGridDrawer_drawer_7l1Pc>div>*:first-child{padding-top:1rem}.DataGridDrawer_drawer_7l1Pc>div>*:last-child{padding-bottom:1.5rem}.DataGridDrawer_drawer_7l1Pc .DataGridDrawer_wrapper_7l1Pc{display:flex;flex-direction:column;gap:.5rem}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc{grid-template-rows:1fr}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(1){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:0ms}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(2){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(3){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(4){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(5){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(6){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(7){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(8){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(9){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(10){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(11){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(12){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(13){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(14){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(15){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(16){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(17){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(18){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(19){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(20){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:1.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(21){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(22){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(23){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(24){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(25){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(26){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(27){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(28){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(29){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(30){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:2.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(31){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(32){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(33){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(34){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(35){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(36){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(37){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(38){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(39){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(40){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:3.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(41){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(42){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(43){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(44){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(45){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(46){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(47){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(48){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(49){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(50){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:4.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(51){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(52){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(53){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(54){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(55){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(56){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(57){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(58){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(59){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(60){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:5.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(61){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(62){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(63){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(64){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(65){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(66){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(67){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(68){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(69){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(70){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:6.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(71){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(72){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(73){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(74){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(75){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(76){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(77){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(78){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(79){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(80){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:7.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(81){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(82){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(83){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(84){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(85){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(86){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(87){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(88){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(89){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.8s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(90){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:8.9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(91){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(92){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.1s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(93){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.2s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(94){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.3s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(95){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.4s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(96){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.5s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(97){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.6s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(98){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.7s}.DataGridDrawer_drawer_7l1Pc.DataGridDrawer_expanded_7l1Pc>div>:nth-child(99){opacity:0;animation-name:DataGridDrawer_item-fade-in_7l1Pc;animation-duration:.25s;animation-fill-mode:forwards;animation-delay:9.8s}@keyframes DataGridDrawer_item-fade-in_7l1Pc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}.DataGridDrawer_drawer_7l1Pc>*{overflow:hidden}")),document.head.appendChild(a)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const drawer = "DataGridDrawer_drawer_7l1Pc";
+const wrapper = "DataGridDrawer_wrapper_7l1Pc";
+const expanded = "DataGridDrawer_expanded_7l1Pc";
+const classes = {
+  drawer,
+  wrapper,
+  expanded
+};
+export {
+  classes as default,
+  drawer,
+  expanded,
+  wrapper
+};
+//# sourceMappingURL=DataGridDrawer.module.scss.es.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./DataGridDrawerItem.module.scss.cjs.js"),r=require("../../../Typography/Typography.cjs.js"),t=e.forwardRef((({children:t,title:s,description:i,...l},c)=>e.createElement("div",{...l,ref:c,className:a.default["item-wrapper"]},s&&e.createElement(r.Typography,{className:a.default["item-title"],variant:"body",tag:"span"},s),i&&e.createElement(r.Typography,{className:a.default["item-description"],variant:"body",tag:"span"},i),t&&e.createElement("div",{className:a.default["children-wrapper"]}," ",t))));exports.DataGridDrawerItem=t;
+//# sourceMappingURL=DataGridDrawerItem.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawerItem.cjs.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":["DataGridDrawerItem","React","forwardRef","children","title","description","rest","ref","createElement","className","classes","Typography","variant","tag","default"],"mappings":"iNA8CaA,EAAqBC,EAAMC,YArB6C,EACjFC,WAAUC,QAAOC,iBAAgBC,GACnCC,IAGEN,EAAAO,cAAC,UAAQF,EAAMC,MAAUE,UAAWC,EAAAA,QAAQ,iBACzCN,mBACEO,EAAWA,WAAA,CAAAF,UAAWC,UAAQ,cAAeE,QAAQ,OAAOC,IAAI,QAC9DT,GAGJC,GACEJ,EAAAO,cAAAG,aAAA,CAAWF,UAAWC,EAAAA,QAAQ,oBAAqBE,QAAQ,OAAOC,IAAI,QACpER,GAGJF,GAAYF,EAAAO,cAAC,OAAIC,UAAWC,EAAAI,QAAQ,qBAAqB,IAAEX"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import classes from "./DataGridDrawerItem.module.scss.es.js";
+import { Typography } from "../../../Typography/Typography.es.js";
+const DataGridDrawerItemComponent = ({ children, title, description, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref, className: classes["item-wrapper"] }, title && /* @__PURE__ */ React.createElement(Typography, { className: classes["item-title"], variant: "body", tag: "span" }, title), description && /* @__PURE__ */ React.createElement(Typography, { className: classes["item-description"], variant: "body", tag: "span" }, description), children && /* @__PURE__ */ React.createElement("div", { className: classes["children-wrapper"] }, " ", children));
+};
+const DataGridDrawerItem = React.forwardRef(DataGridDrawerItemComponent);
+export {
+  DataGridDrawerItem
+};
+//# sourceMappingURL=DataGridDrawerItem.es.js.map