@onewelcome/react-lib-components 4.3.0 → 5.1.0

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

@@ -1,2 +1,2 @@
-import e,{useState as t,useEffect as a}from"react";import i from"./DataGrid.module.esm.js";import{DataGridHeader as d}from"./DataGridHeader/DataGridHeader.esm.js";import{DataGridActions as n}from"./DataGridActions/DataGridActions.esm.js";import{DataGridBody as o}from"./DataGridBody/DataGridBody.esm.js";import{Pagination as r}from"../Pagination/Pagination.esm.js";import{useSpacing as l}from"../src/hooks/useSpacing.esm.js";const s=e.forwardRef((({children:s,data:p,initialSort:m,onSort:g,headers:c,actions:u={},paginationProps:h,disableContextMenuColumn:f,isLoading:v,enableMultiSorting:b,emptyLabel:w,spacing:y,style:E,...L},D)=>{var G;if(!c)throw new Error("Headers definition has to be provided");if(!s)throw new Error("DataGridBody should be provieded with a template how to render rows");const[S,j]=t(c),C=l(y,E);a((()=>j(c)),[c]);if(null==C?void 0:C.padding){const e=C.padding.toString().split(" ");let t=0;e.length>=2&&(t=1),4===e.length&&(t=3),Object.defineProperties(C,{paddingTop:{value:e[0]},paddingRight:{value:e[e.length-1>0?1:0]},paddingBottom:{value:e[e.length/3>=1?2:0]},paddingLeft:{value:e[t]}})}return e.createElement("div",{...L,className:i["grid-wrapper"],ref:D,style:{paddingTop:null==C?void 0:C.paddingTop,paddingBottom:null==C?void 0:C.paddingBottom}},e.createElement(n,{...u,style:{paddingLeft:null==C?void 0:C.paddingLeft,paddingRight:null==C?void 0:C.paddingRight},headers:S,onColumnToggled:e=>{j(S.map((t=>t.name!==e?t:{...t,hidden:!t.hidden})))}}),e.createElement("div",{className:i["table-wrapper"]},e.createElement("table",{className:i.table},e.createElement(d,{headers:S,initialSort:m,onSort:g,disableContextMenuColumn:f,enableMultiSorting:b,spacing:C}),e.createElement(o,{data:p,headers:S,isLoading:v,disableContextMenuColumn:f,emptyLabel:w,spacing:C},s))),h&&!v&&e.createElement(r,{...h,style:{...h.style,paddingLeft:null==C?void 0:C.paddingLeft,paddingRight:null==C?void 0:C.paddingRight},className:`${i.pagination} ${null!==(G=h.className)&&void 0!==G?G:""}`}))}));export{s as DataGrid};
+import e,{useState as t,useEffect as i}from"react";import a from"./DataGrid.module.esm.js";import{DataGridHeader as d}from"./DataGridHeader/DataGridHeader.esm.js";import{DataGridActions as o}from"./DataGridActions/DataGridActions.esm.js";import{DataGridBody as n}from"./DataGridBody/DataGridBody.esm.js";import{Pagination as r}from"../Pagination/Pagination.esm.js";import{useSpacing as l}from"../src/hooks/useSpacing.esm.js";const s=({children:s,data:p,initialSort:m,onSort:g,headers:c,actions:u={},paginationProps:v,disableContextMenuColumn:h,isLoading:f,enableMultiSorting:b,emptyLabel:w,spacing:y,style:E,...L},D)=>{var G;if(!c)throw new Error("Headers definition has to be provided");if(!s)throw new Error("DataGridBody should be provieded with a template how to render rows");const[S,j]=t(c);const C=l(y,E);i((()=>j(c)),[c]);const B=e=>{j(S.map((t=>t.name!==e?t:{...t,hidden:!t.hidden})))};if(C===null||C===void 0?void 0:C.padding){const e=C.padding.toString().split(" ");let t=0;if(e.length>=2)t=1;if(e.length===4)t=3;Object.defineProperties(C,{paddingTop:{value:e[0]},paddingRight:{value:e[e.length-1>0?1:0]},paddingBottom:{value:e[e.length/3>=1?2:0]},paddingLeft:{value:e[t]}})}return e.createElement("div",{...L,className:a["grid-wrapper"],ref:D,style:{paddingTop:C===null||C===void 0?void 0:C.paddingTop,paddingBottom:C===null||C===void 0?void 0:C.paddingBottom}},e.createElement(o,{...u,style:{paddingLeft:C===null||C===void 0?void 0:C.paddingLeft,paddingRight:C===null||C===void 0?void 0:C.paddingRight},headers:S,onColumnToggled:B}),e.createElement("div",{className:a["table-wrapper"]},e.createElement("table",{className:a["table"]},e.createElement(d,{headers:S,initialSort:m,onSort:g,disableContextMenuColumn:h,enableMultiSorting:b,spacing:C}),e.createElement(n,{data:p,headers:S,isLoading:f,disableContextMenuColumn:h,emptyLabel:w,spacing:C},s))),v&&!f&&e.createElement(r,{...v,style:{...v.style,paddingLeft:C===null||C===void 0?void 0:C.paddingLeft,paddingRight:C===null||C===void 0?void 0:C.paddingRight},className:`${a["pagination"]} ${(G=v.className)!==null&&G!==void 0?G:""}`}))};const p=e.forwardRef(s);export{p as DataGrid};
 //# sourceMappingURL=DataGrid.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataGrid.esm.js","sources":["../../../../../src/components/DataGrid/DataGrid.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, useEffect, useState } from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  headers: HeaderCell[];\n  actions?: {\n    enableAddBtn?: boolean;\n    enableColumnsBtn?: boolean;\n    enableSearchBtn?: boolean;\n    addBtnProps?: ButtonProps;\n    columnsBtnProps?: ButtonProps;\n    searchBtnProps?: ButtonProps;\n    searchIconBtnProps?: ButtonProps;\n  };\n  emptyLabel?: string;\n  paginationProps?: PaginationProps;\n  disableContextMenuColumn?: boolean;\n  isLoading?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n  {\n    children,\n    data,\n    initialSort,\n    onSort,\n    headers,\n    actions = {},\n    paginationProps,\n    disableContextMenuColumn,\n    isLoading,\n    enableMultiSorting,\n    emptyLabel,\n    spacing,\n    style,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLDivElement>\n) => {\n  if (!headers) {\n    throw new Error(\"Headers definition has to be provided\");\n  }\n  if (!children) {\n    throw new Error(\"DataGridBody should be provieded with a template how to render rows\");\n  }\n\n  const [internalHeaders, setInternalHeaders] = useState(headers);\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  useEffect(() => setInternalHeaders(headers), [headers]);\n\n  const onColumnToggled = (colName: string) => {\n    setInternalHeaders(\n      internalHeaders.map(item =>\n        item.name !== colName ? item : { ...item, hidden: !item.hidden }\n      )\n    );\n  };\n\n  if (styleWithSpacing?.padding) {\n    const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n    let paddingLeftIndex: number = 0;\n\n    if (splitPaddings.length >= 2) {\n      paddingLeftIndex = 1;\n    }\n    if (splitPaddings.length === 4) {\n      paddingLeftIndex = 3;\n    }\n\n    Object.defineProperties(styleWithSpacing, {\n      paddingTop: {\n        value: splitPaddings[0]\n      },\n      paddingRight: {\n        value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n      },\n      paddingBottom: {\n        value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n      },\n      paddingLeft: {\n        value: splitPaddings[paddingLeftIndex]\n      }\n    });\n  }\n\n  return (\n    <div\n      {...rest}\n      className={classes[\"grid-wrapper\"]}\n      ref={ref}\n      style={{\n        paddingTop: styleWithSpacing?.paddingTop,\n        paddingBottom: styleWithSpacing?.paddingBottom\n      }}\n    >\n      <DataGridActions\n        {...actions}\n        style={{\n          paddingLeft: styleWithSpacing?.paddingLeft,\n          paddingRight: styleWithSpacing?.paddingRight\n        }}\n        headers={internalHeaders}\n        onColumnToggled={onColumnToggled}\n      />\n      <div className={classes[\"table-wrapper\"]}>\n        <table className={classes[\"table\"]}>\n          <DataGridHeader\n            headers={internalHeaders}\n            initialSort={initialSort}\n            onSort={onSort}\n            disableContextMenuColumn={disableContextMenuColumn}\n            enableMultiSorting={enableMultiSorting}\n            spacing={styleWithSpacing}\n          />\n          <DataGridBody\n            data={data}\n            headers={internalHeaders}\n            isLoading={isLoading}\n            disableContextMenuColumn={disableContextMenuColumn}\n            emptyLabel={emptyLabel}\n            spacing={styleWithSpacing}\n          >\n            {children}\n          </DataGridBody>\n        </table>\n      </div>\n      {paginationProps && !isLoading && (\n        <Pagination\n          {...paginationProps}\n          style={{\n            ...paginationProps.style,\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["DataGridInner","children","data","initialSort","onSort","headers","actions","paginationProps","disableContextMenuColumn","isLoading","enableMultiSorting","emptyLabel","spacing","style","rest","ref","Error","internalHeaders","setInternalHeaders","useState","styleWithSpacing","useSpacing","useEffect","onColumnToggled","colName","map","item","name","hidden","padding","splitPaddings","toString","split","paddingLeftIndex","length","Object","defineProperties","paddingTop","value","paddingRight","paddingBottom","paddingLeft","React","createElement","className","classes","DataGridActions","DataGridHeader","DataGridBody","Pagination","_a","DataGrid","forwardRef"],"mappings":"yaAiDA,MAAMA,EAAgB,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,CAAE,EACZC,kBACAC,2BACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKV,EACH,MAAM,IAAIW,MAAM,yCAElB,IAAKf,EACH,MAAM,IAAIe,MAAM,uEAGlB,MAAOC,EAAiBC,GAAsBC,EAASd,GACvD,MAAMe,EAAmBC,EAAWT,EAASC,GAE7CS,GAAU,IAAMJ,EAAmBb,IAAU,CAACA,IAE9C,MAAMkB,EAAmBC,IACvBN,EACED,EAAgBQ,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,EAGH,GAAIR,UAAAA,SAAgB,OAAA,EAAhBA,EAAkBS,QAAS,CAC7B,MAAMC,EAAgBV,EAAiBS,QAAQE,WAAWC,MAAM,KAEhE,IAAIC,EAA2B,EAE/B,GAAIH,EAAcI,QAAU,EAC1BD,EAAmB,EAErB,GAAIH,EAAcI,SAAW,EAC3BD,EAAmB,EAGrBE,OAAOC,iBAAiBhB,EAAkB,CACxCiB,WAAY,CACVC,MAAOR,EAAc,IAEvBS,aAAc,CACZD,MAAOR,EAAcA,EAAcI,OAAS,EAAI,EAAI,EAAI,IAE1DM,cAAe,CACbF,MAAOR,EAAcA,EAAcI,OAAS,GAAK,EAAI,EAAI,IAE3DO,YAAa,CACXH,MAAOR,EAAcG,KAG1B,CAED,OACES,EACMC,cAAA,MAAA,IAAA7B,EACJ8B,UAAWC,EAAQ,gBACnB9B,IAAKA,EACLF,MAAO,CACLwB,WAAYjB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBiB,WAC9BG,cAAepB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBoB,gBAGnCE,EAAAC,cAACG,EAAe,IACVxC,EACJO,MAAO,CACL4B,YAAarB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBqB,YAC/BF,aAAcnB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBmB,cAElClC,QAASY,EACTM,gBAAiBA,IAEnBmB,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAAA,QAAA,CAAOC,UAAWC,EAAQ,UACxBH,EAACC,cAAAI,EACC,CAAA1C,QAASY,EACTd,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BE,mBAAoBA,EACpBE,QAASQ,IAEXsB,EAAAC,cAACK,EAAY,CACX9C,KAAMA,EACNG,QAASY,EACTR,UAAWA,EACXD,yBAA0BA,EAC1BG,WAAYA,EACZC,QAASQ,GAERnB,KAINM,IAAoBE,GACnBiC,EAACC,cAAAM,EACK,IAAA1C,EACJM,MAAO,IACFN,EAAgBM,MACnB4B,YAAarB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBqB,YAC/BF,aAAcnB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBmB,cAElCK,UAAW,GAAGC,EAAQ,kBAAiBK,EAAA3C,EAAgBqC,gCAAa,OAI1E,EAGS,MAAAO,EAAWT,EAAMU,WAAWpD"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const a = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".DataGrid_module_gridWrapper__9cb3155b{padding:1rem 0}.DataGrid_module_tableWrapper__9cb3155b{overflow-x:auto}.DataGrid_module_table__9cb3155b{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid_module_pagination__9cb3155b{margin-top:1rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid_module_pagination__9cb3155b{padding:0 1.25rem}}",r={"grid-wrapper":"DataGrid_module_gridWrapper__9cb3155b","table-wrapper":"DataGrid_module_tableWrapper__9cb3155b",table:"DataGrid_module_table__9cb3155b",pagination:"DataGrid_module_pagination__9cb3155b"};a(e,{});export{e as css,r as default};
