@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js

@@ -1,2 +1,47 @@
-import e,{useState as t,useRef as l,Fragment as n}from"react";import{Button as o}from"../../Button/Button.esm.js";import{IconButton as a}from"../../Button/IconButton.esm.js";import{Icon as c,Icons as r}from"../../Icon/Icon.esm.js";import s from"./DataGridActions.module.esm.js";import{DataGridColumnsToggle as i}from"./DataGridColumnsToggle.esm.js";const m=({className:m,enableAddBtn:d,enableColumnsBtn:u,enableSearchBtn:h,addBtnProps:v={},columnsBtnProps:E={},searchBtnProps:p={},searchIconBtnProps:f={},headers:N,onColumnToggled:B,children:C,...$},g)=>{var b,S,I,j;const k=!(d||u||h);const[P,T]=t(false);const A=l(null);const{children:w,...x}=v;const{children:y,...D}=E;const{children:G,...R}=p;return k?null:e.createElement("div",{...$,ref:g,className:`${s["actions"]} ${m!==null&&m!==void 0?m:""}`},e.createElement("div",{className:s["left-actions"]},d&&e.createElement(o,{color:"primary",startIcon:e.createElement(c,{icon:r.Plus}),title:"Add item",type:"button",variant:"outline",...x},w!==null&&w!==void 0?w:"Add item")),e.createElement("div",{className:s["right-actions"]},u&&e.createElement(n,null,e.createElement(o,{startIcon:e.createElement(c,{icon:r.Change}),title:"Show/hide columns",variant:"text",...D,className:`${s["desktop"]} ${(b=E===null||E===void 0?void 0:E.className)!==null&&b!==void 0?b:""}`,ref:A,onClick:()=>T(true)},y!==null&&y!==void 0?y:"Columns"),e.createElement(a,{title:"Show/hide columns",...E,onClick:()=>T(true),className:`${s["mobile"]} ${(S=E===null||E===void 0?void 0:E.className)!==null&&S!==void 0?S:""}`},e.createElement(c,{icon:r.Change})),e.createElement(i,{"aria-hidden":!P,open:P,headers:N,onClose:()=>T(false),onToggleClicked:B,anchorEl:A})),h&&e.createElement(n,null,e.createElement(o,{startIcon:e.createElement(c,{icon:r.TableSearch}),title:"Search",variant:"text",...R,className:`${s["desktop"]} ${(I=p===null||p===void 0?void 0:p.className)!==null&&I!==void 0?I:""}`},G!==null&&G!==void 0?G:"Search"),e.createElement(a,{title:"Search",...f,className:`${s["mobile"]} ${(j=E===null||E===void 0?void 0:E.className)!==null&&j!==void 0?j:""}`},e.createElement(c,{icon:r.TableSearch})))))};const d=e.forwardRef(m);export{d as DataGridActions};
+import React, { useState, useRef, Fragment } from 'react';
+import { Button } from '../../Button/Button.esm.js';
+import { IconButton } from '../../Button/IconButton.esm.js';
+import { Icon, Icons } from '../../Icon/Icon.esm.js';
+import classes from './DataGridActions.module.scss.esm.js';
+import { DataGridColumnsToggle } from './DataGridColumnsToggle.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DataGridActionsComponent = ({ className, enableAddBtn, enableColumnsBtn, enableSearchBtn, addBtnProps = {}, columnsBtnProps = {}, searchBtnProps = {}, searchIconBtnProps = {}, headers, onColumnToggled, children, ...rest }, ref) => {
+    var _a, _b, _c, _d;
+    const isHidden = !(enableAddBtn || enableColumnsBtn || enableSearchBtn);
+    const [showColsPopover, setShowColsPopover] = useState(false);
+    const showColumnBtn = useRef(null);
+    const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;
+    const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;
+    const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;
+    return isHidden ? null : (React.createElement("div", { ...rest, ref: ref, className: `${classes["actions"]} ${className !== null && className !== void 0 ? className : ""}` },
+        React.createElement("div", { className: classes["left-actions"] }, enableAddBtn && (React.createElement(Button, { color: "primary", startIcon: React.createElement(Icon, { icon: Icons.Plus }), title: "Add item", type: "button", variant: "outline", ...restAddBtnProps }, addBtnChildren !== null && addBtnChildren !== void 0 ? addBtnChildren : "Add item"))),
+        React.createElement("div", { className: classes["right-actions"] },
+            enableColumnsBtn && (React.createElement(Fragment, null,
+                React.createElement(Button, { startIcon: React.createElement(Icon, { icon: Icons.Change }), title: "Show/hide columns", variant: "text", ...restColumnsBtnProps, className: `${classes["desktop"]} ${(_a = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _a !== void 0 ? _a : ""}`, ref: showColumnBtn, onClick: () => setShowColsPopover(true) }, columnsBtnChildren !== null && columnsBtnChildren !== void 0 ? columnsBtnChildren : "Columns"),
+                React.createElement(IconButton, { title: "Show/hide columns", ...columnsBtnProps, onClick: () => setShowColsPopover(true), className: `${classes["mobile"]} ${(_b = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _b !== void 0 ? _b : ""}` },
+                    React.createElement(Icon, { icon: Icons.Change })),
+                React.createElement(DataGridColumnsToggle, { "aria-hidden": !showColsPopover, open: showColsPopover, headers: headers, onClose: () => setShowColsPopover(false), onToggleClicked: onColumnToggled, anchorEl: showColumnBtn }))),
+            enableSearchBtn && (React.createElement(Fragment, null,
+                React.createElement(Button, { startIcon: React.createElement(Icon, { icon: Icons.TableSearch }), title: "Search", variant: "text", ...restSearchBtnProps, className: `${classes["desktop"]} ${(_c = searchBtnProps === null || searchBtnProps === void 0 ? void 0 : searchBtnProps.className) !== null && _c !== void 0 ? _c : ""}` }, searchBtnChildren !== null && searchBtnChildren !== void 0 ? searchBtnChildren : "Search"),
+                React.createElement(IconButton, { title: "Search", ...searchIconBtnProps, className: `${classes["mobile"]} ${(_d = columnsBtnProps === null || columnsBtnProps === void 0 ? void 0 : columnsBtnProps.className) !== null && _d !== void 0 ? _d : ""}` },
+                    React.createElement(Icon, { icon: Icons.TableSearch })))))));
+};
+const DataGridActions = React.forwardRef(DataGridActionsComponent);
+
+export { DataGridActions };
 //# sourceMappingURL=DataGridActions.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridActions.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.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  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  useRef,\n  useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  enableAddBtn?: boolean;\n  enableColumnsBtn?: boolean;\n  enableSearchBtn?: boolean;\n  addBtnProps?: ButtonProps;\n  columnsBtnProps?: ButtonProps;\n  searchBtnProps?: ButtonProps;\n  searchIconBtnProps?: ButtonProps;\n  headers: HeaderCell[];\n  onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    className,\n    enableAddBtn,\n    enableColumnsBtn,\n    enableSearchBtn,\n    addBtnProps = {},\n    columnsBtnProps = {},\n    searchBtnProps = {},\n    searchIconBtnProps = {},\n    headers,\n    onColumnToggled,\n    children,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const isHidden = !(enableAddBtn || enableColumnsBtn || enableSearchBtn);\n  const [showColsPopover, setShowColsPopover] = useState(false);\n  const showColumnBtn = useRef<HTMLButtonElement>(null);\n  const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n  const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n  const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n  return isHidden ? null : (\n    <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left-actions\"]}>\n        {enableAddBtn && (\n          <Button\n            color=\"primary\"\n            startIcon={<Icon icon={Icons.Plus} />}\n            title=\"Add item\"\n            type=\"button\"\n            variant=\"outline\"\n            {...restAddBtnProps}\n          >\n            {addBtnChildren ?? \"Add item\"}\n          </Button>\n        )}\n      </div>\n      <div className={classes[\"right-actions\"]}>\n        {enableColumnsBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.Change} />}\n              title=\"Show/hide columns\"\n              variant=\"text\"\n              {...restColumnsBtnProps}\n              className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n              ref={showColumnBtn}\n              onClick={() => setShowColsPopover(true)}\n            >\n              {columnsBtnChildren ?? \"Columns\"}\n            </Button>\n            <IconButton\n              title=\"Show/hide columns\"\n              {...columnsBtnProps}\n              onClick={() => setShowColsPopover(true)}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.Change} />\n            </IconButton>\n            <DataGridColumnsToggle\n              aria-hidden={!showColsPopover}\n              open={showColsPopover}\n              headers={headers}\n              onClose={() => setShowColsPopover(false)}\n              onToggleClicked={onColumnToggled}\n              anchorEl={showColumnBtn}\n            />\n          </Fragment>\n        )}\n        {enableSearchBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.TableSearch} />}\n              title=\"Search\"\n              variant=\"text\"\n              {...restSearchBtnProps}\n              className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n            >\n              {searchBtnChildren ?? \"Search\"}\n            </Button>\n            <IconButton\n              title=\"Search\"\n              {...searchIconBtnProps}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.TableSearch} />\n            </IconButton>\n          </Fragment>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":["DataGridActionsComponent","className","enableAddBtn","enableColumnsBtn","enableSearchBtn","addBtnProps","columnsBtnProps","searchBtnProps","searchIconBtnProps","headers","onColumnToggled","children","rest","ref","isHidden","showColsPopover","setShowColsPopover","useState","showColumnBtn","useRef","addBtnChildren","restAddBtnProps","columnsBtnChildren","restColumnsBtnProps","searchBtnChildren","restSearchBtnProps","React","createElement","classes","Button","color","startIcon","Icon","icon","Icons","Plus","title","type","variant","Fragment","Change","_a","onClick","IconButton","_b","DataGridColumnsToggle","open","onClose","onToggleClicked","anchorEl","TableSearch","_c","_d","DataGridActions","forwardRef"],"mappings":"6VA0CA,MAAMA,EAA4E,EAE9EC,YACAC,eACAC,mBACAC,kBACAC,cAAc,CAAE,EAChBC,kBAAkB,CAAA,EAClBC,iBAAiB,CAAE,EACnBC,qBAAqB,CAAA,EACrBC,UACAC,kBACAC,cACGC,GAELC,iBAEA,MAAMC,IAAaZ,GAAgBC,GAAoBC,GACvD,MAAOW,EAAiBC,GAAsBC,EAAS,OACvD,MAAMC,EAAgBC,EAA0B,MAChD,MAAQR,SAAUS,KAAmBC,GAAoBhB,EACzD,MAAQM,SAAUW,KAAuBC,GAAwBjB,EACjE,MAAQK,SAAUa,KAAsBC,GAAuBlB,EAE/D,OAAOO,EAAW,KAChBY,EAAAC,cAAA,MAAA,IAASf,EAAMC,IAAKA,EAAKZ,UAAW,GAAG2B,EAAQ,cAAc3B,IAAS,MAATA,SAAS,EAATA,EAAa,MACxEyB,EAAKC,cAAA,MAAA,CAAA1B,UAAW2B,EAAQ,iBACrB1B,GACCwB,EAACC,cAAAE,GACCC,MAAM,UACNC,UAAWL,gBAACM,EAAI,CAACC,KAAMC,EAAMC,OAC7BC,MAAM,WACNC,KAAK,SACLC,QAAQ,aACJjB,GAEHD,IAAc,MAAdA,SAAc,EAAdA,EAAkB,aAIzBM,EAAAC,cAAA,MAAA,CAAK1B,UAAW2B,EAAQ,kBACrBzB,GACCuB,EAAAC,cAACY,EAAQ,KACPb,EAAAC,cAACE,EAAM,CACLE,UAAWL,EAACC,cAAAK,EAAK,CAAAC,KAAMC,EAAMM,SAC7BJ,MAAM,oBACNE,QAAQ,UACJf,EACJtB,UAAW,GAAG2B,EAAQ,eAAca,EAAAnC,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBL,aAAa,MAAAwC,SAAA,EAAAA,EAAA,KAClE5B,IAAKK,EACLwB,QAAS,IAAM1B,EAAmB,OAEjCM,IAAkB,MAAlBA,SAAkB,EAAlBA,EAAsB,WAEzBI,EAAAC,cAACgB,EACC,CAAAP,MAAM,uBACF9B,EACJoC,QAAS,IAAM1B,EAAmB,MAClCf,UAAW,GAAG2B,EAAQ,cAAagB,EAAAtC,IAAA,MAAAA,kBAAAA,EAAiBL,aAAS,MAAA2C,SAAA,EAAAA,EAAI,MAEjElB,EAACC,cAAAK,GAAKC,KAAMC,EAAMM,UAEpBd,EAAAC,cAACkB,EAAqB,CAAA,eACN9B,EACd+B,KAAM/B,EACNN,QAASA,EACTsC,QAAS,IAAM/B,EAAmB,OAClCgC,gBAAiBtC,EACjBuC,SAAU/B,KAIfd,GACCsB,EAAAC,cAACY,EAAQ,KACPb,EAACC,cAAAE,GACCE,UAAWL,gBAACM,EAAI,CAACC,KAAMC,EAAMgB,cAC7Bd,MAAM,SACNE,QAAQ,UACJb,EACJxB,UAAW,GAAG2B,EAAQ,iBAAcrB,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBN,aAAa,MAAAkD,SAAA,EAAAA,EAAA,MAEhE3B,IAAiB,MAAjBA,SAAA,EAAAA,EAAqB,UAExBE,EAACC,cAAAgB,EACC,CAAAP,MAAM,YACF5B,EACJP,UAAW,GAAG2B,EAAQ,cAAawB,EAAA9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBL,aAAa,MAAAmD,SAAA,EAAAA,EAAA,MAEjE1B,EAAAC,cAACK,EAAI,CAACC,KAAMC,EAAMgB,iBAM7B,EAGU,MAAAG,EAAkB3B,EAAM4B,WAAWtD"}
