@onewelcome/react-lib-components 10.0.0 → 10.0.2

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

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

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

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

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

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

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

@@ -64,14 +64,6 @@ const DataGridFilter = ({
       initialiseFilterValues(filter);
     }
   };
-  if (mode === "ADD") {
-    const hasAvailableFilters = columnsMetadata.some(
-      (value) => !value.allowSingleFilterOnly || !filterState.filters.some((f) => f.column === value.name)
-    );
-    if (!hasAvailableFilters) {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null);
-    }
-  }
   return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(
     DataGridFilterTag,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilter.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  FiltersState,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n  filterState: FiltersState;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent,\n  filterState\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues,\n    allowedColumnsMetaData\n  } = useDataGridFilter(mode, columnsMetadata, filterState);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  if (mode === \"ADD\") {\n    const hasAvailableFilters = columnsMetadata.some(\n      value =>\n        !value.allowSingleFilterOnly || !filterState.filters.some(f => f.column === value.name)\n    );\n    if (!hasAvailableFilters) {\n      return <></>;\n    }\n  }\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n        columnsMetadata={columnsMetadata}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={allowedColumnsMetaData}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8CO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,iBAAiB,OAAuB,IAAI;AAC5C,QAAA,aAAa,OAA0B,IAAI;AAC3C,QAAA,aAAa,OAAuB,IAAI;AAE9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,EAAE,KAAS,IAAA,cAAc,SAAS,cAAc;AAChD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,kBAAkB,MAAM,iBAAiB,WAAW;AAExD,QAAM,iBAAiB,MAAM;AAC3B,QAAI,SAAS,OAAO;AAClB,YAAM,KAAK,WAAW;AACtB,qBAAe,YAAY,EAAE,IAAI,QAAQ,UAAU,OAAO,cAAc;AAAA,IAAA,WAC/D,SAAS,UAAU,QAAQ;AAC9B,YAAA,EAAE,OAAO;AACf,sBAAgB,aAAa,EAAE,IAAI,QAAQ,UAAU,OAAO,cAAc;AAAA,IAAA;AAGhE,gBAAA;AACZ,kBAAc,KAAK;AAAA,EACrB;AAEA,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,QAAQ;AACX;AAAA,IAAA;AAGI,UAAA,EAAE,OAAO;AACf,sBAAkB,eAAe,EAAE;AAEvB,gBAAA;AACZ,kBAAc,KAAK;AAAA,EACrB;AACA,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AACzB,QAAI,CAAC,YAAY;AACf,6BAAuB,MAAM;AAAA,IAAA;AAAA,EAEjC;AAEA,MAAI,SAAS,OAAO;AAClB,UAAM,sBAAsB,gBAAgB;AAAA,MAC1C,CACE,UAAA,CAAC,MAAM,yBAAyB,CAAC,YAAY,QAAQ,KAAK,CAAK,MAAA,EAAE,WAAW,MAAM,IAAI;AAAA,IAC1F;AACA,QAAI,CAAC,qBAAqB;AACxB,aAAS,sBAAA,cAAA,MAAA,UAAA,IAAA;AAAA,IAAA;AAAA,EACX;AAGF,6CACG,UACC,MAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAED;AAAA,IACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,cAAc;AAAA,QACd;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"DataGridFilter.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridFilter.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  FiltersState,\n  PopoverTranslations,\n  TagTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { generateID } from \"../../../util/helper\";\nimport { DataGridFilterTag } from \"./DataGridFilterTag\";\nimport { DataGridFilterPopover } from \"./DataGridFilterPopover\";\nimport { useDataGridFilter } from \"./DataGridFilterService\";\n\nexport type Props = {\n  mode: FilterEditorMode;\n  domRoot?: HTMLElement;\n  filter?: Filter;\n  columnsMetadata: DataGridColumnMetadata[];\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n  customEditTagContent?: React.ReactElement;\n  filterState: FiltersState;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations,\n  customEditTagContent,\n  filterState\n}: Props) => {\n  const wrappingDivRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [filterOpen, setFilterOpen] = useState(false);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n  const {\n    resetFields,\n    operator,\n    setOperator,\n    operators,\n    setOperators,\n    column,\n    setColumn,\n    values,\n    setValues,\n    pickedValues,\n    setPickedValues,\n    initialiseFilterValues,\n    allowedColumnsMetaData\n  } = useDataGridFilter(mode, columnsMetadata, filterState);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n      onFilterEdit && onFilterEdit({ id, column, operator, value: pickedValues });\n    }\n\n    resetFields();\n    setFilterOpen(false);\n  };\n\n  const onFilterRemove = () => {\n    if (!filter) {\n      return;\n    }\n\n    const { id } = filter;\n    onFilterDelete && onFilterDelete(id);\n\n    resetFields();\n    setFilterOpen(false);\n  };\n  const onFilterOpen = () => {\n    setFilterOpen(!filterOpen);\n    if (!filterOpen) {\n      initialiseFilterValues(filter);\n    }\n  };\n\n  return (\n    <Fragment>\n      <DataGridFilterTag\n        mode={mode}\n        onFilterOpen={onFilterOpen}\n        onFilterRemove={onFilterRemove}\n        triggerRef={triggerRef}\n        ref={wrappingDivRef}\n        filter={filter}\n        translations={tagTranslations}\n        customEditTagContent={customEditTagContent}\n        columnsMetadata={columnsMetadata}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={allowedColumnsMetaData}\n          values={values}\n          pickedValues={pickedValues}\n          operator={operator}\n          operators={operators}\n          onFilterSubmit={onFilterSubmit}\n          resetFields={resetFields}\n          setFilterOpen={setFilterOpen}\n          setColumn={setColumn}\n          setOperator={setOperator}\n          setOperators={setOperators}\n          setValues={setValues}\n          setPickedValues={setPickedValues}\n        />,\n        root\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8CO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,iBAAiB,OAAuB,IAAI;AAC5C,QAAA,aAAa,OAA0B,IAAI;AAC3C,QAAA,aAAa,OAAuB,IAAI;AAE9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,EAAE,KAAS,IAAA,cAAc,SAAS,cAAc;AAChD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,kBAAkB,MAAM,iBAAiB,WAAW;AAExD,QAAM,iBAAiB,MAAM;AAC3B,QAAI,SAAS,OAAO;AAClB,YAAM,KAAK,WAAW;AACtB,qBAAe,YAAY,EAAE,IAAI,QAAQ,UAAU,OAAO,cAAc;AAAA,IAAA,WAC/D,SAAS,UAAU,QAAQ;AAC9B,YAAA,EAAE,OAAO;AACf,sBAAgB,aAAa,EAAE,IAAI,QAAQ,UAAU,OAAO,cAAc;AAAA,IAAA;AAGhE,gBAAA;AACZ,kBAAc,KAAK;AAAA,EACrB;AAEA,QAAM,iBAAiB,MAAM;AAC3B,QAAI,CAAC,QAAQ;AACX;AAAA,IAAA;AAGI,UAAA,EAAE,OAAO;AACf,sBAAkB,eAAe,EAAE;AAEvB,gBAAA;AACZ,kBAAc,KAAK;AAAA,EACrB;AACA,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AACzB,QAAI,CAAC,YAAY;AACf,6BAAuB,MAAM;AAAA,IAAA;AAAA,EAEjC;AAEA,6CACG,UACC,MAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAED;AAAA,IACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,cAAc;AAAA,QACd;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA;AAAA,EAAA,CAEJ;AAEJ;"}

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

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridFilter_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridFilter_hidden_E7GBT{display:none}.DataGridFilter_slide-in_E7GBT{animation:DataGridFilter_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-in_E7GBT{animation-duration:.1ms}}.DataGridFilter_slide-out_E7GBT{animation:DataGridFilter_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-out_E7GBT{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter_filter-wrapper_E7GBT{display:flex;justify-content:center;align-items:center;gap:.375rem;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem;border-radius:3.125rem;background-color:var(--color-blue-grey100)}.DataGridFilter_filter-wrapper_E7GBT:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_E7GBT:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT{display:flex;justify-content:flex-start;align-items:center;gap:.375rem;background:none;border:none;padding:0 .25rem;cursor:pointer}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_remove-button_E7GBT{border-radius:1.25rem}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_caption_E7GBT{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;font-weight:400}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_caption_E7GBT.DataGridFilter_bold_E7GBT{font-weight:600}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_remove-icon_E7GBT{font-size:calc(.6 * var(--font-size))}.DataGridFilter_column-select-option_E7GBT{text-transform:capitalize}.DataGridFilter_popover_E7GBT{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem .75rem;min-width:40rem}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT{width:100%;display:flex;gap:1rem}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_actions_E7GBT{display:flex;gap:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="DataGridFilter_caption_E7GBT",e="DataGridFilter_popover_E7GBT",o="DataGridFilter_controls_E7GBT",r="DataGridFilter_actions_E7GBT",i={"filter-wrapper":"DataGridFilter_filter-wrapper_E7GBT","filter-button":"DataGridFilter_filter-button_E7GBT","remove-button":"DataGridFilter_remove-button_E7GBT",caption:t,"column-select-option":"DataGridFilter_column-select-option_E7GBT",popover:e,controls:o,actions:r};exports.actions=r,exports.caption=t,exports.controls=o,exports.default=i,exports.popover=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridFilter_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridFilter_hidden_EsL6T{display:none}.DataGridFilter_slide-in_EsL6T{animation:DataGridFilter_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-in_EsL6T{animation-duration:.1ms}}.DataGridFilter_slide-out_EsL6T{animation:DataGridFilter_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-out_EsL6T{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter_filter-wrapper_EsL6T{display:flex;justify-content:center;align-items:center;gap:.375rem;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem;border-radius:3.125rem;background-color:var(--color-blue-grey100)}.DataGridFilter_filter-wrapper_EsL6T:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_EsL6T:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T{display:flex;justify-content:flex-start;align-items:center;gap:.375rem;background:none;border:none;padding:0 .25rem;cursor:pointer}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_remove-button_EsL6T{border-radius:1.25rem}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_caption_EsL6T{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;font-weight:400}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_caption_EsL6T.DataGridFilter_bold_EsL6T{font-weight:600}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_remove-icon_EsL6T{font-size:calc(.6 * var(--font-size))}.DataGridFilter_column-select-option_EsL6T{text-transform:capitalize}.DataGridFilter_popover_EsL6T{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem .75rem;min-width:40rem}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T{width:100%;display:flex;gap:1rem}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_actions_EsL6T{display:flex;gap:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="DataGridFilter_caption_EsL6T",e="DataGridFilter_popover_EsL6T",o="DataGridFilter_controls_EsL6T",r="DataGridFilter_actions_EsL6T",i={"filter-wrapper":"DataGridFilter_filter-wrapper_EsL6T","filter-button":"DataGridFilter_filter-button_EsL6T","remove-button":"DataGridFilter_remove-button_EsL6T",caption:t,"column-select-option":"DataGridFilter_column-select-option_EsL6T",popover:e,controls:o,actions:r};exports.actions=r,exports.caption=t,exports.controls=o,exports.default=i,exports.popover=e;
 //# sourceMappingURL=DataGridFilter.module.scss.cjs.js.map

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

@@ -1,14 +1,14 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridFilter_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridFilter_hidden_E7GBT{display:none}.DataGridFilter_slide-in_E7GBT{animation:DataGridFilter_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-in_E7GBT{animation-duration:.1ms}}.DataGridFilter_slide-out_E7GBT{animation:DataGridFilter_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-out_E7GBT{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter_filter-wrapper_E7GBT{display:flex;justify-content:center;align-items:center;gap:.375rem;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem;border-radius:3.125rem;background-color:var(--color-blue-grey100)}.DataGridFilter_filter-wrapper_E7GBT:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_E7GBT:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT{display:flex;justify-content:flex-start;align-items:center;gap:.375rem;background:none;border:none;padding:0 .25rem;cursor:pointer}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_filter-button_E7GBT:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_remove-button_E7GBT{border-radius:1.25rem}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_caption_E7GBT{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;font-weight:400}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_caption_E7GBT.DataGridFilter_bold_E7GBT{font-weight:600}.DataGridFilter_filter-wrapper_E7GBT .DataGridFilter_remove-icon_E7GBT{font-size:calc(.6 * var(--font-size))}.DataGridFilter_column-select-option_E7GBT{text-transform:capitalize}.DataGridFilter_popover_E7GBT{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem .75rem;min-width:40rem}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT{width:100%;display:flex;gap:1rem}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_controls_E7GBT>*:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_E7GBT .DataGridFilter_actions_E7GBT{display:flex;gap:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-const caption = "DataGridFilter_caption_E7GBT";
-const popover = "DataGridFilter_popover_E7GBT";
-const controls = "DataGridFilter_controls_E7GBT";
-const actions = "DataGridFilter_actions_E7GBT";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridFilter_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridFilter_hidden_EsL6T{display:none}.DataGridFilter_slide-in_EsL6T{animation:DataGridFilter_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-in_EsL6T{animation-duration:.1ms}}.DataGridFilter_slide-out_EsL6T{animation:DataGridFilter_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridFilter_slide-out_EsL6T{animation-duration:.1ms}}@keyframes DataGridFilter_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter_filter-wrapper_EsL6T{display:flex;justify-content:center;align-items:center;gap:.375rem;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem;border-radius:3.125rem;background-color:var(--color-blue-grey100)}.DataGridFilter_filter-wrapper_EsL6T:hover{background-color:var(--color-blue-grey200)}.DataGridFilter_filter-wrapper_EsL6T:active{background-color:var(--color-primary100)}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T{display:flex;justify-content:flex-start;align-items:center;gap:.375rem;background:none;border:none;padding:0 .25rem;cursor:pointer}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T:only-child{margin-right:-.25rem}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_filter-button_EsL6T:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_remove-button_EsL6T{border-radius:1.25rem}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_caption_EsL6T{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;font-weight:400}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_caption_EsL6T.DataGridFilter_bold_EsL6T{font-weight:600}.DataGridFilter_filter-wrapper_EsL6T .DataGridFilter_remove-icon_EsL6T{font-size:calc(.6 * var(--font-size))}.DataGridFilter_column-select-option_EsL6T{text-transform:capitalize}.DataGridFilter_popover_EsL6T{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem .75rem;min-width:40rem}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T{width:100%;display:flex;gap:1rem}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_controls_EsL6T>*:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter_popover_EsL6T .DataGridFilter_actions_EsL6T{display:flex;gap:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const caption = "DataGridFilter_caption_EsL6T";
+const popover = "DataGridFilter_popover_EsL6T";
+const controls = "DataGridFilter_controls_EsL6T";
+const actions = "DataGridFilter_actions_EsL6T";
 const classes = {
-  "filter-wrapper": "DataGridFilter_filter-wrapper_E7GBT",
-  "filter-button": "DataGridFilter_filter-button_E7GBT",
-  "remove-button": "DataGridFilter_remove-button_E7GBT",
+  "filter-wrapper": "DataGridFilter_filter-wrapper_EsL6T",
+  "filter-button": "DataGridFilter_filter-button_EsL6T",
+  "remove-button": "DataGridFilter_remove-button_EsL6T",
   caption,
-  "column-select-option": "DataGridFilter_column-select-option_E7GBT",
+  "column-select-option": "DataGridFilter_column-select-option_EsL6T",
   popover,
   controls,
   actions

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridFilter.cjs.js"),a=require("./DataGridToolbar.module.scss.cjs.js"),r=require("../../Typography/Typography.cjs.js"),l=require("./useFiltersReducer.cjs.js"),i=require("./DataGridDateFilter.cjs.js");exports.DataGridToolbar=({columnsMetadata:o,filterValues:n,translations:s,onFilterAdd:u,onFilterEdit:d,onFilterDelete:c,dateFilterValue:F,onDateFilterValueChange:p,onFiltersClear:m,customEditTagContent:f})=>{const{state:g,addFilter:D,editFilter:E,deleteFilter:T,resetFilters:v,clearFilters:j}=l.useFiltersReducer(n),y=e.useRef(!0);e.useEffect((()=>{!y.current&&n&&v(n)}),[n]),e.useEffect((()=>{y.current=!1}),[]);const{clearButtonCaption:b="Clear all filters"}=(null==s?void 0:s.toolbar)||{};return e.createElement(e.Fragment,null,F&&e.createElement(i.DataGridDateFilter,{dateFilterValue:F,onDateFilterValueChange:p}),o&&g.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,filterState:g,onFilterEdit:e=>{E(e),d&&d(e)},onFilterDelete:e=>{T(e),c&&c(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover,customEditTagContent:f}))),e.createElement("div",{className:a.default["actions-wrapper"]},o&&e.createElement(t.DataGridFilter,{mode:"ADD",customEditTagContent:f,columnsMetadata:o,filterState:g,onFilterAdd:e=>{D(e),u&&u(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),o&&g.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{j(),m&&m()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},b))))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./DataGridFilter.cjs.js"),a=require("./DataGridToolbar.module.scss.cjs.js"),r=require("../../Typography/Typography.cjs.js"),l=require("./useFiltersReducer.cjs.js"),i=require("./DataGridDateFilter.cjs.js");exports.DataGridToolbar=({columnsMetadata:o,filterValues:n,translations:s,onFilterAdd:u,onFilterEdit:d,onFilterDelete:c,dateFilterValue:m,onDateFilterValueChange:F,onFiltersClear:p,customEditTagContent:f})=>{const{state:g,addFilter:D,editFilter:E,deleteFilter:T,resetFilters:v,clearFilters:y}=l.useFiltersReducer(n),j=e.useRef(!0);e.useEffect((()=>{!j.current&&n&&v(n)}),[n]),e.useEffect((()=>{j.current=!1}),[]);const{clearButtonCaption:b="Clear all filters"}=(null==s?void 0:s.toolbar)||{},C=!!o&&o.some((e=>!e.allowSingleFilterOnly||!g.filters.some((t=>t.column===e.name))));return e.createElement(e.Fragment,null,m&&e.createElement(i.DataGridDateFilter,{dateFilterValue:m,onDateFilterValueChange:F}),o&&g.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,filterState:g,onFilterEdit:e=>{E(e),d&&d(e)},onFilterDelete:e=>{T(e),c&&c(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover,customEditTagContent:f}))),e.createElement("div",{className:a.default["actions-wrapper"]},o&&C&&e.createElement(t.DataGridFilter,{mode:"ADD",customEditTagContent:f,columnsMetadata:o,filterState:g,onFilterAdd:e=>{D(e),u&&u(e)},tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),o&&g.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{y(),p&&p()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},b))))};
 //# sourceMappingURL=DataGridToolbar.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {dateFilterValue && (\n        <DataGridDateFilter\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />\n      )}\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","dateFilterValue","onDateFilterValueChange","onFiltersClear","customEditTagContent","state","addFilter","editFilter","deleteFilter","resetFilters","clearFilters","useFiltersReducer","isFirstRenderRef","useRef","useEffect","current","clearButtonCaption","toolbar","createElement","Fragment","React","DataGridDateFilter","filters","map","filter","DataGridFilter","mode","key","id","filterState","tagTranslations","tag","popoverTranslations","popover","className","classes","default","length","type","onClick","Typography","variant"],"mappings":"yVA0C+B,EAC7BA,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,kBACAC,0BACAC,iBACAC,2BAEM,MAAAC,MAAEA,EAAOC,UAAAA,EAAAC,WAAWA,EAAYC,aAAAA,EAAAC,aAAcA,eAAcC,GAChEC,EAAAA,kBAAkBf,GAEdgB,EAAmBC,UAAO,GAEhCC,EAAAA,WAAU,MACHF,EAAiBG,SAAWnB,GAC/Ba,EAAab,EAAY,GAE1B,CAACA,IAEJkB,EAAAA,WAAU,KACRF,EAAiBG,SAAU,CAAA,GAC1B,IAEH,MAAMC,mBAAEA,EAAqB,sBAAwB,MAAAnB,OAAA,EAAAA,EAAcoB,UAAW,CAAC,EAE7E,SAAAC,cAACC,EAAAA,cACElB,GACCmB,EAAAF,cAACG,EAAAA,mBAAA,CACCpB,kBACAC,4BAGHP,GACCU,EAAMiB,QAAQC,KACZC,GAAAJ,EAAAF,cAACO,EAAAA,eAAA,CACCC,KAAK,OACLC,IAAKH,EAAOI,GACZJ,SACA7B,kBACAkC,YAAaxB,EACbN,aAAcyB,IACZjB,EAAWiB,GACXzB,GAAgBA,EAAayB,EAAM,EAErCxB,eAAsB4B,IACpBpB,EAAaoB,GACb5B,GAAkBA,EAAe4B,EAAE,EAErCE,gBAA+B,MAAdjC,OAAc,EAAAA,EAAAkC,IAC/BC,oBAAmC,MAAdnC,OAAc,EAAAA,EAAAoC,QACnC7B,2BAGLgB,EAAAF,cAAA,MAAA,CAAIgB,UAAWC,EAAQC,QAAA,oBACrBzC,GACCyB,EAAAF,cAACO,EAAAA,eAAA,CACCC,KAAK,MACLtB,uBACAT,kBACAkC,YAAaxB,EACbP,YAAuB0B,IACrBlB,EAAUkB,GACV1B,GAAeA,EAAY0B,EAAM,EAEnCM,gBAA+B,MAAdjC,OAAc,EAAAA,EAAAkC,IAC/BC,oBAAmC,MAAdnC,OAAc,EAAAA,EAAAoC,UAGtCtC,GAAmBU,EAAMiB,QAAQe,QAAU,GAC1CjB,EAAAF,cAAC,SAAA,CACCoB,KAAK,SACLJ,UAAWC,UAAQ,gBACnBI,QAAS,KACM7B,IACbP,GAAkBA,GAAe,GAGnCiB,EAAAF,cAACsB,cAAWC,QAAQ,OAAOP,UAAWC,EAAQC,QAAS,SACpDpB,KAKX"}
+{"version":3,"file":"DataGridToolbar.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n\n  const hasAvailableFilters = columnsMetadata\n    ? columnsMetadata.some(\n        value => !value.allowSingleFilterOnly || !state.filters.some(f => f.column === value.name)\n      )\n    : false;\n\n  return (\n    <Fragment>\n      {dateFilterValue && (\n        <DataGridDateFilter\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />\n      )}\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && hasAvailableFilters && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","dateFilterValue","onDateFilterValueChange","onFiltersClear","customEditTagContent","state","addFilter","editFilter","deleteFilter","resetFilters","clearFilters","useFiltersReducer","isFirstRenderRef","useRef","useEffect","current","clearButtonCaption","toolbar","hasAvailableFilters","some","value","allowSingleFilterOnly","filters","f","column","name","createElement","Fragment","React","DataGridDateFilter","map","filter","DataGridFilter","mode","key","id","filterState","tagTranslations","tag","popoverTranslations","popover","className","classes","length","type","onClick","Typography","variant","default"],"mappings":"yVA0C+B,EAC7BA,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,kBACAC,0BACAC,iBACAC,2BAEM,MAAAC,MAAEA,EAAOC,UAAAA,EAAAC,WAAWA,EAAYC,aAAAA,EAAAC,aAAcA,eAAcC,GAChEC,EAAAA,kBAAkBf,GAEdgB,EAAmBC,UAAO,GAEhCC,EAAAA,WAAU,MACHF,EAAiBG,SAAWnB,GAC/Ba,EAAab,EAAY,GAE1B,CAACA,IAEJkB,EAAAA,WAAU,KACRF,EAAiBG,SAAU,CAAA,GAC1B,IAEH,MAAMC,mBAAEA,EAAqB,sBAAwB,MAAAnB,OAAA,EAAAA,EAAcoB,UAAW,CAAC,EAEzEC,IAAsBvB,GACxBA,EAAgBwB,MACLC,IAACA,EAAMC,wBAA0BhB,EAAMiB,QAAQH,MAAUI,GAAAA,EAAEC,SAAWJ,EAAMK,SAKzF,SAAAC,cAACC,EAAAA,cACE1B,GACC2B,EAAAF,cAACG,EAAAA,mBAAA,CACC5B,kBACAC,4BAGHP,GACCU,EAAMiB,QAAQQ,KACZC,GAAAH,EAAAF,cAACM,EAAAA,eAAA,CACCC,KAAK,OACLC,IAAKH,EAAOI,GACZJ,SACApC,kBACAyC,YAAa/B,EACbN,aAAcgC,IACZxB,EAAWwB,GACXhC,GAAgBA,EAAagC,EAAM,EAErC/B,eAAsBmC,IACpB3B,EAAa2B,GACbnC,GAAkBA,EAAemC,EAAE,EAErCE,gBAA+B,MAAdxC,OAAc,EAAAA,EAAAyC,IAC/BC,oBAAmC,MAAd1C,OAAc,EAAAA,EAAA2C,QACnCpC,2BAGLwB,EAAAF,cAAA,MAAA,CAAIe,UAAWC,UAAQ,oBACrB/C,GAAmBuB,GAClBU,EAAAF,cAACM,EAAAA,eAAA,CACCC,KAAK,MACL7B,uBACAT,kBACAyC,YAAa/B,EACbP,YAAuBiC,IACrBzB,EAAUyB,GACVjC,GAAeA,EAAYiC,EAAM,EAEnCM,gBAA+B,MAAdxC,OAAc,EAAAA,EAAAyC,IAC/BC,oBAAmC,MAAd1C,OAAc,EAAAA,EAAA2C,UAGtC7C,GAAmBU,EAAMiB,QAAQqB,QAAU,GAC1Cf,EAAAF,cAAC,SAAA,CACCkB,KAAK,SACLH,UAAWC,UAAQ,gBACnBG,QAAS,KACMnC,IACbP,GAAkBA,GAAe,GAGnCyB,EAAAF,cAACoB,cAAWC,QAAQ,OAAON,UAAWC,EAAQM,QAAS,SACpDhC,KAKX"}

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

@@ -27,6 +27,9 @@ const DataGridToolbar = ({
     isFirstRenderRef.current = false;
   }, []);
   const { clearButtonCaption = "Clear all filters" } = (translations == null ? void 0 : translations.toolbar) || {};
+  const hasAvailableFilters = columnsMetadata ? columnsMetadata.some(
+    (value) => !value.allowSingleFilterOnly || !state.filters.some((f) => f.column === value.name)
+  ) : false;
   return /* @__PURE__ */ React.createElement(Fragment, null, dateFilterValue && /* @__PURE__ */ React.createElement(
     DataGridDateFilter,
     {
@@ -53,7 +56,7 @@ const DataGridToolbar = ({
       popoverTranslations: translations == null ? void 0 : translations.popover,
       customEditTagContent
     }
-  )), /* @__PURE__ */ React.createElement("div", { className: classes["actions-wrapper"] }, columnsMetadata && /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement("div", { className: classes["actions-wrapper"] }, columnsMetadata && hasAvailableFilters && /* @__PURE__ */ React.createElement(
     DataGridFilter,
     {
       mode: "ADD",

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {dateFilterValue && (\n        <DataGridDateFilter\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />\n      )}\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["filter"],"mappings":";;;;;;AA0CO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AACpB,QAAA,EAAE,OAAO,WAAW,YAAY,cAAc,cAAc,aAAA,IAChE,kBAAkB,YAAY;AAE1B,QAAA,mBAAmB,OAAO,IAAI;AAEpC,YAAU,MAAM;AACV,QAAA,CAAC,iBAAiB,WAAW,cAAc;AAC7C,mBAAa,YAAY;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,qBAAiB,UAAU;AAAA,EAC7B,GAAG,EAAE;AAEL,QAAM,EAAE,qBAAqB,oBAAwB,KAAA,6CAAc,YAAW,CAAC;AAE7E,SAAA,sBAAA,cAAC,gBACE,mBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAGH,mBACC,MAAM,QAAQ,IAAI,CAChB,WAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK,OAAO;AAAA,MACZ;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,cAAc,CAAAA,YAAU;AACtB,mBAAWA,OAAM;AACjB,wBAAgB,aAAaA,OAAM;AAAA,MACrC;AAAA,MACA,gBAAgB,CAAM,OAAA;AACpB,qBAAa,EAAE;AACf,0BAAkB,eAAe,EAAE;AAAA,MACrC;AAAA,MACA,iBAAiB,6CAAc;AAAA,MAC/B,qBAAqB,6CAAc;AAAA,MACnC;AAAA,IAAA;AAAA,EAEH,CAAA,GACF,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,iBAAiB,KACtC,mBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa,CAAU,WAAA;AACrB,kBAAU,MAAM;AAChB,uBAAe,YAAY,MAAM;AAAA,MACnC;AAAA,MACA,iBAAiB,6CAAc;AAAA,MAC/B,qBAAqB,6CAAc;AAAA,IAAA;AAAA,EAAA,GAGtC,mBAAmB,MAAM,QAAQ,UAAU,KAC1C,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,QAAQ,cAAc;AAAA,MACjC,SAAS,MAAM;AACA,qBAAA;AACb,0BAAkB,eAAe;AAAA,MAAA;AAAA,IACnC;AAAA,IAEA,sBAAA,cAAC,cAAW,SAAQ,QAAO,WAAW,QAAQ,SAAS,KACpD,kBACH;AAAA,EAAA,CAGN,CACF;AAEJ;"}
+{"version":3,"file":"DataGridToolbar.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useEffect, useRef } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  DateTimeFilter,\n  Filter,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\nimport { DataGridDateFilter } from \"./DataGridDateFilter\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata?: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\n  dateFilterValue?: DateTimeFilter;\n  onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  dateFilterValue,\n  onDateFilterValueChange,\n  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, resetFilters, clearFilters } =\n    useFiltersReducer(filterValues);\n\n  const isFirstRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!isFirstRenderRef.current && filterValues) {\n      resetFilters(filterValues);\n    }\n  }, [filterValues]);\n\n  useEffect(() => {\n    isFirstRenderRef.current = false;\n  }, []);\n\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n\n  const hasAvailableFilters = columnsMetadata\n    ? columnsMetadata.some(\n        value => !value.allowSingleFilterOnly || !state.filters.some(f => f.column === value.name)\n      )\n    : false;\n\n  return (\n    <Fragment>\n      {dateFilterValue && (\n        <DataGridDateFilter\n          dateFilterValue={dateFilterValue}\n          onDateFilterValueChange={onDateFilterValueChange}\n        />\n      )}\n      {columnsMetadata &&\n        state.filters.map(filter => (\n          <DataGridFilter\n            mode=\"EDIT\"\n            key={filter.id}\n            filter={filter}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterEdit={filter => {\n              editFilter(filter);\n              onFilterEdit && onFilterEdit(filter);\n            }}\n            onFilterDelete={id => {\n              deleteFilter(id);\n              onFilterDelete && onFilterDelete(id);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n            customEditTagContent={customEditTagContent}\n          />\n        ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        {columnsMetadata && hasAvailableFilters && (\n          <DataGridFilter\n            mode=\"ADD\"\n            customEditTagContent={customEditTagContent}\n            columnsMetadata={columnsMetadata}\n            filterState={state}\n            onFilterAdd={filter => {\n              addFilter(filter);\n              onFilterAdd && onFilterAdd(filter);\n            }}\n            tagTranslations={translations?.tag}\n            popoverTranslations={translations?.popover}\n          />\n        )}\n        {columnsMetadata && state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              clearFilters();\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n"],"names":["filter"],"mappings":";;;;;;AA0CO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AACpB,QAAA,EAAE,OAAO,WAAW,YAAY,cAAc,cAAc,aAAA,IAChE,kBAAkB,YAAY;AAE1B,QAAA,mBAAmB,OAAO,IAAI;AAEpC,YAAU,MAAM;AACV,QAAA,CAAC,iBAAiB,WAAW,cAAc;AAC7C,mBAAa,YAAY;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,qBAAiB,UAAU;AAAA,EAC7B,GAAG,EAAE;AAEL,QAAM,EAAE,qBAAqB,oBAAwB,KAAA,6CAAc,YAAW,CAAC;AAEzE,QAAA,sBAAsB,kBACxB,gBAAgB;AAAA,IACd,CAAS,UAAA,CAAC,MAAM,yBAAyB,CAAC,MAAM,QAAQ,KAAK,CAAK,MAAA,EAAE,WAAW,MAAM,IAAI;AAAA,EAAA,IAE3F;AAGF,SAAA,sBAAA,cAAC,gBACE,mBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAGH,mBACC,MAAM,QAAQ,IAAI,CAChB,WAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK,OAAO;AAAA,MACZ;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,cAAc,CAAAA,YAAU;AACtB,mBAAWA,OAAM;AACjB,wBAAgB,aAAaA,OAAM;AAAA,MACrC;AAAA,MACA,gBAAgB,CAAM,OAAA;AACpB,qBAAa,EAAE;AACf,0BAAkB,eAAe,EAAE;AAAA,MACrC;AAAA,MACA,iBAAiB,6CAAc;AAAA,MAC/B,qBAAqB,6CAAc;AAAA,MACnC;AAAA,IAAA;AAAA,EAEH,CAAA,GACF,sBAAA,cAAA,OAAA,EAAI,WAAW,QAAQ,iBAAiB,EACtC,GAAA,mBAAmB,uBAClB,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa,CAAU,WAAA;AACrB,kBAAU,MAAM;AAChB,uBAAe,YAAY,MAAM;AAAA,MACnC;AAAA,MACA,iBAAiB,6CAAc;AAAA,MAC/B,qBAAqB,6CAAc;AAAA,IAAA;AAAA,EAAA,GAGtC,mBAAmB,MAAM,QAAQ,UAAU,KAC1C,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,QAAQ,cAAc;AAAA,MACjC,SAAS,MAAM;AACA,qBAAA;AACb,0BAAkB,eAAe;AAAA,MAAA;AAAA,IACnC;AAAA,IAEA,sBAAA,cAAC,cAAW,SAAQ,QAAO,WAAW,QAAQ,SAAS,KACpD,kBACH;AAAA,EAAA,CAGN,CACF;AAEJ;"}

package/dist/components/DataGrid/DataGridFilters/DataGridToolbar.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridToolbar_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridToolbar_hidden_E7GBT{display:none}.DataGridToolbar_slide-in_E7GBT{animation:DataGridToolbar_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-in_E7GBT{animation-duration:.1ms}}.DataGridToolbar_slide-out_E7GBT{animation:DataGridToolbar_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-out_E7GBT{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar_wrapper_E7GBT input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_E7GBT{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%;padding-bottom:1rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%;flex-grow:1}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_searchbar_E7GBT{min-width:7rem;flex-basis:15rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_actions-wrapper_E7GBT{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT .DataGridToolbar_caption_E7GBT{margin:0;font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);text-decoration:underline;color:var(--color-primary500)}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_button-section_E7GBT{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:.5rem}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="DataGridToolbar_wrapper_E7GBT",r="DataGridToolbar_searchbar_E7GBT",t="DataGridToolbar_caption_E7GBT",o={wrapper:a,"filter-section":"DataGridToolbar_filter-section_E7GBT",searchbar:r,"actions-wrapper":"DataGridToolbar_actions-wrapper_E7GBT","clear-button":"DataGridToolbar_clear-button_E7GBT",caption:t,"button-section":"DataGridToolbar_button-section_E7GBT"};exports.caption=t,exports.default=o,exports.searchbar=r,exports.wrapper=a;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridToolbar_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridToolbar_hidden_EsL6T{display:none}.DataGridToolbar_slide-in_EsL6T{animation:DataGridToolbar_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-in_EsL6T{animation-duration:.1ms}}.DataGridToolbar_slide-out_EsL6T{animation:DataGridToolbar_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-out_EsL6T{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar_wrapper_EsL6T input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_EsL6T{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%;padding-bottom:1rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%;flex-grow:1}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_searchbar_EsL6T{min-width:7rem;flex-basis:15rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_actions-wrapper_EsL6T{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T .DataGridToolbar_caption_EsL6T{margin:0;font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);text-decoration:underline;color:var(--color-primary500)}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_button-section_EsL6T{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:.5rem}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="DataGridToolbar_wrapper_EsL6T",r="DataGridToolbar_searchbar_EsL6T",t="DataGridToolbar_caption_EsL6T",o={wrapper:a,"filter-section":"DataGridToolbar_filter-section_EsL6T",searchbar:r,"actions-wrapper":"DataGridToolbar_actions-wrapper_EsL6T","clear-button":"DataGridToolbar_clear-button_EsL6T",caption:t,"button-section":"DataGridToolbar_button-section_EsL6T"};exports.caption=t,exports.default=o,exports.searchbar=r,exports.wrapper=a;
 //# sourceMappingURL=DataGridToolbar.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DataGridToolbar.module.scss.es.js

@@ -1,15 +1,15 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridToolbar_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridToolbar_hidden_E7GBT{display:none}.DataGridToolbar_slide-in_E7GBT{animation:DataGridToolbar_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-in_E7GBT{animation-duration:.1ms}}.DataGridToolbar_slide-out_E7GBT{animation:DataGridToolbar_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-out_E7GBT{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar_wrapper_E7GBT input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_E7GBT{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%;padding-bottom:1rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%;flex-grow:1}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_searchbar_E7GBT{min-width:7rem;flex-basis:15rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_actions-wrapper_E7GBT{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_filter-section_E7GBT .DataGridToolbar_clear-button_E7GBT .DataGridToolbar_caption_E7GBT{margin:0;font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);text-decoration:underline;color:var(--color-primary500)}.DataGridToolbar_wrapper_E7GBT .DataGridToolbar_button-section_E7GBT{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:.5rem}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
-const wrapper = "DataGridToolbar_wrapper_E7GBT";
-const searchbar = "DataGridToolbar_searchbar_E7GBT";
-const caption = "DataGridToolbar_caption_E7GBT";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.DataGridToolbar_sr-only_EsL6T{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DataGridToolbar_hidden_EsL6T{display:none}.DataGridToolbar_slide-in_EsL6T{animation:DataGridToolbar_slide-in_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-in_EsL6T{animation-duration:.1ms}}.DataGridToolbar_slide-out_EsL6T{animation:DataGridToolbar_slide-out_EsL6T .5s forwards}@media (prefers-reduced-motion: reduce){.DataGridToolbar_slide-out_EsL6T{animation-duration:.1ms}}@keyframes DataGridToolbar_slide-in_EsL6T{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar_slide-out_EsL6T{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar_wrapper_EsL6T input[type=search]::-webkit-search-cancel-button{cursor:pointer}.DataGridToolbar_wrapper_EsL6T{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%;padding-bottom:1rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%;flex-grow:1}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_searchbar_EsL6T{min-width:7rem;flex-basis:15rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_actions-wrapper_EsL6T{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T{background:none;border:none;cursor:pointer}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_filter-section_EsL6T .DataGridToolbar_clear-button_EsL6T .DataGridToolbar_caption_EsL6T{margin:0;font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);text-decoration:underline;color:var(--color-primary500)}.DataGridToolbar_wrapper_EsL6T .DataGridToolbar_button-section_EsL6T{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:.5rem}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+const wrapper = "DataGridToolbar_wrapper_EsL6T";
+const searchbar = "DataGridToolbar_searchbar_EsL6T";
+const caption = "DataGridToolbar_caption_EsL6T";
 const classes = {
   wrapper,
-  "filter-section": "DataGridToolbar_filter-section_E7GBT",
+  "filter-section": "DataGridToolbar_filter-section_EsL6T",
   searchbar,
-  "actions-wrapper": "DataGridToolbar_actions-wrapper_E7GBT",
-  "clear-button": "DataGridToolbar_clear-button_E7GBT",
+  "actions-wrapper": "DataGridToolbar_actions-wrapper_EsL6T",
+  "clear-button": "DataGridToolbar_clear-button_EsL6T",
   caption,
-  "button-section": "DataGridToolbar_button-section_E7GBT"
+  "button-section": "DataGridToolbar_button-section_EsL6T"
 };
 export {
   caption,

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DateTimePicker_popover_E7GBT{display:flex;flex-direction:column;align-items:flex-start;min-width:40rem}.DateTimePicker_popover_E7GBT .DateTimePicker_content-wrapper_E7GBT{display:flex}.DateTimePicker_popover_E7GBT .DateTimePicker_aside_E7GBT{display:flex;flex-direction:column;width:9.25rem;border-right:1px solid var(--color-blue-grey100)}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu_E7GBT{margin:.5rem 0;padding:0;white-space:nowrap;list-style:none}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT{height:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT button{padding:.5rem .75rem;font-size:var(--font-size-sub);line-height:1.33;text-align:start}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT{display:flex;flex-direction:column;gap:2rem;flex-grow:1;padding:2rem 2rem 0}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT.DateTimePicker_has-error_E7GBT{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT{display:flex;gap:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT>*{flex-grow:1}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT.DateTimePicker_set-height_E7GBT{min-height:17.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_actions_E7GBT{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;width:calc(100% - 3rem);border-top:1px solid var(--color-blue-grey100);padding:1rem 1.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT{margin-top:0;max-width:14rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT label{font-size:var(--font-size-sub)}.DateTimePicker_popover_E7GBT .DateTimePicker_nav_E7GBT{position:absolute}.DateTimePicker_popover_E7GBT .DateTimePicker_next-button_E7GBT{position:absolute;left:27.3125rem;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_prev-button_E7GBT{position:absolute;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_month-caption_E7GBT{width:100%;height:calc(2.5 * var(--font-size));margin:0;padding:.75rem 0;font-size:var(--font-size-sub);font-weight:500;line-height:1.33;text-align:center}.DateTimePicker_error-message_E7GBT{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DateTimePicker_popover_E7GBT",t="DateTimePicker_aside_E7GBT",i="DateTimePicker_controls_E7GBT",r="DateTimePicker_actions_E7GBT",o="DateTimePicker_input_E7GBT",a="DateTimePicker_nav_E7GBT",n={popover:e,"content-wrapper":"DateTimePicker_content-wrapper_E7GBT",aside:t,"aside-menu":"DateTimePicker_aside-menu_E7GBT","aside-menu-item":"DateTimePicker_aside-menu-item_E7GBT",controls:i,"has-error":"DateTimePicker_has-error_E7GBT","controls-panel":"DateTimePicker_controls-panel_E7GBT","set-height":"DateTimePicker_set-height_E7GBT",actions:r,input:o,nav:a,"next-button":"DateTimePicker_next-button_E7GBT","prev-button":"DateTimePicker_prev-button_E7GBT","month-caption":"DateTimePicker_month-caption_E7GBT","error-message":"DateTimePicker_error-message_E7GBT"};exports.actions=r,exports.aside=t,exports.controls=i,exports.default=n,exports.input=o,exports.nav=a,exports.popover=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DateTimePicker_popover_EsL6T{display:flex;flex-direction:column;align-items:flex-start;min-width:40rem}.DateTimePicker_popover_EsL6T .DateTimePicker_content-wrapper_EsL6T{display:flex}.DateTimePicker_popover_EsL6T .DateTimePicker_aside_EsL6T{display:flex;flex-direction:column;width:9.25rem;border-right:1px solid var(--color-blue-grey100)}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu_EsL6T{margin:.5rem 0;padding:0;white-space:nowrap;list-style:none}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu-item_EsL6T{height:2rem}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu-item_EsL6T button{padding:.5rem .75rem;font-size:var(--font-size-sub);line-height:1.33;text-align:start}.DateTimePicker_popover_EsL6T .DateTimePicker_controls_EsL6T{display:flex;flex-direction:column;gap:2rem;flex-grow:1;padding:2rem 2rem 0}.DateTimePicker_popover_EsL6T .DateTimePicker_controls_EsL6T.DateTimePicker_has-error_EsL6T{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T{display:flex;gap:2rem}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T>*{flex-grow:1}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T.DateTimePicker_set-height_EsL6T{min-height:17.5rem}.DateTimePicker_popover_EsL6T .DateTimePicker_actions_EsL6T{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;width:calc(100% - 3rem);border-top:1px solid var(--color-blue-grey100);padding:1rem 1.5rem}.DateTimePicker_popover_EsL6T .DateTimePicker_input_EsL6T{margin-top:0;max-width:14rem}.DateTimePicker_popover_EsL6T .DateTimePicker_input_EsL6T label{font-size:var(--font-size-sub)}.DateTimePicker_popover_EsL6T .DateTimePicker_nav_EsL6T{position:absolute}.DateTimePicker_popover_EsL6T .DateTimePicker_next-button_EsL6T{position:absolute;left:27.3125rem;top:0}.DateTimePicker_popover_EsL6T .DateTimePicker_prev-button_EsL6T{position:absolute;top:0}.DateTimePicker_popover_EsL6T .DateTimePicker_month-caption_EsL6T{width:100%;height:calc(2.5 * var(--font-size));margin:0;padding:.75rem 0;font-size:var(--font-size-sub);font-weight:500;line-height:1.33;text-align:center}.DateTimePicker_error-message_EsL6T{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DateTimePicker_popover_EsL6T",t="DateTimePicker_aside_EsL6T",i="DateTimePicker_controls_EsL6T",r="DateTimePicker_actions_EsL6T",s="DateTimePicker_input_EsL6T",o="DateTimePicker_nav_EsL6T",a={popover:e,"content-wrapper":"DateTimePicker_content-wrapper_EsL6T",aside:t,"aside-menu":"DateTimePicker_aside-menu_EsL6T","aside-menu-item":"DateTimePicker_aside-menu-item_EsL6T",controls:i,"has-error":"DateTimePicker_has-error_EsL6T","controls-panel":"DateTimePicker_controls-panel_EsL6T","set-height":"DateTimePicker_set-height_EsL6T",actions:r,input:s,nav:o,"next-button":"DateTimePicker_next-button_EsL6T","prev-button":"DateTimePicker_prev-button_EsL6T","month-caption":"DateTimePicker_month-caption_EsL6T","error-message":"DateTimePicker_error-message_EsL6T"};exports.actions=r,exports.aside=t,exports.controls=i,exports.default=a,exports.input=s,exports.nav=o,exports.popover=e;
 //# sourceMappingURL=DateTimePicker.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.es.js

@@ -1,27 +1,27 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DateTimePicker_popover_E7GBT{display:flex;flex-direction:column;align-items:flex-start;min-width:40rem}.DateTimePicker_popover_E7GBT .DateTimePicker_content-wrapper_E7GBT{display:flex}.DateTimePicker_popover_E7GBT .DateTimePicker_aside_E7GBT{display:flex;flex-direction:column;width:9.25rem;border-right:1px solid var(--color-blue-grey100)}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu_E7GBT{margin:.5rem 0;padding:0;white-space:nowrap;list-style:none}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT{height:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_aside-menu-item_E7GBT button{padding:.5rem .75rem;font-size:var(--font-size-sub);line-height:1.33;text-align:start}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT{display:flex;flex-direction:column;gap:2rem;flex-grow:1;padding:2rem 2rem 0}.DateTimePicker_popover_E7GBT .DateTimePicker_controls_E7GBT.DateTimePicker_has-error_E7GBT{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT{display:flex;gap:2rem}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT>*{flex-grow:1}.DateTimePicker_popover_E7GBT .DateTimePicker_controls-panel_E7GBT.DateTimePicker_set-height_E7GBT{min-height:17.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_actions_E7GBT{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;width:calc(100% - 3rem);border-top:1px solid var(--color-blue-grey100);padding:1rem 1.5rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT{margin-top:0;max-width:14rem}.DateTimePicker_popover_E7GBT .DateTimePicker_input_E7GBT label{font-size:var(--font-size-sub)}.DateTimePicker_popover_E7GBT .DateTimePicker_nav_E7GBT{position:absolute}.DateTimePicker_popover_E7GBT .DateTimePicker_next-button_E7GBT{position:absolute;left:27.3125rem;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_prev-button_E7GBT{position:absolute;top:0}.DateTimePicker_popover_E7GBT .DateTimePicker_month-caption_E7GBT{width:100%;height:calc(2.5 * var(--font-size));margin:0;padding:.75rem 0;font-size:var(--font-size-sub);font-weight:500;line-height:1.33;text-align:center}.DateTimePicker_error-message_E7GBT{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-const popover = "DateTimePicker_popover_E7GBT";
-const aside = "DateTimePicker_aside_E7GBT";
-const controls = "DateTimePicker_controls_E7GBT";
-const actions = "DateTimePicker_actions_E7GBT";
-const input = "DateTimePicker_input_E7GBT";
-const nav = "DateTimePicker_nav_E7GBT";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DateTimePicker_popover_EsL6T{display:flex;flex-direction:column;align-items:flex-start;min-width:40rem}.DateTimePicker_popover_EsL6T .DateTimePicker_content-wrapper_EsL6T{display:flex}.DateTimePicker_popover_EsL6T .DateTimePicker_aside_EsL6T{display:flex;flex-direction:column;width:9.25rem;border-right:1px solid var(--color-blue-grey100)}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu_EsL6T{margin:.5rem 0;padding:0;white-space:nowrap;list-style:none}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu-item_EsL6T{height:2rem}.DateTimePicker_popover_EsL6T .DateTimePicker_aside-menu-item_EsL6T button{padding:.5rem .75rem;font-size:var(--font-size-sub);line-height:1.33;text-align:start}.DateTimePicker_popover_EsL6T .DateTimePicker_controls_EsL6T{display:flex;flex-direction:column;gap:2rem;flex-grow:1;padding:2rem 2rem 0}.DateTimePicker_popover_EsL6T .DateTimePicker_controls_EsL6T.DateTimePicker_has-error_EsL6T{gap:calc(2rem - 15.5681px)}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T{display:flex;gap:2rem}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T>*{flex-grow:1}.DateTimePicker_popover_EsL6T .DateTimePicker_controls-panel_EsL6T.DateTimePicker_set-height_EsL6T{min-height:17.5rem}.DateTimePicker_popover_EsL6T .DateTimePicker_actions_EsL6T{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;width:calc(100% - 3rem);border-top:1px solid var(--color-blue-grey100);padding:1rem 1.5rem}.DateTimePicker_popover_EsL6T .DateTimePicker_input_EsL6T{margin-top:0;max-width:14rem}.DateTimePicker_popover_EsL6T .DateTimePicker_input_EsL6T label{font-size:var(--font-size-sub)}.DateTimePicker_popover_EsL6T .DateTimePicker_nav_EsL6T{position:absolute}.DateTimePicker_popover_EsL6T .DateTimePicker_next-button_EsL6T{position:absolute;left:27.3125rem;top:0}.DateTimePicker_popover_EsL6T .DateTimePicker_prev-button_EsL6T{position:absolute;top:0}.DateTimePicker_popover_EsL6T .DateTimePicker_month-caption_EsL6T{width:100%;height:calc(2.5 * var(--font-size));margin:0;padding:.75rem 0;font-size:var(--font-size-sub);font-weight:500;line-height:1.33;text-align:center}.DateTimePicker_error-message_EsL6T{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const popover = "DateTimePicker_popover_EsL6T";
+const aside = "DateTimePicker_aside_EsL6T";
+const controls = "DateTimePicker_controls_EsL6T";
+const actions = "DateTimePicker_actions_EsL6T";
+const input = "DateTimePicker_input_EsL6T";
+const nav = "DateTimePicker_nav_EsL6T";
 const classes = {
   popover,
-  "content-wrapper": "DateTimePicker_content-wrapper_E7GBT",
+  "content-wrapper": "DateTimePicker_content-wrapper_EsL6T",
   aside,
-  "aside-menu": "DateTimePicker_aside-menu_E7GBT",
-  "aside-menu-item": "DateTimePicker_aside-menu-item_E7GBT",
+  "aside-menu": "DateTimePicker_aside-menu_EsL6T",
+  "aside-menu-item": "DateTimePicker_aside-menu-item_EsL6T",
   controls,
-  "has-error": "DateTimePicker_has-error_E7GBT",
-  "controls-panel": "DateTimePicker_controls-panel_E7GBT",
-  "set-height": "DateTimePicker_set-height_E7GBT",
+  "has-error": "DateTimePicker_has-error_EsL6T",
+  "controls-panel": "DateTimePicker_controls-panel_EsL6T",
+  "set-height": "DateTimePicker_set-height_EsL6T",
   actions,
   input,
   nav,
-  "next-button": "DateTimePicker_next-button_E7GBT",
-  "prev-button": "DateTimePicker_prev-button_E7GBT",
-  "month-caption": "DateTimePicker_month-caption_E7GBT",
-  "error-message": "DateTimePicker_error-message_E7GBT"
+  "next-button": "DateTimePicker_next-button_EsL6T",
+  "prev-button": "DateTimePicker_prev-button_EsL6T",
+  "month-caption": "DateTimePicker_month-caption_EsL6T",
+  "error-message": "DateTimePicker_error-message_EsL6T"
 };
 export {
   actions,

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_E7GBT{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_E7GBT:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_E7GBT{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeader_row_E7GBT",t={row:e,"context-menu":"DataGridHeader_context-menu_E7GBT"};exports.default=t,exports.row=e;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_EsL6T{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_EsL6T:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_EsL6T{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeader_row_EsL6T",t={row:e,"context-menu":"DataGridHeader_context-menu_EsL6T"};exports.default=t,exports.row=e;
 //# sourceMappingURL=DataGridHeader.module.scss.cjs.js.map

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

@@ -1,8 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_E7GBT{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_E7GBT:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_E7GBT{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-const row = "DataGridHeader_row_E7GBT";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_EsL6T{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_EsL6T:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_EsL6T{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const row = "DataGridHeader_row_EsL6T";
 const classes = {
   row,
-  "context-menu": "DataGridHeader_context-menu_E7GBT"
+  "context-menu": "DataGridHeader_context-menu_EsL6T"
 };
 export {
   classes as default,

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.cjs.js

@@ -1,3 +1,3 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell_header-cell_E7GBT{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_E7GBT:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_E7GBT:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_E7GBT>*{display:inline-flex}.DataGridHeaderCell_header-cell_E7GBT>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_E7GBT{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_E7GBT{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_E7GBT>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_E7GBT .DataGridHeaderCell_indicator_E7GBT{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_E7GBT .DataGridHeaderCell_indicator_E7GBT.DataGridHeaderCell_ascending_E7GBT{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_E7GBT .DataGridHeaderCell_indicator_E7GBT.DataGridHeaderCell_descending_E7GBT{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_E7GBT .DataGridHeaderCell_indicator_E7GBT.DataGridHeaderCell_hidden_E7GBT{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_E7GBT:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_E7GBT:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeaderCell_headline_E7GBT",a="DataGridHeaderCell_indicator_E7GBT",d="DataGridHeaderCell_ascending_E7GBT",i="DataGridHeaderCell_descending_E7GBT",r={"header-cell":"DataGridHeaderCell_header-cell_E7GBT",headline:e,"sorting-indicator-container":"DataGridHeaderCell_sorting-indicator-container_E7GBT",indicator:a,ascending:d,descending:i};exports.ascending=d,exports.default=r,exports.descending=i,exports.headline=e,exports.indicator=a;
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell_header-cell_EsL6T{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_EsL6T:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_EsL6T:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_EsL6T>*{display:inline-flex}.DataGridHeaderCell_header-cell_EsL6T>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_EsL6T{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_EsL6T{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_EsL6T>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_EsL6T .DataGridHeaderCell_indicator_EsL6T{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_EsL6T .DataGridHeaderCell_indicator_EsL6T.DataGridHeaderCell_ascending_EsL6T{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_EsL6T .DataGridHeaderCell_indicator_EsL6T.DataGridHeaderCell_descending_EsL6T{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_EsL6T .DataGridHeaderCell_indicator_EsL6T.DataGridHeaderCell_hidden_EsL6T{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_EsL6T:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_EsL6T:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeaderCell_headline_EsL6T",a="DataGridHeaderCell_indicator_EsL6T",d="DataGridHeaderCell_ascending_EsL6T",i="DataGridHeaderCell_descending_EsL6T",r={"header-cell":"DataGridHeaderCell_header-cell_EsL6T",headline:e,"sorting-indicator-container":"DataGridHeaderCell_sorting-indicator-container_EsL6T",indicator:a,ascending:d,descending:i};exports.ascending=d,exports.default=r,exports.descending=i,exports.headline=e,exports.indicator=a;
 //# sourceMappingURL=DataGridHeaderCell.module.scss.cjs.js.map