+import i from "../../lib/style-inject.js";var e='/*!\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 */.DataGrid-module_grid-wrapper__bU1-r{padding:1rem 0}.DataGrid-module_table-wrapper__wCMOu{overflow-x:auto}.DataGrid-module_table__SxgAf{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid-module_pagination__-Tksb{margin-top:1rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid-module_pagination__-Tksb{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YscUNBQ0UsY0FDRixDQUVBLHNDQUNFLGVBQ0YsQ0FFQSw4QkFDRSx3QkFBeUIsQ0FDekIsaUJBQW1CLENBRW5CLGlCQUFrQixDQURsQixVQUVGLENBRUEsbUNBQ0UsZUFBZ0IsQ0FDaEIsY0FDRixDQUVBLHdDQUNFLG1DQUNFLGlCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmdyaWQtd3JhcHBlciB7XG4gIHBhZGRpbmc6IDFyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDFyZW07XG4gIHBhZGRpbmc6IDAgMXJlbTtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5wYWdpbmF0aW9uIHtcbiAgICBwYWRkaW5nOiAwIDEuMjVyZW07XG4gIH1cbn0iXX0= */';var a={"grid-wrapper":"DataGrid-module_grid-wrapper__bU1-r","table-wrapper":"DataGrid-module_table-wrapper__wCMOu",table:"DataGrid-module_table__SxgAf",pagination:"DataGrid-module_pagination__-Tksb"};i(e);export{a as default};
 //# sourceMappingURL=DataGrid.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useState as t,useRef as l,Fragment as n}from"react";import{Button as a}from"../../Button/Button.esm.js";import{IconButton as o}from"../../Button/IconButton.esm.js";import{Icon as r,Icons as c}from"../../Icon/Icon.esm.js";import s from"./DataGridActions.module.esm.js";import{DataGridColumnsToggle as m}from"./DataGridColumnsToggle.esm.js";const i=e.forwardRef((({className:i,enableAddBtn:d,enableColumnsBtn:u,enableSearchBtn:h,addBtnProps:E={},columnsBtnProps:p={},searchBtnProps:v={},searchIconBtnProps:N={},headers:f,onColumnToggled:B,children:C,...$},g)=>{var b,S,I,j;const k=!(d||u||h),[P,T]=t(!1),A=l(null),{children:w,...x}=E,{children:y,...D}=p,{children:G,...R}=v;return k?null:e.createElement("div",{...$,ref:g,className:`${s.actions} ${null!=i?i:""}`},e.createElement("div",{className:s["left-actions"]},d&&e.createElement(a,{color:"primary",startIcon:e.createElement(r,{icon:c.Plus}),title:"Add item",type:"button",variant:"outline",...x},null!=w?w:"Add item")),e.createElement("div",{className:s["right-actions"]},u&&e.createElement(n,null,e.createElement(a,{startIcon:e.createElement(r,{icon:c.Change}),title:"Show/hide columns",variant:"text",...D,className:`${s.desktop} ${null!==(b=null==p?void 0:p.className)&&void 0!==b?b:""}`,ref:A,onClick:()=>T(!0)},null!=y?y:"Columns"),e.createElement(o,{title:"Show/hide columns",...p,onClick:()=>T(!0),className:`${s.mobile} ${null!==(S=null==p?void 0:p.className)&&void 0!==S?S:""}`},e.createElement(r,{icon:c.Change})),e.createElement(m,{"aria-hidden":!P,open:P,headers:f,onClose:()=>T(!1),onToggleClicked:B,anchorEl:A})),h&&e.createElement(n,null,e.createElement(a,{startIcon:e.createElement(r,{icon:c.TableSearch}),title:"Search",variant:"text",...R,className:`${s.desktop} ${null!==(I=null==v?void 0:v.className)&&void 0!==I?I:""}`},null!=G?G:"Search"),e.createElement(o,{title:"Search",...N,className:`${s.mobile} ${null!==(j=null==p?void 0:p.className)&&void 0!==j?j:""}`},e.createElement(r,{icon:c.TableSearch})))))}));export{i as DataGridActions};
+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};
 //# sourceMappingURL=DataGridActions.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridActions.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const d = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".DataGridActions_module_actions__c96edda5{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions_module_leftActions__c96edda5{flex:1}.DataGridActions_module_rightActions__c96edda5{display:flex;gap:1rem}.DataGridActions_module_desktop__c96edda5{display:none}@media only screen and (min-width:50em){.DataGridActions_module_actions__c96edda5{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions_module_desktop__c96edda5{display:flex}.DataGridActions_module_mobile__c96edda5{display:none}}",a={actions:"DataGridActions_module_actions__c96edda5","left-actions":"DataGridActions_module_leftActions__c96edda5","right-actions":"DataGridActions_module_rightActions__c96edda5",desktop:"DataGridActions_module_desktop__c96edda5",mobile:"DataGridActions_module_mobile__c96edda5"};d(e,{});export{e as css,a as default};