+{"version":3,"file":"DataGridActions.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.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  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  useRef,\n  useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  enableAddBtn?: boolean;\n  enableColumnsBtn?: boolean;\n  enableSearchBtn?: boolean;\n  addBtnProps?: ButtonProps;\n  columnsBtnProps?: ButtonProps;\n  searchBtnProps?: ButtonProps;\n  searchIconBtnProps?: ButtonProps;\n  headers: HeaderCell[];\n  onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    className,\n    enableAddBtn,\n    enableColumnsBtn,\n    enableSearchBtn,\n    addBtnProps = {},\n    columnsBtnProps = {},\n    searchBtnProps = {},\n    searchIconBtnProps = {},\n    headers,\n    onColumnToggled,\n    children,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const isHidden = !(enableAddBtn || enableColumnsBtn || enableSearchBtn);\n  const [showColsPopover, setShowColsPopover] = useState(false);\n  const showColumnBtn = useRef<HTMLButtonElement>(null);\n  const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n  const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n  const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n  return isHidden ? null : (\n    <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left-actions\"]}>\n        {enableAddBtn && (\n          <Button\n            color=\"primary\"\n            startIcon={<Icon icon={Icons.Plus} />}\n            title=\"Add item\"\n            type=\"button\"\n            variant=\"outline\"\n            {...restAddBtnProps}\n          >\n            {addBtnChildren ?? \"Add item\"}\n          </Button>\n        )}\n      </div>\n      <div className={classes[\"right-actions\"]}>\n        {enableColumnsBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.Change} />}\n              title=\"Show/hide columns\"\n              variant=\"text\"\n              {...restColumnsBtnProps}\n              className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n              ref={showColumnBtn}\n              onClick={() => setShowColsPopover(true)}\n            >\n              {columnsBtnChildren ?? \"Columns\"}\n            </Button>\n            <IconButton\n              title=\"Show/hide columns\"\n              {...columnsBtnProps}\n              onClick={() => setShowColsPopover(true)}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.Change} />\n            </IconButton>\n            <DataGridColumnsToggle\n              aria-hidden={!showColsPopover}\n              open={showColsPopover}\n              headers={headers}\n              onClose={() => setShowColsPopover(false)}\n              onToggleClicked={onColumnToggled}\n              anchorEl={showColumnBtn}\n            />\n          </Fragment>\n        )}\n        {enableSearchBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.TableSearch} />}\n              title=\"Search\"\n              variant=\"text\"\n              {...restSearchBtnProps}\n              className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n            >\n              {searchBtnChildren ?? \"Search\"}\n            </Button>\n            <IconButton\n              title=\"Search\"\n              {...searchIconBtnProps}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.TableSearch} />\n            </IconButton>\n          </Fragment>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA4BH,MAAM,wBAAwB,GAAoD,CAChF,EACE,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,GAAG,EAAE,EAChB,eAAe,GAAG,EAAE,EACpB,cAAc,GAAG,EAAE,EACnB,kBAAkB,GAAG,EAAE,EACvB,OAAO,EACP,eAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,QAAQ,GAAG,EAAE,YAAY,IAAI,gBAAgB,IAAI,eAAe,CAAC,CAAC;IACxE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,GAAG,eAAe,CAAC;IACjF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,CAAC;AAE9E,IAAA,OAAO,QAAQ,GAAG,IAAI,IACpB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAC5E,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EACpC,EAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,IACL,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,oBAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,EACrC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,KACb,eAAe,EAAA,EAElB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,KAAA,CAAA,GAAd,cAAc,GAAI,UAAU,CACtB,CACV,CACG;AACN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;YACrC,gBAAgB,KACf,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,MAAM,GAAI,EACvC,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAC,MAAM,EACV,GAAA,mBAAmB,EACvB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EACtE,GAAG,EAAE,aAAa,EAClB,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,EAAA,EAEtC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAA,KAAA,CAAA,GAAlB,kBAAkB,GAAI,SAAS,CACzB;AACT,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,KAAK,EAAC,mBAAmB,KACrB,eAAe,EACnB,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,uBAAf,eAAe,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA,EAAA;oBAErE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,GAAI,CACjB;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,EAAA,aAAA,EACP,CAAC,eAAe,EAC7B,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EACxC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,aAAa,EAAA,CACvB,CACO,CACZ;YACA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;gBACP,KAAC,CAAA,aAAA,CAAA,MAAM,IACL,SAAS,EAAE,oBAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAI,CAAA,EAC5C,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,MAAM,EACV,GAAA,kBAAkB,EACtB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,MAAA,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAd,cAAc,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA,EAEpE,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAjB,KAAA,CAAA,GAAA,iBAAiB,GAAI,QAAQ,CACvB;gBACT,KAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,KAAK,EAAC,QAAQ,EACV,GAAA,kBAAkB,EACtB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA;AAErE,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAI,CAAA,CACtB,CACJ,CACZ,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}

package/dist/esm/DataGrid/DataGridActions/DataGridActions.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridActions-module_actions__xPDqj{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions-module_left-actions__NeGjp{flex:1}.DataGridActions-module_right-actions__D8ied{display:flex;gap:1rem}.DataGridActions-module_desktop__b-nyM{display:none}@media only screen and (min-width:50em){.DataGridActions-module_actions__xPDqj{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions-module_desktop__b-nyM{display:flex}.DataGridActions-module_mobile__XUP-R{display:none}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQWN0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVDQUdFLFlBQWEsQ0FDYixjQUFlLENBSGYsa0JBQW1CLENBQ25CLGNBR0YsQ0FFQSw0Q0FDRSxNQUNGLENBRUEsNkNBQ0UsWUFBYSxDQUNiLFFBQ0YsQ0FFQSx1Q0FDRSxZQUNGLENBRUEsd0NBQ0UsdUNBQ0UsaUJBQ0YsQ0FDRixDQUNBLHdDQUNFLHVDQUNFLFlBQ0YsQ0FDQSxzQ0FDRSxZQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRBY3Rpb25zLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5hY3Rpb25zIHtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5sZWZ0LWFjdGlvbnMge1xuICBmbGV4OiAxO1xufVxuXG4ucmlnaHQtYWN0aW9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cblxuLmRlc2t0b3Age1xuICBkaXNwbGF5OiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmFjdGlvbnMge1xuICAgIHBhZGRpbmc6IDAgMS4yNXJlbTtcbiAgfVxufVxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzMGVtKSB7XG4gIC5kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5tb2JpbGUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn0iXX0= */";
+var classes = {"actions":"DataGridActions-module_actions__xPDqj","left-actions":"DataGridActions-module_left-actions__NeGjp","right-actions":"DataGridActions-module_right-actions__D8ied","desktop":"DataGridActions-module_desktop__b-nyM","mobile":"DataGridActions-module_mobile__XUP-R"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DataGridActions.module.scss.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridActions.module.scss.esm.js.map

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

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js

@@ -1,2 +1,44 @@
-import e,{useState as o,Fragment as t}from"react";import{IconButton as a}from"../../Button/IconButton.esm.js";import{Toggle as m}from"../../Form/Toggle/Toggle.esm.js";import{Icon as r,Icons as l}from"../../Icon/Icon.esm.js";import{Popover as n}from"../../Popover/Popover.esm.js";import{Typography as s}from"../../Typography/Typography.esm.js";import{generateID as c}from"../../src/util/helper.esm.js";import i from"./DataGridColumnsToggle.module.esm.js";import{createPortal as d}from"react-dom";const p=({open:p,headers:h,titleLabel:g="Show columns",closeButtonTitle:u="Close show columns dialog",onClose:f,onToggleClicked:E,className:T,domRoot:b=document.body,...j},v)=>{const[y]=o(c());const C=y+"_header";const N=h.map((o=>e.createElement(m,{key:o.name,name:o.name,checked:!o.hidden,onChange:()=>E(o.name),label:o.headline})));const k=()=>f();return e.createElement(n,{...j,ref:v,className:`${i["popover"]} ${T}`,show:p,role:"dialog","aria-modal":"true","aria-labelledby":C},p&&d(e.createElement("div",{"aria-hidden":"true",className:i["backdrop"],onClick:k}),b),p&&e.createElement(t,null,e.createElement("div",{className:i["header"]},e.createElement(s,{id:C,className:i["title"],tag:"span",variant:"h4"},g),e.createElement(a,{onClick:f,className:`${i["close-btn"]}`,title:u},e.createElement(r,{icon:l.Times}))),e.createElement("div",{className:i["content"]},N)))};const h=e.forwardRef(p);export{h as DataGridColumnsToggle};
+import React, { useState, Fragment } from 'react';
+import { IconButton } from '../../Button/IconButton.esm.js';
+import { Toggle } from '../../Form/Toggle/Toggle.esm.js';
+import { Icon, Icons } from '../../Icon/Icon.esm.js';
+import { Popover } from '../../Popover/Popover.esm.js';
+import { Typography } from '../../Typography/Typography.esm.js';
+import { generateID } from '../../src/util/helper.esm.js';
+import classes from './DataGridColumnsToggle.module.scss.esm.js';
+import { createPortal } from 'react-dom';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const 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 => (React.createElement(Toggle, { key: item.name, name: item.name, checked: !item.hidden, onChange: () => onToggleClicked(item.name), label: item.headline })));
+    const handleBackdropClick = () => onClose();
+    return (React.createElement(Popover, { ...rest, ref: ref, className: `${classes["popover"]} ${className}`, show: open, role: "dialog", "aria-modal": "true", "aria-labelledby": labelledId },
+        open &&
+            createPortal(React.createElement("div", { "aria-hidden": "true", className: classes["backdrop"], onClick: handleBackdropClick }), domRoot),
+        open && (React.createElement(Fragment, null,
+            React.createElement("div", { className: classes["header"] },
+                React.createElement(Typography, { id: labelledId, className: classes["title"], tag: "span", variant: "h4" }, titleLabel),
+                React.createElement(IconButton, { onClick: onClose, className: `${classes["close-btn"]}`, title: closeButtonTitle },
+                    React.createElement(Icon, { icon: Icons.Times }))),
+            React.createElement("div", { className: classes["content"] }, toggles)))));
+};
+const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);
+
+export { DataGridColumnsToggle };
 //# sourceMappingURL=DataGridColumnsToggle.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridColumnsToggle.esm.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      {open &&\n        createPortal(\n          <div\n            aria-hidden=\"true\"\n            className={classes[\"backdrop\"]}\n            onClick={handleBackdropClick}\n          ></div>,\n          domRoot\n        )}\n      {open && (\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      )}\n    </Popover>\n  );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":["DataGridColumnsToggleComponent","open","headers","titleLabel","closeButtonTitle","onClose","onToggleClicked","className","domRoot","document","body","rest","ref","id","useState","generateID","labelledId","toggles","map","item","React","createElement","Toggle","key","name","checked","hidden","onChange","label","headline","handleBackdropClick","Popover","classes","show","role","createPortal","onClick","Fragment","Typography","tag","variant","IconButton","title","Icon","icon","Icons","Times","DataGridColumnsToggle","forwardRef"],"mappings":"+eAqCA,MAAMA,EAAkF,EAEpFC,OACAC,UACAC,aAAa,eACbC,mBAAmB,4BACnBC,UACAC,kBACAC,YACAC,UAAUC,SAASC,QAChBC,GAELC,KAEA,MAAOC,GAAMC,EAASC,KACtB,MAAMC,EAAaH,EAAK,UAExB,MAAMI,EAAUf,EAAQgB,KAAIC,GAC1BC,EAAAC,cAACC,EACC,CAAAC,IAAKJ,EAAKK,KACVA,KAAML,EAAKK,KACXC,SAAUN,EAAKO,OACfC,SAAU,IAAMrB,EAAgBa,EAAKK,MACrCI,MAAOT,EAAKU,aAIhB,MAAMC,EAAsB,IAAMzB,IAElC,OACEe,EAAAC,cAACU,EAAO,IACFpB,EACJC,IAAKA,EACLL,UAAW,GAAGyB,EAAQ,cAAczB,IACpC0B,KAAMhC,EACNiC,KAAK,SACM,aAAA,yBACMlB,GAEhBf,GACCkC,EACEf,EACcC,cAAA,MAAA,CAAA,cAAA,OACZd,UAAWyB,EAAQ,YACnBI,QAASN,IAEXtB,GAEHP,GACCmB,EAAAC,cAACgB,EAAQ,KACPjB,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,WACtBZ,EAACC,cAAAiB,GAAWzB,GAAIG,EAAYT,UAAWyB,EAAQ,SAAUO,IAAI,OAAOC,QAAQ,MACzErC,GAEHiB,EAAAC,cAACoB,EACC,CAAAL,QAAS/B,EACTE,UAAW,GAAGyB,EAAQ,eACtBU,MAAOtC,GAEPgB,EAACC,cAAAsB,GAAKC,KAAMC,EAAMC,UAGtB1B,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,YAAaf,IAI3C,EAGS,MAAA8B,EAAwB3B,EAAM4B,WAAWhD"}
+{"version":3,"file":"DataGridColumnsToggle.esm.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      {open &&\n        createPortal(\n          <div\n            aria-hidden=\"true\"\n            className={classes[\"backdrop\"]}\n            onClick={handleBackdropClick}\n          ></div>,\n          domRoot\n        )}\n      {open && (\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      )}\n    </Popover>\n  );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,8BAA8B,GAAoD,CACtF,EACE,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,cAAc,EAC3B,gBAAgB,GAAG,2BAA2B,EAC9C,OAAO,EACP,eAAe,EACf,SAAS,EACT,OAAO,GAAG,QAAQ,CAAC,IAAI,EACvB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACpC,IAAA,MAAM,UAAU,GAAG,EAAE,GAAG,SAAS,CAAC;IAElC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,KAC9B,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,EACrB,QAAQ,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAA,CACpB,CACH,CAAC,CAAC;AAEH,IAAA,MAAM,mBAAmB,GAAG,MAAM,OAAO,EAAE,CAAC;AAE5C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAC/C,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,MAAM,qBACA,UAAU,EAAA;QAE1B,IAAI;AACH,YAAA,YAAY,CACV,KACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAC9B,OAAO,EAAE,mBAAmB,EACvB,CAAA,EACP,OAAO,CACR;QACF,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACP,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAA;gBAC/B,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAC7E,EAAA,UAAU,CACA;AACb,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,EAAE,EACpC,KAAK,EAAE,gBAAgB,EAAA;oBAEvB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA,CAChB,CACT;AACN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAG,EAAA,OAAO,CAAO,CAC1C,CACZ,CACO,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B;;;;"}

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridColumnsToggle-module_popover__ZkloW{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle-module_backdrop__sBn3f{background-color:initial;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle-module_header__16uNv{align-items:center;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;min-width:5rem;padding:1rem .5rem 1rem 1.5rem}.DataGridColumnsToggle-module_title__XgQRt{flex:1;margin:0}.DataGridColumnsToggle-module_close-btn__QPaN-{margin-left:.5rem}.DataGridColumnsToggle-module_content__e8z8c{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSw4Q0FPRSx3QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsNENBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSwyQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLCtDQUNFLGlCQUNGLENBRUEsNkNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */";
+var classes = {"popover":"DataGridColumnsToggle-module_popover__ZkloW","backdrop":"DataGridColumnsToggle-module_backdrop__sBn3f","header":"DataGridColumnsToggle-module_header__16uNv","title":"DataGridColumnsToggle-module_title__XgQRt","close-btn":"DataGridColumnsToggle-module_close-btn__QPaN-","content":"DataGridColumnsToggle-module_content__e8z8c"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DataGridColumnsToggle.module.scss.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.esm.js.map

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

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

@@ -1,2 +1,50 @@
-import e from"react";import{DataGridCell as r}from"./DataGridCell.esm.js";import{DataGridRow as t}from"./DataGridRow.esm.js";import a from"./DataGridBody.module.esm.js";import{Typography as n}from"../../Typography/Typography.esm.js";const o=9;const m=({children:m,data:i,headers:l,isLoading:s,disableContextMenuColumn:d,emptyLabel:c,spacing:p,...y},u)=>{const f=()=>{const y=l.filter((e=>!e.hidden)).length;if(s)return Array.from(Array(o)).map(((a,n)=>e.createElement(t,{key:n,isLoading:true},Array.from(Array(y)).map(((t,a)=>e.createElement(r,{key:a,isLoading:true}))),!d&&e.createElement(r,null))));const u=!i||i.length===0;if(u)return e.createElement("tr",null,e.createElement("td",{className:a["empty"],colSpan:y+(d?0:1)},e.createElement(n,{variant:"body",spacing:{margin:0}},c)));return i===null||i===void 0?void 0:i.map(((r,t)=>e.cloneElement(m({item:r,index:t}),{headers:l,spacing:p,disableContextMenuColumn:d})))};return e.createElement("tbody",{...y,ref:u},f())};const i=e.forwardRef(m);export{i as DataGridBody};
+import React from 'react';
+import { DataGridCell } from './DataGridCell/DataGridCell.esm.js';
+import { DataGridRow } from './DataGridRow/DataGridRow.esm.js';
+import classes from './DataGridBody.module.scss.esm.js';
+import { Typography } from '../../Typography/Typography.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const skeletonLoadingRows = 9;
+const DataGridBodyInner = ({ children, data, headers, isLoading, disableContextMenuColumn, emptyLabel, spacing, ...rest }, ref) => {
+    const renderContent = () => {
+        const visibleColumns = headers.filter(header => !header.hidden).length;
+        if (isLoading) {
+            return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (React.createElement(DataGridRow, { key: rowIdx, isLoading: true },
+                Array.from(Array(visibleColumns)).map((__, colIdx) => (React.createElement(DataGridCell, { key: colIdx, isLoading: true }))),
+                !disableContextMenuColumn && React.createElement(DataGridCell, null))));
+        }
+        const emptyData = !data || data.length === 0;
+        if (emptyData) {
+            return (React.createElement("tr", null,
+                React.createElement("td", { className: classes["empty"], colSpan: visibleColumns + (disableContextMenuColumn ? 0 : 1) },
+                    React.createElement(Typography, { variant: "body", spacing: { margin: 0 } }, emptyLabel))));
+        }
+        return data === null || data === void 0 ? void 0 : data.map((item, index) => {
+            return React.cloneElement(children({ item, index }), {
+                headers,
+                spacing,
+                disableContextMenuColumn
+            });
+        });
+    };
+    return (React.createElement("tbody", { ...rest, ref: ref }, renderContent()));
+};
+const DataGridBody = React.forwardRef(DataGridBodyInner);
+
+export { DataGridBody };
 //# sourceMappingURL=DataGridBody.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridBody.esm.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\";\nimport { DataGridRow } from \"./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  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\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        headers,\n        spacing,\n        disableContextMenuColumn\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 {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["skeletonLoadingRows","DataGridBodyInner","children","data","headers","isLoading","disableContextMenuColumn","emptyLabel","spacing","rest","ref","renderContent","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","React","createElement","DataGridRow","key","__","colIdx","DataGridCell","emptyData","className","classes","colSpan","Typography","variant","margin","item","index","cloneElement","DataGridBody","forwardRef"],"mappings":"yOAiCA,MAAMA,EAAsB,EAE5B,MAAMC,EAAoB,EAEtBC,WACAC,OACAC,UACAC,YACAC,2BACAC,aACAC,aACGC,GAELC,KAEA,MAAMC,EAAgB,KACpB,MAAMC,EAAiBR,EAAQS,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIX,EACF,OAAOY,MAAMC,KAAKD,MAAMjB,IAAsBmB,KAAI,CAACC,EAAGC,IACpDC,EAAAC,cAACC,EAAW,CAACC,IAAKJ,EAAQhB,UAAS,MAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACO,EAAIC,IAC1CL,EAAAC,cAACK,EAAY,CAACH,IAAKE,EAAQtB,UAAS,UAEpCC,GAA4BgB,EAACC,cAAAK,WAKrC,MAAMC,GAAa1B,GAAQA,EAAKa,SAAW,EAC3C,GAAIa,EACF,OACEP,EAAAC,cAAA,KAAA,KACED,EACEC,cAAA,KAAA,CAAAO,UAAWC,EAAQ,SACnBC,QAASpB,GAAkBN,EAA2B,EAAI,IAE1DgB,EAAAC,cAACU,EAAW,CAAAC,QAAQ,OAAO1B,QAAS,CAAE2B,OAAQ,IAC3C5B,KAOX,OAAOJ,IAAI,MAAJA,SAAI,OAAA,EAAJA,EAAMgB,KAAI,CAACiB,EAAMC,IACff,EAAMgB,aAAapC,EAAS,CAAEkC,OAAMC,UAAU,CACnDjC,UACAI,UACAF,8BAEF,EAGJ,OACEgB,EAAAC,cAAA,QAAA,IAAWd,EAAMC,IAAKA,GACnBC,IAEH,EAGS,MAAA4B,EAAejB,EAAMkB,WAAWvC"}
+{"version":3,"file":"DataGridBody.esm.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  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\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        headers,\n        spacing,\n        disableContextMenuColumn\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 {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAmBH,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,iBAAiB,GAAG,CACxB,EACE,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EACT,wBAAwB,EACxB,UAAU,EACV,OAAO,EACP,GAAG,IAAI,EACE,EACX,GAAiC,KAC/B;IACF,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QACvE,IAAI,SAAS,EAAE;YACb,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,MAC1D,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,MAChD,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAA,IAAA,EAAA,CAAgB,CACrD,CAAC;gBACD,CAAC,wBAAwB,IAAI,KAAC,CAAA,aAAA,CAAA,YAAY,OAAgB,CAC/C,CACf,CAAC,CAAC;SACJ;QAED,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;AACb,YAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA;gBACE,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAC3B,OAAO,EAAE,cAAc,IAAI,wBAAwB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA;AAE5D,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAC9C,EAAA,UAAU,CACA,CACV,CACF,EACL;SACH;AAED,QAAA,OAAO,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/B,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;gBACnD,OAAO;gBACP,OAAO;gBACP,wBAAwB;AACzB,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAW,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,EACtB,aAAa,EAAE,CACV,EACR;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridBody-module_empty__8rXRJ{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody-module_empty__8rXRJ p{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQm9keS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUVFLFdBQVksQ0FDWixZQUFhLENBRmIsaUJBQWtCLENBR2xCLGtCQUNGLENBQ0Esb0NBQ0UsdUJBQ0YiLCJmaWxlIjoiRGF0YUdyaWRCb2R5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5lbXB0eSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgaGVpZ2h0OiA2cmVtO1xuICBwYWRkaW5nOiAycmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuLmVtcHR5IHAge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */";
+var classes = {"empty":"DataGridBody-module_empty__8rXRJ"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DataGridBody.module.scss.esm.js.map

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

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

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Typography } from '../../../Typography/Typography.esm.js';
+import classes from './DataGridCell.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DataGridCellComponent = ({ children, className, isLoading, spacing, cellIndex, columnLength, disableContextMenuColumn, ...rest }, ref) => {
+    let cellStyle = {};
+    if (cellIndex === 0) {
+        cellStyle.paddingLeft = spacing === null || spacing === void 0 ? void 0 : spacing.paddingLeft;
+    }
+    if ((cellIndex === columnLength && !disableContextMenuColumn) ||
+        (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)) {
+        cellStyle.paddingRight = spacing === null || spacing === void 0 ? void 0 : spacing.paddingRight;
+    }
+    return (React.createElement("td", { ...rest, ref: ref, style: { ...rest.style, ...cellStyle }, className: `${classes["cell"]} ${className !== null && className !== void 0 ? className : ""}` },
+        isLoading && React.createElement("div", { className: classes["loading"], "aria-busy": "true", "aria-live": "polite" }),
+        !isLoading && (React.createElement(Typography, { className: classes["text"], variant: "body", tag: "span" }, children))));
+};
+const DataGridCell = React.forwardRef(DataGridCellComponent);
+
+export { DataGridCell };
+//# sourceMappingURL=DataGridCell.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.esm.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, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } 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  isLoading?: boolean;\n  spacing?: React.CSSProperties;\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    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let 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  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAeH,MAAM,qBAAqB,GAA0D,CACnF,EACE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,wBAAwB,EACxB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,IAAI,SAAS,GAAwB,EAAE,CAAC;AAExC,IAAA,IAAI,SAAS,KAAK,CAAC,EAAE;QACnB,SAAS,CAAC,WAAW,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,WAAW,CAAC;KAC9C;AACD,IAAA,IACE,CAAC,SAAS,KAAK,YAAY,IAAI,CAAC,wBAAwB;SACvD,YAAY,IAAI,SAAS,KAAK,YAAY,GAAG,CAAC,IAAI,wBAAwB,CAAC,EAC5E;QACA,SAAS,CAAC,YAAY,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,YAAY,CAAC;KAChD;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,SAAS,EAAE,EACtC,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,MAAM,CAAC,CAAI,CAAA,EAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAT,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;AAEjD,QAAA,SAAS,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAY,WAAA,EAAA,MAAM,EAAW,WAAA,EAAA,QAAQ,EAAO,CAAA;QAC3F,CAAC,SAAS,KACT,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,EAC9D,EAAA,QAAQ,CACE,CACd,CACE,EACL;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell-module_sr-only__S8j0D{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__0hgMX{display:none}.DataGridCell-module_slide-in__lMiX0{animation:DataGridCell-module_slide-in__lMiX0 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__lMiX0{animation-duration:.1ms}}.DataGridCell-module_slide-out__05Ta1{animation:DataGridCell-module_slide-out__05Ta1 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__05Ta1{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__lMiX0{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__05Ta1{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__3aXoR{height:2.75rem;padding:.25rem 1rem}.DataGridCell-module_cell__3aXoR:first-child{padding-left:1rem}.DataGridCell-module_cell__3aXoR:last-child{padding-right:1rem}.DataGridCell-module_cell__3aXoR .DataGridCell-module_text__wbAjs{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao:after{animation:DataGridCell-module_shimmer__P-85D 2s infinite;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));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao:after{animation:none}}@keyframes DataGridCell-module_shimmer__P-85D{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__3aXoR:first-child{padding-left:1.25rem}.DataGridCell-module_cell__3aXoR:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsY0FBZSxDQUNmLG1CQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLGtFQUNFLG9DQUFxQyxDQUNyQyx3Q0FDRixDQUNBLHFFQUdFLGlEQUFrRCxDQUNsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUpsQixlQUFnQixDQURoQixpQkFNRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"sr-only":"DataGridCell-module_sr-only__S8j0D","hidden":"DataGridCell-module_hidden__0hgMX","slide-in":"DataGridCell-module_slide-in__lMiX0","slide-out":"DataGridCell-module_slide-out__05Ta1","cell":"DataGridCell-module_cell__3aXoR","text":"DataGridCell-module_text__wbAjs","loading":"DataGridCell-module_loading__Pg1Ao","shimmer":"DataGridCell-module_shimmer__P-85D"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=DataGridCell.module.scss.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.esm.js.map

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import classes from './DataGridDrawer.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const DataGridDrawerComponent = ({ children, isExpanded, ...rest }, ref) => {
+    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["drawer"]} ${isExpanded ? classes["expanded"] : ""}` },
+        React.createElement("div", { className: classes["wrapper"] }, children)));
+};
+const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);
+
+export { DataGridDrawer };
+//# sourceMappingURL=DataGridDrawer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawer.esm.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":";;;AAAA;;;;;;;;;;;;;;AAcG;AASH,MAAM,uBAAuB,GAAoD,CAC/E,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,EACxC,GAAG,KACD;AACF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA;QAE1E,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,EAAG,QAAQ,CAAO,CAChD,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB;;;;"}