+import i from "../../../lib/style-inject.js";var e='/*!\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 a={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"};i(e);export{a as default};
 //# sourceMappingURL=DataGridActions.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useState as o,Fragment as m}from"react";import{IconButton as t}from"../../Button/IconButton.esm.js";import{Toggle as a}from"../../Form/Toggle/Toggle.esm.js";import{Icon as r,Icons as l}from"../../Icon/Icon.esm.js";import{Popover as s}from"../../Popover/Popover.esm.js";import{Typography as n}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=e.forwardRef((({open:p,headers:g,titleLabel:h="Show columns",closeButtonTitle:f="Close show columns dialog",onClose:u,onToggleClicked:E,className:T,domRoot:b=document.body,...j},v)=>{const[y]=o(c()),C=y+"_header",N=g.map((o=>e.createElement(a,{key:o.name,name:o.name,checked:!o.hidden,onChange:()=>E(o.name),label:o.headline})));return e.createElement(s,{...j,ref:v,className:`${i.popover} ${T}`,show:p,role:"dialog","aria-modal":"true","aria-labelledby":C},p&&d(e.createElement("div",{className:i.backdrop,onClick:()=>u()}),b),p&&e.createElement(m,null,e.createElement("div",{className:i.header},e.createElement(n,{id:C,className:i.title,tag:"span",variant:"h4"},h),e.createElement(t,{onClick:u,className:`${i["close-btn"]}`,title:f},e.createElement(r,{icon:l.Times}))),e.createElement("div",{className:i.content},N)))}));export{p as DataGridColumnsToggle};
+import e,{useState as o,Fragment as t}from"react";import{IconButton as m}from"../../Button/IconButton.esm.js";import{Toggle as a}from"../../Form/Toggle/Toggle.esm.js";import{Icon as r,Icons as l}from"../../Icon/Icon.esm.js";import{Popover as s}from"../../Popover/Popover.esm.js";import{Typography as n}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:g,titleLabel:h="Show columns",closeButtonTitle:f="Close show columns dialog",onClose:u,onToggleClicked:E,className:T,domRoot:b=document.body,...j},v)=>{const[y]=o(c());const C=y+"_header";const N=g.map((o=>e.createElement(a,{key:o.name,name:o.name,checked:!o.hidden,onChange:()=>E(o.name),label:o.headline})));const k=()=>u();return e.createElement(s,{...j,ref:v,className:`${i["popover"]} ${T}`,show:p,role:"dialog","aria-modal":"true","aria-labelledby":C},p&&d(e.createElement("div",{className:i["backdrop"],onClick:k}),b),p&&e.createElement(t,null,e.createElement("div",{className:i["header"]},e.createElement(n,{id:C,className:i["title"],tag:"span",variant:"h4"},h),e.createElement(m,{onClick:u,className:`${i["close-btn"]}`,title:f},e.createElement(r,{icon:l.Times}))),e.createElement("div",{className:i["content"]},N)))};const g=e.forwardRef(p);export{g as DataGridColumnsToggle};
 //# sourceMappingURL=DataGridColumnsToggle.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridColumnsToggle.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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 className={classes[\"backdrop\"]} onClick={handleBackdropClick}></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,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,YAAaI,QAASN,IAC9CtB,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"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a='.DataGridColumnsToggle_module_popover__aab74d10{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle_module_backdrop__aab74d10{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle_module_header__aab74d10{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__aab74d10{flex:1;margin:0}.DataGridColumnsToggle_module_closeBtn__aab74d10{margin-left:.5rem}.DataGridColumnsToggle_module_content__aab74d10{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}',e={popover:"DataGridColumnsToggle_module_popover__aab74d10",backdrop:"DataGridColumnsToggle_module_backdrop__aab74d10",header:"DataGridColumnsToggle_module_header__aab74d10",title:"DataGridColumnsToggle_module_title__aab74d10","close-btn":"DataGridColumnsToggle_module_closeBtn__aab74d10",content:"DataGridColumnsToggle_module_content__aab74d10"};o(a,{});export{a as css,e as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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:transparent;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSw4Q0FPRSw0QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsNENBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSwyQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLCtDQUNFLGlCQUNGLENBRUEsNkNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */';var i={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"};e(l);export{i as default};
 //# sourceMappingURL=DataGridColumnsToggle.module.esm.js.map

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

@@ -1,2 +1,2 @@
-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 m=e.forwardRef((({children:m,data:o,headers:l,isLoading:i,disableContextMenuColumn:d,emptyLabel:s,spacing:p,...c},y)=>e.createElement("tbody",{...c,ref:y},(()=>{const c=l.filter((e=>!e.hidden)).length;if(i)return Array.from(Array(9)).map(((a,n)=>e.createElement(t,{key:n,isLoading:!0},Array.from(Array(c)).map(((t,a)=>e.createElement(r,{key:a,isLoading:!0}))),!d&&e.createElement(r,null))));return!o||0===o.length?e.createElement("tr",null,e.createElement("td",{className:a.empty,colSpan:c+(d?0:1)},e.createElement(n,{variant:"body",spacing:{margin:0}},s))):null==o?void 0:o.map(((r,t)=>e.cloneElement(m({item:r,index:t}),{headers:l,spacing:p,disableContextMenuColumn:d})))})())));export{m as DataGridBody};
+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};
 //# sourceMappingURL=DataGridBody.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridBody.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var t=".DataGridBody_module_empty__9f730948{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody_module_empty__9f730948 p{color:var(--greyed-out)}",d={empty:"DataGridBody_module_empty__9f730948"};e(t,{});export{t as css,d as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 l={empty:"DataGridBody-module_empty__8rXRJ"};e(i);export{l as default};
 //# sourceMappingURL=DataGridBody.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import l from"./DataGridCell.module.esm.js";const t=e.forwardRef((({children:t,className:i,isLoading:n,spacing:r,cellIndex:d,columnLength:o,disableContextMenuColumn:s,...m},p)=>{let c={};return 0===d&&(c.paddingLeft=null==r?void 0:r.paddingLeft),(d===o&&!s||o&&d===o-1&&s)&&(c.paddingRight=null==r?void 0:r.paddingRight),e.createElement("td",{...m,ref:p,style:{...m.style,...c},className:`${l.cell} ${null!=i?i:""}`},n&&e.createElement("div",{className:l.loading,"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{variant:"body",tag:"span"},t))}));export{t as DataGridCell};
+import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import t from"./DataGridCell.module.esm.js";const i=({children:i,className:l,isLoading:n,spacing:o,cellIndex:d,columnLength:r,disableContextMenuColumn:s,...m},p)=>{let c={};if(d===0)c.paddingLeft=o===null||o===void 0?void 0:o.paddingLeft;if(d===r&&!s||r&&d===r-1&&s)c.paddingRight=o===null||o===void 0?void 0:o.paddingRight;return e.createElement("td",{...m,ref:p,style:{...m.style,...c},className:`${t["cell"]} ${l!==null&&l!==void 0?l:""}`},n&&e.createElement("div",{className:t["loading"],"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{variant:"body",tag:"span"},i))};const l=e.forwardRef(i);export{l as DataGridCell};
 //# sourceMappingURL=DataGridCell.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/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 variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCellComponent","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","React","createElement","style","classes","Typography","variant","tag","DataGridCell","forwardRef"],"mappings":"iIA6BA,MAAMA,EAA+E,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAErC,GAAIL,IAAc,EAChBK,EAAUC,YAAcP,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASO,YAEnC,GACGN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,EAEnDG,EAAUE,aAAeR,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASQ,aAGpC,OACEC,EAAAC,cAAA,KAAA,IACMN,EACJC,IAAKA,EACLM,MAAO,IAAKP,EAAKO,SAAUL,GAC3BR,UAAW,GAAGc,EAAQ,WAAWd,UAAAA,SAAS,EAATA,EAAa,MAE7CC,GAAaU,EAAAC,cAAA,MAAA,CAAKZ,UAAWc,EAAQ,WAAsB,YAAA,OAAiB,YAAA,YAC3Eb,GACAU,gBAACI,EAAU,CAACC,QAAQ,OAAOC,IAAI,QAC5BlB,GAIP,EAGS,MAAAmB,EAAeP,EAAMQ,WAAWrB"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a='.DataGridCell_module_srOnly__a0be2886{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_module_hidden__a0be2886{display:none}.DataGridCell_module_slideIn__a0be2886{animation:DataGridCell_module_slideIn__a0be2886 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideIn__a0be2886{animation-duration:.1ms}}.DataGridCell_module_slideOut__a0be2886{animation:DataGridCell_module_slideOut__a0be2886 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideOut__a0be2886{animation-duration:.1ms}}@keyframes DataGridCell_module_slideIn__a0be2886{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_module_slideOut__a0be2886{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell_module_cell__a0be2886{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell_module_cell__a0be2886:first-child{padding-left:1rem}.DataGridCell_module_cell__a0be2886:last-child{padding-right:1rem}.DataGridCell_module_cell__a0be2886 .DataGridCell_module_loading__a0be2886{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_module_cell__a0be2886 .DataGridCell_module_loading__a0be2886:after{animation:DataGridCell_module_shimmer__a0be2886 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__a0be2886 .DataGridCell_module_loading__a0be2886:after{animation:none}}@keyframes DataGridCell_module_shimmer__a0be2886{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_module_cell__a0be2886:first-child{padding-left:1.25rem}.DataGridCell_module_cell__a0be2886:last-child{padding-right:1.25rem}}',l={"sr-only":"DataGridCell_module_srOnly__a0be2886",hidden:"DataGridCell_module_hidden__a0be2886","slide-in":"DataGridCell_module_slideIn__a0be2886","slide-out":"DataGridCell_module_slideOut__a0be2886",cell:"DataGridCell_module_cell__a0be2886",loading:"DataGridCell_module_loading__a0be2886",shimmer:"DataGridCell_module_shimmer__a0be2886"};e(a,{});export{a as css,l as default};
+import l from "../../../lib/style-inject.js";var i='/*!\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__HTz8Y{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__ZIfWN{display:none}.DataGridCell-module_slide-in__3LsNc{animation:DataGridCell-module_slide-in__3LsNc .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__3LsNc{animation-duration:.1ms}}.DataGridCell-module_slide-out__9KDY3{animation:DataGridCell-module_slide-out__9KDY3 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__9KDY3{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__3LsNc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__9KDY3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__-OXjV{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell-module_cell__-OXjV:first-child{padding-left:1rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1rem}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:DataGridCell-module_shimmer__G13df 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__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:none}}@keyframes DataGridCell-module_shimmer__G13df{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__-OXjV:first-child{padding-left:1.25rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsaUJBQWtCLENBQ2xCLHFCQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLHFFQUdFLGlEQUFrRCxDQUNsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUpsQixlQUFnQixDQURoQixpQkFNRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBtaW4taGVpZ2h0OiAzLjVyZW07XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjYyNXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAubG9hZGluZyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDAuNjI1cmVtIDA7XG59XG4uY2VsbCAubG9hZGluZzo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNlbGw6Zmlyc3QtY2hpbGQge1xuICAgIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbiAgfVxuICAuY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var e={"sr-only":"DataGridCell-module_sr-only__HTz8Y",hidden:"DataGridCell-module_hidden__ZIfWN","slide-in":"DataGridCell-module_slide-in__3LsNc","slide-out":"DataGridCell-module_slide-out__9KDY3",cell:"DataGridCell-module_cell__-OXjV",loading:"DataGridCell-module_loading__vpaHN",shimmer:"DataGridCell-module_shimmer__G13df"};l(i);export{e as default};
 //# sourceMappingURL=DataGridCell.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import n from"./DataGridRow.module.esm.js";const l=e.forwardRef((({children:l,className:o,headers:r,isLoading:t,spacing:a,disableContextMenuColumn:s,...i},d)=>{const m=e.Children.map(l,((n,l)=>{if(n){const o=e.cloneElement(n,{spacing:a,cellIndex:l,columnLength:null==r?void 0:r.length,disableContextMenuColumn:s});return(!(r&&r.length>l)||!r[l].hidden)&&o}return null})),c=[n.row];return o&&c.push(o),t&&c.push(n.loading),e.createElement("tr",{...i,ref:d,className:c.join(" ")},m)}));export{l as DataGridRow};
+import e from"react";import n from"./DataGridRow.module.esm.js";const o=({children:o,className:t,headers:r,isLoading:l,spacing:s,disableContextMenuColumn:a,...i},c)=>{const d=e.Children.map(o,((n,o)=>{if(n){const t=e.cloneElement(n,{spacing:s,cellIndex:o,columnLength:r===null||r===void 0?void 0:r.length,disableContextMenuColumn:a});const l=r&&r.length>o?!r[o].hidden:true;return l&&t}return null}));const m=[n["row"]];t&&m.push(t);l&&m.push(n["loading"]);return e.createElement("tr",{...i,ref:c,className:m.join(" ")},d)};const t=e.forwardRef(o);export{t as DataGridRow};
 //# sourceMappingURL=DataGridRow.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridRow.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataGridRow.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridRow.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"tr\"> {\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (\n  { children, className, headers, isLoading, spacing, disableContextMenuColumn, ...rest }: Props,\n  ref\n) => {\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        spacing: spacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  const classNames = [classes[\"row\"]];\n  className && classNames.push(className);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  return (\n    <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n      {visibleCells}\n    </tr>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent);\n"],"names":["DataGridRowComponent","children","className","headers","isLoading","spacing","disableContextMenuColumn","rest","ref","visibleCells","React","Children","map","child","index","cellWithSpacing","cloneElement","cellIndex","columnLength","length","visible","hidden","classNames","classes","push","join","DataGridRow","forwardRef"],"mappings":"gEA2BA,MAAMA,EAA6E,EAC/EC,WAAUC,YAAWC,UAASC,YAAWC,UAASC,8BAA6BC,GACjFC,KAEA,MAAMC,EAAeC,EAAMC,SAASC,IAAIX,GAAkC,CAACY,EAAOC,KAChF,GAAID,EAAO,CACT,MAAME,EAAkBL,EAAMM,aAAaH,EAAO,CAChDR,QAASA,EACTY,UAAWH,EACXI,aAAcf,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgB,OACvBb,6BAGF,MAAMc,EAAUjB,GAAWA,EAAQgB,OAASL,GAASX,EAAQW,GAAOO,OAAS,KAC7E,OAAOD,GAAWL,CACnB,CACD,OAAO,IAAI,IAGb,MAAMO,EAAa,CAACC,EAAQ,QAC5BrB,GAAaoB,EAAWE,KAAKtB,GAC7BE,GAAakB,EAAWE,KAAKD,EAAQ,YAErC,OACEb,yBAAQH,EAAMC,IAAKA,EAAKN,UAAWoB,EAAWG,KAAK,MAChDhB,EAEH,EAGS,MAAAiB,EAAchB,EAAMiB,WAAW3B"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".DataGridRow_module_row__26c475ca{background-color:var(--data-grid-row-background-color)}.DataGridRow_module_row__26c475ca:not(.DataGridRow_module_loading__26c475ca):hover{background-color:var(--data-grid-row-hover-background-color)}",r={row:"DataGridRow_module_row__26c475ca",loading:"DataGridRow_module_loading__26c475ca"};o(a,{});export{a as css,r as default};
+import i from "../../../lib/style-inject.js";var e='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridRow-module_row__41IVt{background-color:var(--data-grid-row-background-color)}.DataGridRow-module_row__41IVt:not(.DataGridRow-module_loading__RpedL):hover{background-color:var(--data-grid-row-hover-background-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBQ0Usc0RBQ0YsQ0FDQSw2RUFDRSw0REFDRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucm93IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGF0YS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5yb3c6bm90KC5sb2FkaW5nKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59Il19 */';var l={row:"DataGridRow-module_row__41IVt",loading:"DataGridRow-module_loading__RpedL"};i(e);export{l as default};
 //# sourceMappingURL=DataGridRow.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{useState as n,useEffect as t}from"react";import{DataGridHeaderCell as i}from"./DataGridHeaderCell.esm.js";import l from"./DataGridHeader.module.esm.js";const a=[void 0,"ASC","DESC"],r=e.forwardRef((({initialSort:r,onSort:d,headers:o,disableContextMenuColumn:m,enableMultiSorting:s,spacing:c,...u},g)=>{const[f,h]=n(null!=r?r:[]);t((()=>{h(null!=r?r:[])}),[r]);const p=e=>{const n=f.find((n=>n.name===e)),t=s?f.filter((n=>n.name!==e)):[],i=(e=>{const n=a.findIndex((n=>n===e));return a[n+1%a.length]})(null==n?void 0:n.direction);return i?[{name:e,direction:i},...t]:t},v=e=>{const n=p(e);null==d||d(n),h(n)},S=o.map(((n,t)=>{var l,a;if(n.hidden)return null;let r={textAlign:null!==(l=n.align)&&void 0!==l?l:"left"};0===t&&(r.paddingLeft=null==c?void 0:c.paddingLeft),t===o.length-1&&m&&(r.paddingRight=null==c?void 0:c.paddingRight);const s=f.find((e=>e.name===n.name));return e.createElement(i,{key:n.name,name:n.name,headline:n.headline,disableSorting:null!==(a=n.disableSorting)&&void 0!==a?a:!d,onSort:v,activeSortDirection:null==s?void 0:s.direction,style:r})}));return e.createElement("thead",{...u,ref:g,className:l.thead},e.createElement("tr",{className:l.row},S,!m&&e.createElement("td",{style:{paddingRight:null==c?void 0:c.paddingRight},"aria-label":"context menu",className:l["context-menu"]})))}));export{r as DataGridHeader};
+import e,{useState as n,useEffect as t}from"react";import{DataGridHeaderCell as i}from"./DataGridHeaderCell.esm.js";import o from"./DataGridHeader.module.esm.js";const d=[void 0,"ASC","DESC"];const l=({initialSort:l,onSort:a,headers:r,disableContextMenuColumn:s,enableMultiSorting:c,spacing:m,...u},v)=>{const[g,f]=n(l!==null&&l!==void 0?l:[]);t((()=>{f(l!==null&&l!==void 0?l:[])}),[l]);const h=e=>{const n=d.findIndex((n=>n===e));return d[n+1%d.length]};const p=e=>{const n=g.find((n=>n.name===e));const t=c?g.filter((n=>n.name!==e)):[];const i=h(n===null||n===void 0?void 0:n.direction);return i?[{name:e,direction:i},...t]:t};const S=e=>{const n=p(e);a===null||a===void 0?void 0:a(n);f(n)};const x=r.map(((n,t)=>{var o,d;if(n.hidden)return null;let l={textAlign:(o=n.align)!==null&&o!==void 0?o:"left"};if(t===0)l.paddingLeft=m===null||m===void 0?void 0:m.paddingLeft;if(t===r.length-1&&s)l.paddingRight=m===null||m===void 0?void 0:m.paddingRight;const c=g.find((e=>e.name===n.name));return e.createElement(i,{key:n.name,name:n.name,headline:n.headline,disableSorting:(d=n.disableSorting)!==null&&d!==void 0?d:!a,onSort:S,activeSortDirection:c===null||c===void 0?void 0:c.direction,style:l})}));return e.createElement("thead",{...u,ref:v,className:o["thead"]},e.createElement("tr",{className:o["row"]},x,!s&&e.createElement("td",{style:{paddingRight:m===null||m===void 0?void 0:m.paddingRight},"aria-label":"context menu",className:o["context-menu"]})))};const a=e.forwardRef(l);export{a as DataGridHeader};
 //# sourceMappingURL=DataGridHeader.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeader.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataGridHeader.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determinates priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    let headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref} className={classes[\"thead\"]}>\n      <tr className={classes[\"row\"]}>\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeaderComponent","initialSort","onSort","headers","disableContextMenuColumn","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","calculateNextSortState","direction","currentDirectionIdx","findIndex","item","length","updateSortList","name","current","find","restSortList","filter","newSortDirection","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","React","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes","DataGridHeader","forwardRef"],"mappings":"kKA8BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAASV,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDW,GAAU,KACRF,EAAYT,IAAA,MAAAA,WAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,MAAMY,EAA0BC,IAC9B,MAAMC,EAAsBjB,EAAckB,WAAUC,GAAQA,IAASH,IACrE,OAAOhB,EAAciB,EAAuB,EAAIjB,EAAcoB,OAAQ,EAOxE,MAAMC,EAAkBC,IACtB,MAAMC,EAAUZ,EAASa,MAAKL,GAAQA,EAAKG,OAASA,IACpD,MAAMG,EAAelB,EAAqBI,EAASe,QAAOP,GAAQA,EAAKG,OAASA,IAAQ,GACxF,MAAMK,EAAmBZ,EAAuBQ,IAAO,MAAPA,SAAO,OAAA,EAAPA,EAASP,WACzD,OAAOW,EACH,CAAC,CAAEL,OAAMN,UAAWW,MAAuBF,GAC3CA,CAAY,EAGlB,MAAMG,EAAcN,IAClB,MAAMO,EAAUR,EAAeC,GAC/BlB,UAAAA,SAAM,OAAA,EAANA,EAASyB,GACTjB,EAAYiB,EAAQ,EAGtB,MAAMC,EAAczB,EAAQ0B,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,WAAWC,EAAAL,EAAOM,4BAAS,QAG7B,GAAIL,IAAU,EACZE,EAAYI,YAAc/B,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAAS+B,YAErC,GAAIN,IAAU5B,EAAQe,OAAS,GAAKd,EAClC6B,EAAYK,aAAehC,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgC,aAGtC,MAAMC,EAAO9B,EAASa,MAAKL,GAAQA,EAAKG,OAASU,EAAOV,OACxD,OACEoB,gBAACC,EAAkB,CACjBC,IAAKZ,EAAOV,KACZA,KAAMU,EAAOV,KACbuB,SAAUb,EAAOa,SACjBC,gBAAgBC,EAAAf,EAAOc,kBAAkB,MAAAC,SAAA,EAAAA,GAAC3C,EAC1CA,OAAQwB,EACRoB,oBAAqBP,UAAAA,SAAI,OAAA,EAAJA,EAAMzB,UAC3BiC,MAAOd,GAET,IAGJ,OACEO,EAAAQ,cAAA,QAAA,IAAWzC,EAAMC,IAAKA,EAAKyC,UAAWC,EAAQ,UAC5CV,EAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAQ,QACpBtB,GACCxB,GACAoC,EAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAMY,WAAWpD"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var r='.DataGridHeader_module_thead__cf9383ef:after{border-bottom:2px solid var(--light-grey-border);content:"";left:1rem;position:absolute;width:calc(100% - 2rem)}.DataGridHeader_module_row__cf9383ef{height:2.5rem}.DataGridHeader_module_contextMenu__cf9383ef{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader_module_thead__cf9383ef:after{left:1.25rem;width:calc(100% - 2.5rem)}}',t={thead:"DataGridHeader_module_thead__cf9383ef",row:"DataGridHeader_module_row__cf9383ef","context-menu":"DataGridHeader_module_contextMenu__cf9383ef"};e(r,{});export{r as css,t as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.DataGridHeader-module_thead__8Hifa:after{border-bottom:2px solid var(--light-grey-border);content:"";left:1rem;position:absolute;width:calc(100% - 2rem)}.DataGridHeader-module_row__JAYva{height:2.5rem}.DataGridHeader-module_context-menu__NuTeS{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader-module_thead__8Hifa:after{left:1.25rem;width:calc(100% - 2.5rem)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMENBS0UsZ0RBQWlELENBSmpELFVBQVcsQ0FHWCxTQUFVLENBRlYsaUJBQWtCLENBQ2xCLHVCQUdGLENBRUEsa0NBQ0UsYUFDRixDQUVBLDJDQUVFLHFCQUFzQixDQUR0QixjQUVGLENBRUEsd0NBQ0UsMENBRUUsWUFBYSxDQURiLHlCQUVGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRoZWFkOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBsZWZ0OiAxcmVtO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4ucm93IHtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG5cbi5jb250ZXh0LW1lbnUge1xuICB3aWR0aDogNC4xMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAudGhlYWQ6OmFmdGVyIHtcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gMi41cmVtKTtcbiAgICBsZWZ0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var a={thead:"DataGridHeader-module_thead__8Hifa",row:"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS"};e(i);export{a as default};
 //# sourceMappingURL=DataGridHeader.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e,{Fragment as n}from"react";import{Icon as t,Icons as r}from"../../Icon/Icon.esm.js";import a from"./DataGridHeaderCell.module.esm.js";const c={ASC:"ascending",DESC:"descending"},o=e.forwardRef((({headline:o,name:i,disableSorting:l,activeSortDirection:s,onSort:m,...d},E)=>{const u=e.createElement(n,null,e.createElement("span",{className:a.headline},o),!l&&e.createElement("div",{className:a["sorting-indicator-container"]},(()=>{const c=e=>{const n=[a.indicator];return s&&n.push(s===e?a.active:a.hidden),n};return e.createElement(n,null,e.createElement(t,{className:c("ASC").join(" "),icon:r.TriangleUp}),e.createElement(t,{className:c("DESC").join(" "),icon:r.TriangleDown}))})()));return e.createElement("th",{...d,ref:E,className:a["header-cell"],"aria-sort":s&&c[s]},l?e.createElement("div",{key:i},u):e.createElement("button",{key:i,onClick:()=>{null==m||m(i)}},u))}));export{o as DataGridHeaderCell};
+import e,{Fragment as n}from"react";import{Icon as t,Icons as r}from"../../Icon/Icon.esm.js";import a from"./DataGridHeaderCell.module.esm.js";const o={ASC:"ascending",DESC:"descending"};const c=({headline:c,name:i,disableSorting:l,activeSortDirection:s,onSort:m,...d},E)=>{const u=()=>{m===null||m===void 0?void 0:m(i)};const p=()=>{const o=e=>{const n=[a["indicator"]];s&&n.push(s===e?a["active"]:a["hidden"]);return n};return e.createElement(n,null,e.createElement(t,{className:o("ASC").join(" "),icon:r.TriangleUp}),e.createElement(t,{className:o("DESC").join(" "),icon:r.TriangleDown}))};const S=e.createElement(n,null,e.createElement("span",{className:a["headline"]},c),!l&&e.createElement("div",{className:a["sorting-indicator-container"]},p()));return e.createElement("th",{...d,ref:E,className:a["header-cell"],"aria-sort":s&&o[s]},l?e.createElement("div",{key:i},S):e.createElement("button",{key:i,onClick:u},S))};const i=e.forwardRef(c);export{i as DataGridHeaderCell};
 //# sourceMappingURL=DataGridHeaderCell.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeaderCell.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataGridHeaderCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.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, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = (direction: Direction) => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === direction ? classes[\"active\"] : classes[\"hidden\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return (\n      <Fragment>\n        <Icon className={getSortingIndicatorClasses(\"ASC\").join(\" \")} icon={Icons.TriangleUp} />\n        <Icon className={getSortingIndicatorClasses(\"DESC\").join(\" \")} icon={Icons.TriangleDown} />\n      </Fragment>\n    );\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCellComponent","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","onCellClick","sortingIndicator","getSortingIndicatorClasses","direction","sortingIndicatorClasses","classes","push","React","Fragment","createElement","Icon","className","join","icon","Icons","TriangleUp","TriangleDown","innerContent","key","onClick","DataGridHeaderCell","forwardRef"],"mappings":"+IA6BA,MAAMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAGR,MAAMC,EAAqF,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAAMC,EAAc,KAClBH,UAAAA,SAAM,OAAA,EAANA,EAASH,EAAK,EAGhB,MAAMO,EAAmB,KACvB,MAAMC,EAA8BC,IAClC,MAAMC,EAA0B,CAACC,EAAQ,cACzCT,GACEQ,EAAwBE,KACtBV,IAAwBO,EAAYE,EAAQ,UAAYA,EAAQ,WAEpE,OAAOD,CAAuB,EAGhC,OACEG,gBAACC,EAAQ,KACPD,EAAAE,cAACC,EAAK,CAAAC,UAAWT,EAA2B,OAAOU,KAAK,KAAMC,KAAMC,EAAMC,aAC1ER,EAACE,cAAAC,GAAKC,UAAWT,EAA2B,QAAQU,KAAK,KAAMC,KAAMC,EAAME,eAE7E,EAGJ,MAAMC,EACJV,EAAAE,cAACD,EAAQ,KACPD,EAAME,cAAA,OAAA,CAAAE,UAAWN,EAAQ,aAAcZ,IACrCE,GACAY,EAAKE,cAAA,MAAA,CAAAE,UAAWN,EAAQ,gCAAiCJ,MAK/D,OACEM,EACME,cAAA,KAAA,IAAAX,EACJC,IAAKA,EACLY,UAAWN,EAAQ,eAAc,YACtBT,GAAuBP,EAAgBO,IAEjDD,EACCY,EAAKE,cAAA,MAAA,CAAAS,IAAKxB,GAAOuB,GAEjBV,EAAAE,cAAA,SAAA,CAAQS,IAAKxB,EAAMyB,QAASnB,GACzBiB,GAIP,EAGS,MAAAG,EAAqBb,EAAMc,WAAW7B"}

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

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".DataGridHeaderCell_module_headerCell__fc57e9c8{font-weight:400;padding:0 .625rem;text-align:left}.DataGridHeaderCell_module_headerCell__fc57e9c8:first-child{padding-left:1rem}.DataGridHeaderCell_module_headerCell__fc57e9c8:last-child{padding-right:1rem}.DataGridHeaderCell_module_headerCell__fc57e9c8>*{display:inline-flex}.DataGridHeaderCell_module_headerCell__fc57e9c8>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell_module_headline__fc57e9c8{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-weight:700;line-height:var(--default-line-height)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8>*{font-size:.625rem}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8{color:var(--greyed-out)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8.DataGridHeaderCell_module_active__fc57e9c8{color:var(--color-primary)}.DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8 .DataGridHeaderCell_module_indicator__fc57e9c8.DataGridHeaderCell_module_hidden__fc57e9c8{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell_module_headerCell__fc57e9c8:first-child{padding-left:1.25rem}.DataGridHeaderCell_module_headerCell__fc57e9c8:last-child{padding-right:1.25rem}}",d={"header-cell":"DataGridHeaderCell_module_headerCell__fc57e9c8",headline:"DataGridHeaderCell_module_headline__fc57e9c8","sorting-indicator-container":"DataGridHeaderCell_module_sortingIndicatorContainer__fc57e9c8",indicator:"DataGridHeaderCell_module_indicator__fc57e9c8",active:"DataGridHeaderCell_module_active__fc57e9c8",hidden:"DataGridHeaderCell_module_hidden__fc57e9c8"};e(a,{});export{a as css,d as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:0 .625rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-weight:700;line-height:var(--default-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_active__vg3wV{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLGlCQUFtQixDQURuQixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQiwwQkFBMkIsQ0FFM0IsZUFBZ0IsQ0FEaEIsc0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQ0YsQ0FDQSxrSkFDRSwwQkFDRixDQUNBLGtKQUNFLGlCQUNGLENBRUEsd0NBQ0UsMERBQ0Usb0JBQ0YsQ0FDQSx5REFDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyLWNlbGwge1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBwYWRkaW5nOiAwIDAuNjI1cmVtO1xufVxuLmhlYWRlci1jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsOmxhc3QtY2hpbGQge1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsID4gKiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLmhlYWRlci1jZWxsID4gYnV0dG9uIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5oZWFkbGluZSB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG5cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyID4gKiB7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3Ige1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3IuYWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var i={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",active:"DataGridHeaderCell-module_active__vg3wV",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};e(l);export{i as default};
 //# sourceMappingURL=DataGridHeaderCell.module.esm.js.map

package/dist/esm/Form/Checkbox/Checkbox.esm.js

@@ -1,2 +1,2 @@
-import e,{useEffect as r}from"react";import{Icon as o,Icons as a}from"../../Icon/Icon.esm.js";import t from"./Checkbox.module.esm.js";import{useFormSelector as n}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as s}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const i=e=>{var r;return!!(null===(r=null==e?void 0:e.props)||void 0===r?void 0:r["data-toggle"])},c=e.forwardRef((({children:l,name:p,helperText:d,helperProps:m,indeterminate:h,parentErrorId:b,errorMessage:u,disabled:f,label:k,parentHelperId:E,className:x,error:I,checked:j=!1,formSelectorWrapperProps:y,onChange:g,...v},C)=>{const{errorId:N,identifier:$,describedBy:S}=n({name:p,helperText:d,parentErrorId:b,errorMessage:u,error:I,parentHelperId:E});r((()=>{if(!p)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof l&&!i(l)&&void 0===h)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const w=[t.input],P=[t["native-input"]],q=[t["checkbox-wrapper"]];return I&&P.push(t.error),f&&P.push(t.disabled)&&w.push(t.disabled),x&&q.push(x),e.createElement(s,{...y,className:q.join(" "),containerProps:{className:t["checkbox-container"]},helperText:d,helperProps:m,parentErrorId:b,errorId:N,errorMessage:u,error:I,disabled:f,identifier:$,nestedChildren:"object"==typeof l&&!i(l)&&e.createElement("ul",{className:t["checkbox-list"]},e.Children.map(l,(r=>e.createElement("li",null,e.createElement(c,{...r.props,parentHelperId:E,parentErrorId:b,error:I,disabled:r.props.disabled?r.props.disabled:f},r.props.children)))))},e.createElement("input",{...v,ref:C,disabled:f,className:P.join(" "),checked:j,onChange:e=>{f||null==g||g(e)},"aria-invalid":I,"aria-checked":h?"mixed":j,"aria-describedby":S,id:`${$}-checkbox`,name:p,type:"checkbox"}),e.Children.toArray(l).filter(i),h&&e.createElement(o,{className:`${w.join(" ")} ${t.indeterminate}`,icon:a.MinusSquare}),j&&!h&&e.createElement(o,{className:`${w.join(" ")} ${t.checkmark}`,icon:a.CheckmarkSquare}),!j&&!h&&e.createElement(o,{className:`${w.join(" ")} ${t.square}`,icon:a.Square}),e.createElement("label",{htmlFor:`${$}-checkbox`},k||("string"==typeof l?l:void 0)))}));export{c as Checkbox};
+import e,{useEffect as r}from"react";import{Icon as o,Icons as t}from"../../Icon/Icon.esm.js";import a from"./Checkbox.module.esm.js";import{useFormSelector as n}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as s}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const c=e=>{var r;return!!((r=e===null||e===void 0?void 0:e.props)===null||r===void 0?void 0:r["data-toggle"])};const i=({children:i,name:p,helperText:d,helperProps:m,indeterminate:h,parentErrorId:u,errorMessage:b,disabled:f,label:k,parentHelperId:E,className:x,error:v,checked:I=false,formSelectorWrapperProps:j,onChange:y,...g},C)=>{const{errorId:N,identifier:$,describedBy:S}=n({name:p,helperText:d,parentErrorId:u,errorMessage:b,error:v,parentHelperId:E});r((()=>{if(!p)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if(typeof i==="object"&&!c(i)&&h===void 0)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const w=()=>{if(k)return k;else if(typeof i==="string")return i};const P=()=>e.createElement("ul",{className:a["checkbox-list"]},e.Children.map(i,(r=>e.createElement("li",null,e.createElement(l,{...r.props,parentHelperId:E,parentErrorId:u,error:v,disabled:r.props.disabled?r.props.disabled:f},r.props.children)))));const q=e=>{if(f)return;y===null||y===void 0?void 0:y(e)};const F=()=>e.Children.toArray(i).filter(c);const M=[a["input"]];const H=[a["native-input"]];const T=[a["checkbox-wrapper"]];v&&H.push(a["error"]);f&&H.push(a["disabled"])&&M.push(a["disabled"]);x&&T.push(x);return e.createElement(s,{...j,className:T.join(" "),containerProps:{className:a["checkbox-container"]},helperText:d,helperProps:m,parentErrorId:u,errorId:N,errorMessage:b,error:v,disabled:f,identifier:$,nestedChildren:typeof i==="object"&&!c(i)&&P()},e.createElement("input",{...g,ref:C,disabled:f,className:H.join(" "),checked:I,onChange:q,"aria-invalid":v,"aria-checked":h?"mixed":I,"aria-describedby":S,id:`${$}-checkbox`,name:p,type:"checkbox"}),F(),h&&e.createElement(o,{className:`${M.join(" ")} ${a["indeterminate"]}`,icon:t.MinusSquare}),I&&!h&&e.createElement(o,{className:`${M.join(" ")} ${a["checkmark"]}`,icon:t.CheckmarkSquare}),!I&&!h&&e.createElement(o,{className:`${M.join(" ")} ${a["square"]}`,icon:t.Square}),e.createElement("label",{htmlFor:`${$}-checkbox`},w()))};const l=e.forwardRef(i);export{l as Checkbox};
 //# sourceMappingURL=Checkbox.esm.js.map

package/dist/esm/Form/Checkbox/Checkbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Checkbox.esm.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.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  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = React.forwardRef(CheckboxComponent);\n"],"names":["isToggle","children","_a","props","CheckboxComponent","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","useEffect","Error","undefined","determineLabel","renderNestedCheckboxes","React","createElement","classes","Children","map","child","Checkbox","onChangeHandler","event","renderToggle","toArray","filter","iconClasses","nativeInputClasses","wrapperClasses","push","FormSelectorWrapper","join","containerProps","nestedChildren","id","type","Icon","icon","Icons","MinusSquare","CheckmarkSquare","Square","htmlFor","forwardRef"],"mappings":"uSAiCA,MAAMA,EAAYC,IAAwB,IAAAC,EAAA,UAAEA,EAACD,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAA2BE,SAAQ,MAAAD,SAAA,OAAA,EAAAA,EAAA,eAAc,EAU9F,MAAME,EAAuE,EAEzEH,WACAI,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,UAAU,MACVC,2BACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAgB,CAC3DnB,OACAC,aACAG,gBACAC,eACAK,QACAF,mBAGFY,GAAU,KACR,IAAKpB,EACH,MAAM,IAAIqB,MAAM,2DAGlB,UAAWzB,IAAa,WAAaD,EAASC,IAAaO,SAAkBmB,EAC3E,MAAM,IAAID,MACR,6HAEH,GACA,IAEH,MAAME,EAAiB,KAGrB,GAAIhB,EACF,OAAOA,OACF,UAAWX,IAAa,SAC7B,OAAOA,CACR,EAGH,MAAM4B,EAAyB,IAC7BC,EAAIC,cAAA,KAAA,CAAAjB,UAAWkB,EAAQ,kBACpBF,EAAMG,SAASC,IAAIjC,GAA4BkC,GAE5CL,EAAAC,cAAA,KAAA,KACED,EAACC,cAAAK,MACKD,EAAMhC,MACVU,eAAgBA,EAChBJ,cAAeA,EACfM,MAAOA,EACPJ,SAAUwB,EAAMhC,MAAMQ,SAAWwB,EAAMhC,MAAMQ,SAAWA,GAEvDwB,EAAMhC,MAAMF,cAQzB,MAAMoC,EAAmBC,IACvB,GAAI3B,EACF,OAEFO,UAAAA,SAAQ,OAAA,EAARA,EAAWoB,EAAM,EAGnB,MAAMC,EAAe,IAAMT,EAAMG,SAASO,QAAQvC,GAAUwC,OAAOzC,GAEnE,MAAM0C,EAAc,CAACV,EAAQ,UAC7B,MAAMW,EAAqB,CAACX,EAAQ,iBACpC,MAAMY,EAAiB,CAACZ,EAAQ,qBAChCjB,GAAS4B,EAAmBE,KAAKb,EAAQ,UACzCrB,GAAYgC,EAAmBE,KAAKb,EAAQ,cAAgBU,EAAYG,KAAKb,EAAQ,aACrFlB,GAAa8B,EAAeC,KAAK/B,GAEjC,OACEgB,EAAAC,cAACe,EAAmB,IACd7B,EACJH,UAAW8B,EAAeG,KAAK,KAC/BC,eAAgB,CAAElC,UAAWkB,EAAQ,uBACrC1B,WAAYA,EACZC,YAAaA,EACbE,cAAeA,EACfY,QAASA,EACTX,aAAcA,EACdK,MAAOA,EACPJ,SAAUA,EACVW,WAAYA,EACZ2B,sBACShD,IAAa,WAAaD,EAASC,IAAa4B,KAGzDC,EACMC,cAAA,QAAA,IAAAZ,EACJC,IAAKA,EACLT,SAAUA,EACVG,UAAW6B,EAAmBI,KAAK,KACnC/B,QAASA,EACTE,SAAUmB,EAAe,eACXtB,EACA,eAAAP,EAAgB,QAAUQ,EAAO,mBAC7BO,EAClB2B,GAAI,GAAG5B,aACPjB,KAAMA,EACN8C,KAAK,aAENZ,IAEA/B,GACCsB,EAAAC,cAACqB,EAAI,CACHtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,mBAC/CqB,KAAMC,EAAMC,cAGfvC,IAAYR,GACXsB,EAAAC,cAACqB,EAAI,CACHtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,eAC/CqB,KAAMC,EAAME,mBAGdxC,IAAYR,GACZsB,EAACC,cAAAqB,EAAK,CAAAtC,UAAW,GAAG4B,EAAYK,KAAK,QAAQf,EAAQ,YAAaqB,KAAMC,EAAMG,SAEhF3B,EAAOC,cAAA,QAAA,CAAA2B,QAAS,GAAGpC,cAAwBM,KAE7C,EAGS,MAAAQ,EAAWN,EAAM6B,WAAWvD"}

package/dist/esm/Form/Checkbox/Checkbox.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var c=".Checkbox_module_srOnly__12a698cc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox_module_hidden__12a698cc{display:none}.Checkbox_module_slideIn__12a698cc{animation:Checkbox_module_slideIn__12a698cc .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_module_slideIn__12a698cc{animation-duration:.1ms}}.Checkbox_module_slideOut__12a698cc{animation:Checkbox_module_slideOut__12a698cc .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_module_slideOut__12a698cc{animation-duration:.1ms}}@keyframes Checkbox_module_slideIn__12a698cc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_module_slideOut__12a698cc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox_module_checkboxWrapper__12a698cc{position:relative}.Checkbox_module_checkboxWrapper__12a698cc+.Checkbox_module_checkboxWrapper__12a698cc{margin-top:.75rem}.Checkbox_module_checkboxContainer__12a698cc{display:flex}.Checkbox_module_checkboxContainer__12a698cc label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox_module_checkboxList__12a698cc{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox_module_checkboxList__12a698cc li+li{margin-top:.75rem}.Checkbox_module_nativeInput__12a698cc{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox_module_nativeInput__12a698cc:checked:not(.Checkbox_module_disabled__12a698cc)+*{color:var(--color-primary)}.Checkbox_module_nativeInput__12a698cc:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_module_nativeInput__12a698cc:active:not(.Checkbox_module_disabled__12a698cc)+span{background-color:var(--disabled)}.Checkbox_module_nativeInput__12a698cc.Checkbox_module_error__12a698cc:focus-visible+*{outline-color:var(--color-error)}.Checkbox_module_nativeInput__12a698cc+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox_module_nativeInput__12a698cc:hover+.Checkbox_module_square__12a698cc:not(.Checkbox_module_disabled__12a698cc){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_square__12a698cc:not(.Checkbox_module_disabled__12a698cc){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_indeterminate__12a698cc:not(.Checkbox_module_disabled__12a698cc),.Checkbox_module_nativeInput__12a698cc:hover+.Checkbox_module_checkmark__12a698cc:not(.Checkbox_module_disabled__12a698cc){color:var(--checkbox-checked-hover-color)}.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_checkmark__12a698cc:not(.Checkbox_module_disabled__12a698cc),.Checkbox_module_nativeInput__12a698cc:active+.Checkbox_module_indeterminate__12a698cc:not(.Checkbox_module_disabled__12a698cc){color:var(--checkbox-checked-pressed-color)}.Checkbox_module_input__12a698cc{font-size:1.25rem;z-index:1}.Checkbox_module_disabled__12a698cc{cursor:not-allowed}.Checkbox_module_disabled__12a698cc+span{color:var(--disabled);pointer-events:none}.Checkbox_module_disabled__12a698cc+label{color:var(--greyed-out)}.Checkbox_module_disabled__12a698cc+.Checkbox_module_checkmark__12a698cc,.Checkbox_module_disabled__12a698cc+.Checkbox_module_indeterminate__12a698cc{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_module_indeterminate__12a698cc{color:var(--color-primary)}",o={"sr-only":"Checkbox_module_srOnly__12a698cc",hidden:"Checkbox_module_hidden__12a698cc","slide-in":"Checkbox_module_slideIn__12a698cc","slide-out":"Checkbox_module_slideOut__12a698cc","checkbox-wrapper":"Checkbox_module_checkboxWrapper__12a698cc","checkbox-container":"Checkbox_module_checkboxContainer__12a698cc","checkbox-list":"Checkbox_module_checkboxList__12a698cc","native-input":"Checkbox_module_nativeInput__12a698cc",disabled:"Checkbox_module_disabled__12a698cc",error:"Checkbox_module_error__12a698cc",square:"Checkbox_module_square__12a698cc",checkmark:"Checkbox_module_checkmark__12a698cc",indeterminate:"Checkbox_module_indeterminate__12a698cc",input:"Checkbox_module_input__12a698cc"};e(c,{});export{c as css,o as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.Checkbox-module_sr-only__VWYPg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox-module_hidden__Vb3R6{display:none}.Checkbox-module_slide-in__N94se{animation:Checkbox-module_slide-in__N94se .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-in__N94se{animation-duration:.1ms}}.Checkbox-module_slide-out__D6yMG{animation:Checkbox-module_slide-out__D6yMG .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox-module_slide-out__D6yMG{animation-duration:.1ms}}@keyframes Checkbox-module_slide-in__N94se{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox-module_slide-out__D6yMG{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Checkbox-module_checkbox-wrapper__7apL1{position:relative}.Checkbox-module_checkbox-wrapper__7apL1+.Checkbox-module_checkbox-wrapper__7apL1{margin-top:.75rem}.Checkbox-module_checkbox-container__GaVTZ{display:flex}.Checkbox-module_checkbox-container__GaVTZ label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.1rem;user-select:none}.Checkbox-module_checkbox-list__Aglik{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox-module_checkbox-list__Aglik li+li{margin-top:.75rem}.Checkbox-module_native-input__9Hjh5{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem;z-index:2}.Checkbox-module_native-input__9Hjh5:checked:not(.Checkbox-module_disabled__C0sSR)+*{color:var(--color-primary)}.Checkbox-module_native-input__9Hjh5:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox-module_native-input__9Hjh5:active:not(.Checkbox-module_disabled__C0sSR)+span{background-color:var(--disabled)}.Checkbox-module_native-input__9Hjh5.Checkbox-module_error__C6DqR:focus-visible+*{outline-color:var(--color-error)}.Checkbox-module_native-input__9Hjh5+span[data-icon=true]:before{display:block;height:20px;width:20px}.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_square__lDjWV:not(.Checkbox-module_disabled__C0sSR){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:hover+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-hover-color)}.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_checkmark__DLEEG:not(.Checkbox-module_disabled__C0sSR),.Checkbox-module_native-input__9Hjh5:active+.Checkbox-module_indeterminate__vywPu:not(.Checkbox-module_disabled__C0sSR){color:var(--checkbox-checked-pressed-color)}.Checkbox-module_input__oRoLS{font-size:1.25rem;z-index:1}.Checkbox-module_disabled__C0sSR{cursor:not-allowed}.Checkbox-module_disabled__C0sSR+span{color:var(--disabled);pointer-events:none}.Checkbox-module_disabled__C0sSR+label{color:var(--greyed-out)}.Checkbox-module_disabled__C0sSR+.Checkbox-module_checkmark__DLEEG,.Checkbox-module_disabled__C0sSR+.Checkbox-module_indeterminate__vywPu{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox-module_indeterminate__vywPu{color:var(--color-primary)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSx5Q0FDRSxpQkFDRixDQUNBLGtGQUNFLGlCQUNGLENBRUEsMkNBQ0UsWUFDRixDQUNBLGlEQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixnQkFBa0IsQ0FIbEIsZ0JBSUYsQ0FFQSxzQ0FHRSxlQUFnQixDQURoQix1QkFBd0IsQ0FEeEIsU0FHRixDQUNBLDRDQUNFLGlCQUNGLENBRUEscUNBT0UsY0FBZSxDQUpmLE1BQU8sQ0FFUCxRQUFTLENBRFQsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixLQUFNLENBSU4sYUFBYyxDQUVkLFNBQ0YsQ0FDQSxxRkFDRSwwQkFDRixDQUNBLHFEQUNFLGlCQUFrQixDQUNsQixvQ0FBcUMsQ0FDckMsa0JBQ0YsQ0FDQSx1RkFDRSxnQ0FDRixDQUNBLGtGQUNFLGdDQUNGLENBQ0EsaUVBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsZ0hBQ0Usc0RBQ0YsQ0FDQSxpSEFDRSx3REFDRixDQUNBLDJPQUNFLHlDQUNGLENBQ0EsNE9BQ0UsMkNBQ0YsQ0FFQSw4QkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUVBLGlDQUNFLGtCQUNGLENBQ0Esc0NBQ0UscUJBQXNCLENBQ3RCLG1CQUNGLENBQ0EsdUNBQ0UsdUJBQ0YsQ0FDQSwwSUFFRSxrQ0FBbUMsQ0FDbkMsaUJBQWtCLENBRmxCLHFCQUFzQixDQUd0QixpQ0FBa0MsQ0FDbEMsbUJBQ0YsQ0FFQSxzQ0FDRSwwQkFDRiIsImZpbGUiOiJDaGVja2JveC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWZvcm0tbGFiZWwpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBtYXJnaW4tdG9wOiAwLjFyZW07XG59XG5cbi5jaGVja2JveC1saXN0IHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAxcmVtIDAgMCAxLjc1cmVtO1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuLmNoZWNrYm94LWxpc3QgbGkgKyBsaSB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5uYXRpdmUtaW5wdXQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgb3BhY2l0eTogMDtcbiAgbWFyZ2luOiAwO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtaG92ZXItY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuc3F1YXJlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY2hlY2tib3gtdW5jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5jaGVja21hcms6bm90KC5kaXNhYmxlZCksIC5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmluZGV0ZXJtaW5hdGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tY2hlY2tib3gtY2hlY2tlZC1wcmVzc2VkLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xufVxuXG4uZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkICsgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmRpc2FibGVkICsgbGFiZWwge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZGlzYWJsZWQgKyAuY2hlY2ttYXJrLCAuZGlzYWJsZWQgKyAuaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDFweCB2YXIoLS1kaXNhYmxlZCkgc29saWQ7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xufVxuXG4uaW5kZXRlcm1pbmF0ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn0iXX0= */';var l={"sr-only":"Checkbox-module_sr-only__VWYPg",hidden:"Checkbox-module_hidden__Vb3R6","slide-in":"Checkbox-module_slide-in__N94se","slide-out":"Checkbox-module_slide-out__D6yMG","checkbox-wrapper":"Checkbox-module_checkbox-wrapper__7apL1","checkbox-container":"Checkbox-module_checkbox-container__GaVTZ","checkbox-list":"Checkbox-module_checkbox-list__Aglik","native-input":"Checkbox-module_native-input__9Hjh5",disabled:"Checkbox-module_disabled__C0sSR",error:"Checkbox-module_error__C6DqR",square:"Checkbox-module_square__lDjWV",checkmark:"Checkbox-module_checkmark__DLEEG",indeterminate:"Checkbox-module_indeterminate__vywPu",input:"Checkbox-module_input__oRoLS"};e(i);export{l as default};
 //# sourceMappingURL=Checkbox.module.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as m}from"../../Typography/Typography.esm.js";import{Input as s}from"../Input/Input.esm.js";import{Select as a}from"../Select/Select.esm.js";import{Radio as t}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as l}from"../Textarea/Textarea.esm.js";import{Toggle as i}from"../Toggle/Toggle.esm.js";import{Label as d}from"../Label/Label.esm.js";import{FormControl as n}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as c}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as f}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as u}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as g}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as j}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const b=e.forwardRef((({children:b,className:y,legend:W,legendStyle:F="body",hideLegend:T=!1,noBackground:x,background:h=(x?"":"#FFF"),noPadding:S=!1,disabled:C=!1,required:$=!1,error:k=!1,disablePropagation:v=!1,...E},I)=>e.createElement("fieldset",{...E,ref:I,disabled:C,style:{backgroundColor:h,...E.style},className:`${o.fieldset} ${S?o["no-padding"]:""} ${null!=y?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(m,{variant:F,tag:"span","aria-hidden":"true",className:`${o.legend} ${$?o.required:""} ${k?o.error:""}`},W),(()=>{if(!b)return;const r=[s,a,t,p,l,i,d,n,c,f,u,g,j];return e.Children.map(b,(o=>{var m,s;return r.includes(o.type)&&!v?e.cloneElement(o,{disabled:null!==(m=o.props.disabled)&&void 0!==m?m:C,error:null!==(s=o.props.error)&&void 0!==s?s:k}):o}))})())));export{b as Fieldset};
+import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as m}from"../../Typography/Typography.esm.js";import{Input as s}from"../Input/Input.esm.js";import{Select as a}from"../Select/Select.esm.js";import{Radio as t}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as l}from"../Textarea/Textarea.esm.js";import{Toggle as i}from"../Toggle/Toggle.esm.js";import{Label as n}from"../Label/Label.esm.js";import{FormControl as d}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as f}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as c}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as u}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as g}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as j}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const b=({children:b,className:y,legend:W,legendStyle:F="body",hideLegend:T=false,noBackground:x,background:h=(x?"":"#FFF"),noPadding:S=false,disabled:C=false,required:k=false,disablePropagation:$=false,...v},E)=>{const I=()=>{if(!b)return;const r=[s,a,t,p,l,i,n,d,f,c,u,g,j];return e.Children.map(b,(o=>{var m;if(r.includes(o.type)&&!$)return e.cloneElement(o,{disabled:(m=o.props.disabled)!==null&&m!==void 0?m:C});return o}))};return e.createElement("fieldset",{...v,ref:E,disabled:C,style:{backgroundColor:h,...v.style},className:`${o.fieldset} ${S?o["no-padding"]:""} ${y!==null&&y!==void 0?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(m,{variant:F,tag:"span","aria-hidden":"true",className:`${o["legend"]} ${k?o["required"]:""}`},W),I())};const y=e.forwardRef(b);export{y as Fieldset};
 //# sourceMappingURL=Fieldset.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.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 readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/Select\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"y9BA8CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI9B,GAAW+B,UACnC,GAAIjB,EAAkBkB,SAASD,EAAME,QAAUvB,EAC7C,OAAOkB,EAAMM,aAAaH,EAAO,CAC/BvB,YAAUuB,EAAMI,MAAM3B,+BAAYA,IAItC,OAAOuB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAAzB,EACJC,IAAKA,EACLJ,SAAUA,EACV6B,MAAO,CAAEC,gBAAiBhC,KAAeK,EAAK0B,OAC9CpC,UAAW,GAAGsC,EAAQC,YAAYjC,EAAYgC,EAAQ,cAAgB,MAAMtC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU0B,EAAQQ,cAAA,SAAA,CAAAnC,UAAWwC,EAAa,YAAavC,GACvDA,IAAWE,GACVwB,EAAAQ,cAACM,EACC,CAAAC,QAASxC,EACTyC,IAAI,qBACQ,OACZ3C,UAAW,GAAGsC,EAAQ,aAAa9B,EAAW8B,EAAQ,YAAc,MAEnErC,GAGJW,IAEH,EAGS,MAAAgC,EAAWjB,EAAMkB,WAAW/C"}