@onewelcome/react-lib-components 8.0.0 → 8.1.1

package/dist/cjs/DataGrid/DataGrid.cjs.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.cjs.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref, useEffect, useState } from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\nimport { DataGridToolbar, DataGridToolbarProps } from \"./DataGridFilters/DataGridToolbar\";\nimport { DataGridToolbarWrapper } from \"./DataGridFilters/DataGridToolbarWrapper\";\nimport { DataGridSearchbar, DataGridSearchbarProps } from \"./DataGridFilters/DataGridSearchbar\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  headers: HeaderCell[];\n  actions?: {\n    enableAddBtn?: boolean;\n    enableColumnsBtn?: boolean;\n    enableSearchBtn?: boolean;\n    addBtnProps?: ButtonProps;\n    columnsBtnProps?: ButtonProps;\n    searchBtnProps?: ButtonProps;\n    searchIconBtnProps?: ButtonProps;\n  };\n  emptyLabel?: string;\n  paginationProps?: PaginationProps;\n  disableContextMenuColumn?: boolean;\n  enableExpandableRow?: boolean;\n  filters?: DataGridToolbarProps;\n  search?: DataGridSearchbarProps;\n  isLoading?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n  {\n    children,\n    data,\n    initialSort,\n    onSort,\n    headers,\n    actions = {},\n    paginationProps,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    filters,\n    search,\n    isLoading,\n    enableMultiSorting,\n    emptyLabel,\n    spacing,\n    style,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLDivElement>\n) => {\n  if (!headers) {\n    throw new Error(\"Headers definition has to be provided\");\n  }\n  if (!children) {\n    throw new Error(\"DataGridBody should be provided with a template how to render rows\");\n  }\n\n  const [internalHeaders, setInternalHeaders] = useState(headers);\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  useEffect(() => setInternalHeaders(headers), [headers]);\n\n  const onColumnToggled = (colName: string) => {\n    setInternalHeaders(\n      internalHeaders.map(item =>\n        item.name !== colName ? item : { ...item, hidden: !item.hidden }\n      )\n    );\n  };\n\n  if (styleWithSpacing?.padding) {\n    const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n    let paddingLeftIndex: number = 0;\n\n    if (splitPaddings.length >= 2) {\n      paddingLeftIndex = 1;\n    }\n    if (splitPaddings.length === 4) {\n      paddingLeftIndex = 3;\n    }\n\n    Object.defineProperties(styleWithSpacing, {\n      paddingTop: {\n        value: splitPaddings[0]\n      },\n      paddingRight: {\n        value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n      },\n      paddingBottom: {\n        value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n      },\n      paddingLeft: {\n        value: splitPaddings[paddingLeftIndex]\n      }\n    });\n  }\n\n  return (\n    <div\n      {...rest}\n      className={classes[\"grid-wrapper\"]}\n      ref={ref}\n      style={{\n        paddingTop: styleWithSpacing?.paddingTop,\n        paddingBottom: styleWithSpacing?.paddingBottom\n      }}\n    >\n      {filters || search ? (\n        <DataGridToolbarWrapper>\n          {search && <DataGridSearchbar {...search} />}\n          {filters && <DataGridToolbar {...filters} />}\n        </DataGridToolbarWrapper>\n      ) : (\n        <DataGridActions\n          {...actions}\n          style={{\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          headers={internalHeaders}\n          onColumnToggled={onColumnToggled}\n        />\n      )}\n\n      <div className={classes[\"table-wrapper\"]}>\n        <table className={classes[\"table\"]}>\n          <DataGridHeader\n            headers={internalHeaders}\n            initialSort={initialSort}\n            onSort={onSort}\n            disableContextMenuColumn={disableContextMenuColumn}\n            enableExpandableRow={enableExpandableRow}\n            enableMultiSorting={enableMultiSorting}\n            spacing={styleWithSpacing}\n          />\n          <DataGridBody\n            data={data}\n            headers={internalHeaders}\n            isLoading={isLoading}\n            disableContextMenuColumn={disableContextMenuColumn}\n            emptyLabel={emptyLabel}\n            spacing={styleWithSpacing}\n            searchValue={search?.initialSearchValue}\n          >\n            {children}\n          </DataGridBody>\n        </table>\n      </div>\n      {paginationProps && !isLoading && (\n        <Pagination\n          {...paginationProps}\n          style={{\n            ...paginationProps.style,\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["DataGrid","React","forwardRef","children","data","initialSort","onSort","headers","actions","paginationProps","disableContextMenuColumn","enableExpandableRow","filters","search","isLoading","enableMultiSorting","emptyLabel","spacing","style","rest","ref","Error","internalHeaders","setInternalHeaders","useState","styleWithSpacing","useSpacing","useEffect","padding","splitPaddings","toString","split","paddingLeftIndex","length","Object","defineProperties","paddingTop","value","paddingRight","paddingBottom","paddingLeft","createElement","className","classes","DataGridToolbarWrapper","DataGridSearchbar","DataGridToolbar","DataGridActions","onColumnToggled","colName","map","item","name","hidden","DataGridHeader","DataGridBody","searchValue","initialSearchValue","Pagination","default","_a"],"mappings":"6eAuDA,MAwIaA,EAAWC,EAAMC,YAxIR,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,CAAE,EACZC,kBACAC,2BACAC,sBACAC,UACAC,SACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKb,EACH,MAAM,IAAIc,MAAM,yCAElB,IAAKlB,EACH,MAAM,IAAIkB,MAAM,sEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAACjB,GACjDkB,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBhB,IAAU,CAACA,IAU9C,GAAIkB,aAAgB,EAAhBA,EAAkBG,QAAS,CAC7B,MAAMC,EAAgBJ,EAAiBG,QAAQE,WAAWC,MAAM,KAEhE,IAAIC,EAA2B,EAE3BH,EAAcI,QAAU,IAC1BD,EAAmB,GAEQ,IAAzBH,EAAcI,SAChBD,EAAmB,GAGrBE,OAAOC,iBAAiBV,EAAkB,CACxCW,WAAY,CACVC,MAAOR,EAAc,IAEvBS,aAAc,CACZD,MAAOR,EAAcA,EAAcI,OAAS,EAAI,EAAI,EAAI,IAE1DM,cAAe,CACbF,MAAOR,EAAcA,EAAcI,OAAS,GAAK,EAAI,EAAI,IAE3DO,YAAa,CACXH,MAAOR,EAAcG,KAG1B,CAED,OACE/B,EACMwC,cAAA,MAAA,IAAAtB,EACJuB,UAAWC,EAAAA,QAAQ,gBACnBvB,IAAKA,EACLF,MAAO,CACLkB,WAAYX,aAAA,EAAAA,EAAkBW,WAC9BG,cAAed,aAAA,EAAAA,EAAkBc,gBAGlC3B,GAAWC,EACVZ,gBAAC2C,EAAsBA,uBAAA,KACpB/B,GAAUZ,EAAAwC,cAACI,EAAiBA,kBAAA,IAAKhC,IACjCD,GAAWX,EAACwC,cAAAK,EAAAA,oBAAoBlC,KAGnCX,EAACwC,cAAAM,EAAAA,oBACKvC,EACJU,MAAO,CACLsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElC/B,QAASe,EACT0B,gBA3DiBC,IACvB1B,EACED,EAAgB4B,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,IA0DCpD,EAAAwC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtB1C,EAAAwC,cAAA,QAAA,CAAOC,UAAWC,EAAAA,QAAe,OAC/B1C,EAAAwC,cAACa,iBAAc,CACb/C,QAASe,EACTjB,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BC,oBAAqBA,EACrBI,mBAAoBA,EACpBE,QAASQ,IAEXxB,EAAAwC,cAACc,EAAAA,aACC,CAAAnD,KAAMA,EACNG,QAASe,EACTR,UAAWA,EACXJ,yBAA0BA,EAC1BM,WAAYA,EACZC,QAASQ,EACT+B,YAAa3C,aAAM,EAANA,EAAQ4C,oBAEpBtD,KAINM,IAAoBK,GACnBb,EAACwC,cAAAiB,EAAAA,WACK,IAAAjD,EACJS,MAAO,IACFT,EAAgBS,MACnBsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCI,UAAW,GAAGC,EAAOgB,QAAa,sBAAKC,EAAAnD,EAAgBiC,yBAAa,OAI1E"}
+{"version":3,"file":"DataGrid.cjs.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  Fragment,\n  ReactElement,\n  Ref,\n  useEffect,\n  useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\nimport { DataGridToolbar, DataGridToolbarProps } from \"./DataGridFilters/DataGridToolbar\";\nimport { DataGridToolbarWrapper } from \"./DataGridFilters/DataGridToolbarWrapper\";\nimport { DataGridSearchbar, DataGridSearchbarProps } from \"./DataGridFilters/DataGridSearchbar\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  headers: HeaderCell[];\n  /**\n   * @deprecated use the `toolbarButtons` prop instead\n   */\n  actions?: {\n    enableAddBtn?: boolean;\n    enableColumnsBtn?: boolean;\n    enableSearchBtn?: boolean;\n    addBtnProps?: ButtonProps;\n    columnsBtnProps?: ButtonProps;\n    searchBtnProps?: ButtonProps;\n    searchIconBtnProps?: ButtonProps;\n  };\n  emptyLabel?: string;\n  paginationProps?: PaginationProps;\n  disableContextMenuColumn?: boolean;\n  enableExpandableRow?: boolean;\n  filters?: DataGridToolbarProps;\n  search?: DataGridSearchbarProps;\n  toolbarButtons?:\n    | ReactElement<ButtonProps, typeof Button>\n    | ReactElement<ButtonProps, typeof Button>[];\n  isLoading?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n  {\n    children,\n    data,\n    initialSort,\n    onSort,\n    headers,\n    actions = {},\n    paginationProps,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    filters,\n    search,\n    toolbarButtons,\n    isLoading,\n    enableMultiSorting,\n    emptyLabel,\n    spacing,\n    style,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLDivElement>\n) => {\n  if (!headers) {\n    throw new Error(\"Headers definition has to be provided\");\n  }\n  if (!children) {\n    throw new Error(\"DataGridBody should be provided with a template how to render rows\");\n  }\n\n  const [internalHeaders, setInternalHeaders] = useState(headers);\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  useEffect(() => setInternalHeaders(headers), [headers]);\n\n  const onColumnToggled = (colName: string) => {\n    setInternalHeaders(\n      internalHeaders.map(item =>\n        item.name !== colName ? item : { ...item, hidden: !item.hidden }\n      )\n    );\n  };\n\n  if (styleWithSpacing?.padding) {\n    const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n    let paddingLeftIndex: number = 0;\n\n    if (splitPaddings.length >= 2) {\n      paddingLeftIndex = 1;\n    }\n    if (splitPaddings.length === 4) {\n      paddingLeftIndex = 3;\n    }\n\n    Object.defineProperties(styleWithSpacing, {\n      paddingTop: {\n        value: splitPaddings[0]\n      },\n      paddingRight: {\n        value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n      },\n      paddingBottom: {\n        value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n      },\n      paddingLeft: {\n        value: splitPaddings[paddingLeftIndex]\n      }\n    });\n  }\n\n  return (\n    <div\n      {...rest}\n      className={classes[\"grid-wrapper\"]}\n      ref={ref}\n      style={{\n        paddingTop: styleWithSpacing?.paddingTop,\n        paddingBottom: styleWithSpacing?.paddingBottom\n      }}\n    >\n      {filters || search || toolbarButtons ? (\n        <DataGridToolbarWrapper\n          filters={\n            <Fragment>\n              {search && <DataGridSearchbar {...search} />}\n              {filters && <DataGridToolbar {...filters} />}\n            </Fragment>\n          }\n          buttons={toolbarButtons}\n        />\n      ) : (\n        <DataGridActions\n          {...actions}\n          style={{\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          headers={internalHeaders}\n          onColumnToggled={onColumnToggled}\n        />\n      )}\n\n      <div className={classes[\"table-wrapper\"]}>\n        <table className={classes[\"table\"]}>\n          <DataGridHeader\n            headers={internalHeaders}\n            initialSort={initialSort}\n            onSort={onSort}\n            disableContextMenuColumn={disableContextMenuColumn}\n            enableExpandableRow={enableExpandableRow}\n            enableMultiSorting={enableMultiSorting}\n            spacing={styleWithSpacing}\n          />\n          <DataGridBody\n            data={data}\n            headers={internalHeaders}\n            isLoading={isLoading}\n            disableContextMenuColumn={disableContextMenuColumn}\n            emptyLabel={emptyLabel}\n            spacing={styleWithSpacing}\n            searchValue={search?.initialSearchValue}\n          >\n            {children}\n          </DataGridBody>\n        </table>\n      </div>\n      {paginationProps && !isLoading && (\n        <Pagination\n          {...paginationProps}\n          style={{\n            ...paginationProps.style,\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["DataGrid","React","forwardRef","children","data","initialSort","onSort","headers","actions","paginationProps","disableContextMenuColumn","enableExpandableRow","filters","search","toolbarButtons","isLoading","enableMultiSorting","emptyLabel","spacing","style","rest","ref","Error","internalHeaders","setInternalHeaders","useState","styleWithSpacing","useSpacing","useEffect","padding","splitPaddings","toString","split","paddingLeftIndex","length","Object","defineProperties","paddingTop","value","paddingRight","paddingBottom","paddingLeft","createElement","className","classes","DataGridToolbarWrapper","Fragment","DataGridSearchbar","DataGridToolbar","buttons","DataGridActions","onColumnToggled","colName","map","item","name","hidden","DataGridHeader","DataGridBody","searchValue","initialSearchValue","Pagination","default","_a"],"mappings":"6eAoEA,MA8IaA,EAAWC,EAAMC,YA9IR,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,GACVC,kBACAC,2BACAC,sBACAC,UACAC,SACAC,iBACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKd,EACH,MAAM,IAAIe,MAAM,yCAElB,IAAKnB,EACH,MAAM,IAAImB,MAAM,sEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAAClB,GACjDmB,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBjB,IAAU,CAACA,IAU9C,GAAImB,aAAgB,EAAhBA,EAAkBG,QAAS,CAC7B,MAAMC,EAAgBJ,EAAiBG,QAAQE,WAAWC,MAAM,KAEhE,IAAIC,EAA2B,EAE3BH,EAAcI,QAAU,IAC1BD,EAAmB,GAEQ,IAAzBH,EAAcI,SAChBD,EAAmB,GAGrBE,OAAOC,iBAAiBV,EAAkB,CACxCW,WAAY,CACVC,MAAOR,EAAc,IAEvBS,aAAc,CACZD,MAAOR,EAAcA,EAAcI,OAAS,EAAI,EAAI,EAAI,IAE1DM,cAAe,CACbF,MAAOR,EAAcA,EAAcI,OAAS,GAAK,EAAI,EAAI,IAE3DO,YAAa,CACXH,MAAOR,EAAcG,KAG1B,CAED,OACEhC,EACMyC,cAAA,MAAA,IAAAtB,EACJuB,UAAWC,EAAAA,QAAQ,gBACnBvB,IAAKA,EACLF,MAAO,CACLkB,WAAYX,aAAA,EAAAA,EAAkBW,WAC9BG,cAAed,aAAA,EAAAA,EAAkBc,gBAGlC5B,GAAWC,GAAUC,EACpBb,EAAAyC,cAACG,yBAAsB,CACrBjC,QACEX,gBAAC6C,EAAQA,SAAA,KACNjC,GAAUZ,EAAAyC,cAACK,EAAiBA,kBAAA,IAAKlC,IACjCD,GAAWX,gBAAC+C,EAAAA,gBAAe,IAAKpC,KAGrCqC,QAASnC,IAGXb,EAAAyC,cAACQ,EAAeA,gBACV,IAAA1C,EACJW,MAAO,CACLsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElChC,QAASgB,EACT4B,gBAhEiBC,IACvB5B,EACED,EAAgB8B,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,IA+DCvD,EAAAyC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtB3C,EAAAyC,cAAA,QAAA,CAAOC,UAAWC,EAAAA,QAAe,OAC/B3C,EAAAyC,cAACe,iBAAc,CACblD,QAASgB,EACTlB,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BC,oBAAqBA,EACrBK,mBAAoBA,EACpBE,QAASQ,IAEXzB,EAAAyC,cAACgB,EAAAA,aACC,CAAAtD,KAAMA,EACNG,QAASgB,EACTR,UAAWA,EACXL,yBAA0BA,EAC1BO,WAAYA,EACZC,QAASQ,EACTiC,YAAa9C,aAAM,EAANA,EAAQ+C,oBAEpBzD,KAINM,IAAoBM,GACnBd,EAACyC,cAAAmB,EAAAA,WACK,IAAApD,EACJU,MAAO,IACFV,EAAgBU,MACnBsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCI,UAAW,GAAGC,EAAOkB,QAAa,sBAAKC,EAAAtD,EAAgBkC,yBAAa,OAI1E"}

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

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

package/dist/cjs/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, createRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../../hooks/useGetDomRoot\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FilterEditorMode,\n  FiltersAction,\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  dispatch: React.Dispatch<FiltersAction>;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  tagTranslations?: TagTranslations;\n  popoverTranslations?: PopoverTranslations;\n};\n\nexport const DataGridFilter = ({\n  mode,\n  filter,\n  domRoot,\n  columnsMetadata,\n  dispatch,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  tagTranslations,\n  popoverTranslations\n}: Props) => {\n  const wrappingDivRef = createRef<HTMLDivElement>();\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  } = useDataGridFilter(mode, columnsMetadata);\n\n  const onFilterSubmit = () => {\n    if (mode === \"ADD\") {\n      const id = generateID();\n\n      dispatch({\n        type: \"add\",\n        payload: { id, column, operator, value: pickedValues }\n      });\n      onFilterAdd && onFilterAdd({ id, column, operator, value: pickedValues });\n    } else if (mode === \"EDIT\" && filter) {\n      const { id } = filter;\n\n      dispatch({\n        type: \"edit\",\n        payload: { id, column, operator, value: pickedValues }\n      });\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    const { id } = filter;\n\n    dispatch({ type: \"remove\", payload: { id } });\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={wrappingDivRef}\n        filter={filter}\n      />\n      {createPortal(\n        <DataGridFilterPopover\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          column={column}\n          columnsMetadata={columnsMetadata}\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","dispatch","onFilterAdd","onFilterEdit","onFilterDelete","tagTranslations","popoverTranslations","wrappingDivRef","createRef","filterOpen","setFilterOpen","useState","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","useDataGridFilter","React","Fragment","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","type","payload","triggerRef","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID","value"],"mappings":"8SA6C8B,EAC5BA,OACAC,SACAC,UACAC,kBACAC,WACAC,cACAC,eACAC,iBACAC,kBACAC,0BAEA,MAAMC,EAAiBC,EAAAA,aAChBC,EAAYC,GAAiBC,EAAQA,UAAC,IACvCC,KAAEA,GAASC,EAAaA,cAACd,EAASQ,IAClCO,YACJA,EAAWC,SACXA,EAAQC,YACRA,EAAWC,UACXA,EAASC,aACTA,EAAYC,OACZA,EAAMC,UACNA,EAASC,OACTA,EAAMC,UACNA,EAASC,aACTA,EAAYC,gBACZA,EAAeC,uBACfA,GACEC,oBAAkB7B,EAAMG,GA4C5B,OACE2B,gBAACC,EAAAA,SAAQ,KACPD,EAACE,cAAAC,EAAAA,mBACCjC,KAAMA,EACNkC,aAXe,KACnBrB,GAAeD,GACVA,GACHgB,EAAuB3B,EACxB,EAQGkC,eAxBiB,KACrB,IAAKlC,EACH,OAEF,MAAMmC,GAAEA,GAAOnC,EAEfG,EAAS,CAAEiC,KAAM,SAAUC,QAAS,CAAEF,QACtC7B,GAAkBA,EAAe6B,GAEjCnB,IACAJ,GAAc,EAAM,EAehB0B,WAAY7B,EACZT,OAAQA,IAETuC,eACCV,EAAAE,cAACS,EAAqBA,sBAAA,CACpBC,UAAWhC,EACXiC,OAAQ/B,EACRU,OAAQA,EACRnB,gBAAiBA,EACjBqB,OAAQA,EACRE,aAAcA,EACdR,SAAUA,EACVE,UAAWA,EACXwB,eA7De,KACrB,GAAa,QAAT5C,EAAgB,CAClB,MAAMoC,EAAKS,EAAAA,aAEXzC,EAAS,CACPiC,KAAM,MACNC,QAAS,CAAEF,KAAId,SAAQJ,WAAU4B,MAAOpB,KAE1CrB,GAAeA,EAAY,CAAE+B,KAAId,SAAQJ,WAAU4B,MAAOpB,GAC3D,MAAM,GAAa,SAAT1B,GAAmBC,EAAQ,CACpC,MAAMmC,GAAEA,GAAOnC,EAEfG,EAAS,CACPiC,KAAM,OACNC,QAAS,CAAEF,KAAId,SAAQJ,WAAU4B,MAAOpB,KAE1CpB,GAAgBA,EAAa,CAAE8B,KAAId,SAAQJ,WAAU4B,MAAOpB,GAC7D,CAEDT,IACAJ,GAAc,EAAM,EA0CdI,YAAaA,EACbJ,cAAeA,EACfU,UAAWA,EACXJ,YAAaA,EACbE,aAAcA,EACdI,UAAWA,EACXE,gBAAiBA,IAEnBZ,GAGJ"}
+{"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  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};\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}: 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  } = useDataGridFilter(mode, columnsMetadata);\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      />\n      {createPortal(\n        <DataGridFilterPopover\n          popoverRef={popoverRef}\n          anchorRef={wrappingDivRef}\n          isOpen={filterOpen}\n          translations={popoverTranslations}\n          column={column}\n          columnsMetadata={columnsMetadata}\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","wrappingDivRef","useRef","triggerRef","popoverRef","filterOpen","setFilterOpen","useState","root","useGetDomRoot","resetFields","operator","setOperator","operators","setOperators","column","setColumn","values","setValues","pickedValues","setPickedValues","initialiseFilterValues","useDataGridFilter","React","Fragment","createElement","DataGridFilterTag","onFilterOpen","onFilterRemove","id","ref","translations","createPortal","DataGridFilterPopover","anchorRef","isOpen","onFilterSubmit","generateID","value"],"mappings":"8SA4C8B,EAC5BA,OACAC,SACAC,UACAC,kBACAC,cACAC,eACAC,iBACAC,kBACAC,sBACAC,2BAEA,MAAMC,EAAiBC,SAAuB,MACxCC,EAAaD,SAA0B,MACvCE,EAAaF,SAAuB,OAEnCG,EAAYC,GAAiBC,EAAQA,UAAC,IACvCC,KAAEA,GAASC,EAAaA,cAAChB,EAASQ,IAClCS,YACJA,EAAWC,SACXA,EAAQC,YACRA,EAAWC,UACXA,EAASC,aACTA,EAAYC,OACZA,EAAMC,UACNA,EAASC,OACTA,EAAMC,UACNA,EAASC,aACTA,EAAYC,gBACZA,EAAeC,uBACfA,GACEC,oBAAkB/B,EAAMG,GAiC5B,OACE6B,gBAACC,EAAAA,SAAQ,KACPD,EAAAE,cAACC,EAAAA,kBAAiB,CAChBnC,KAAMA,EACNoC,aAXe,KACnBrB,GAAeD,GACVA,GACHgB,EAAuB7B,EACxB,EAQGoC,eAvBiB,KACrB,IAAKpC,EACH,OAGF,MAAMqC,GAAEA,GAAOrC,EACfK,GAAkBA,EAAegC,GAEjCnB,IACAJ,GAAc,EAAM,EAehBH,WAAYA,EACZ2B,IAAK7B,EACLT,OAAQA,EACRuC,aAAcjC,EACdE,qBAAsBA,IAEvBgC,eACCT,EAACE,cAAAQ,wBACC,CAAA7B,WAAYA,EACZ8B,UAAWjC,EACXkC,OAAQ9B,EACR0B,aAAchC,EACdgB,OAAQA,EACRrB,gBAAiBA,EACjBuB,OAAQA,EACRE,aAAcA,EACdR,SAAUA,EACVE,UAAWA,EACXuB,eAvDe,KACrB,GAAa,QAAT7C,EAAgB,CAClB,MAAMsC,EAAKQ,EAAAA,aACX1C,GAAeA,EAAY,CAAEkC,KAAId,SAAQJ,WAAU2B,MAAOnB,GAC3D,MAAM,GAAa,SAAT5B,GAAmBC,EAAQ,CACpC,MAAMqC,GAAEA,GAAOrC,EACfI,GAAgBA,EAAa,CAAEiC,KAAId,SAAQJ,WAAU2B,MAAOnB,GAC7D,CAEDT,IACAJ,GAAc,EAAM,EA8CdI,YAAaA,EACbJ,cAAeA,EACfU,UAAWA,EACXJ,YAAaA,EACbE,aAAcA,EACdI,UAAWA,EACXE,gBAAiBA,IAEnBZ,GAGJ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter-module_sr-only__42Whj{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter-module_hidden__-lmLz{display:none}.DataGridFilter-module_slide-in__Ab0c2{animation:DataGridFilter-module_slide-in__Ab0c2 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter-module_slide-in__Ab0c2{animation-duration:.1ms}}.DataGridFilter-module_slide-out__znEjC{animation:DataGridFilter-module_slide-out__znEjC .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter-module_slide-out__znEjC{animation-duration:.1ms}}@keyframes DataGridFilter-module_slide-in__Ab0c2{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter-module_slide-out__znEjC{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridFilter-module_filter-wrapper__qd5Al{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;padding:.25rem .75rem .25rem .5rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:only-child{margin-right:-.25rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:hover{background-color:var(--color-black10);border-radius:.125rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:active{background-color:var(--color-blue-grey400)}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_caption__vSlvk{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_caption__vSlvk.DataGridFilter-module_bold__oaBQm{font-weight:600}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_remove-icon__T5Kuo{font-size:.6rem}.DataGridFilter-module_column-select-option__epEFk{text-transform:capitalize}.DataGridFilter-module_popover__LXEBl{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2{display:flex;gap:1rem;width:100%}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2 :first-child,.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2>:last-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_actions__Mr5CH{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixzQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEscUNBQ0UsWUFDRixDQUVBLHVDQUNFLDREQUNGLENBQ0EsdUNBQ0UsdUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLGlEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxrREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsNkNBR0Usa0JBQW1CLENBSW5CLDBDQUEyQyxDQUQzQyxzQkFBdUIsQ0FMdkIsWUFBYSxDQUdiLFdBQWEsQ0FGYixzQkFBdUIsQ0FHdkIsa0NBR0YsQ0FDQSx5RkFHRSxrQkFBbUIsQ0FFbkIsZUFBZ0IsQ0FDaEIsV0FBWSxDQUVaLGNBQWUsQ0FQZixZQUFhLENBR2IsV0FBYSxDQUZiLDBCQUEyQixDQUszQixnQkFFRixDQUNBLG9HQUNFLG9CQUNGLENBQ0EsK0ZBRUUscUNBQXNDLENBRHRDLHFCQUVGLENBQ0EsZ0dBQ0UsMENBQ0YsQ0FDQSx1R0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0EsbUZBQ0Usb0NBQXFDLENBR3JDLGVBQWdCLENBRmhCLHdDQUF5QyxDQUN6QyxRQUVGLENBQ0EscUhBQ0UsZUFDRixDQUNBLHVGQUNFLGVBQ0YsQ0FFQSxtREFDRSx5QkFDRixDQUVBLHNDQUdFLHNCQUF1QixDQUZ2QixZQUFhLENBQ2IscUJBQXNCLENBRXRCLFFBQVMsQ0FFVCxlQUFnQixDQURoQixtQkFFRixDQUNBLDZFQUVFLFlBQWEsQ0FDYixRQUFTLENBRlQsVUFHRixDQUNBLG1MQUVFLGFBQWMsQ0FDZCxhQUFjLENBQ2QsWUFDRixDQUNBLDJGQUNFLFdBQVksQ0FDWixhQUFjLENBQ2QsWUFDRixDQUNBLDRFQUNFLFlBQWEsQ0FDYixRQUNGIiwiZmlsZSI6IkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsdGVyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjM3NXJlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjc1cmVtIDAuMjVyZW0gMC41cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjM3NXJlbTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDAuMjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbjpvbmx5LWNoaWxkIHtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4yNXJlbTtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbjpob3ZlciB7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbjphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuLmZpbHRlci13cmFwcGVyIC5maWx0ZXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWx0ZXItd3JhcHBlciAuY2FwdGlvbiB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uZmlsdGVyLXdyYXBwZXIgLmNhcHRpb24uYm9sZCB7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG59XG4uZmlsdGVyLXdyYXBwZXIgLnJlbW92ZS1pY29uIHtcbiAgZm9udC1zaXplOiAwLjZyZW07XG59XG5cbi5jb2x1bW4tc2VsZWN0LW9wdGlvbiB7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4ucG9wb3ZlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6IDFyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC43NXJlbTtcbiAgbWluLXdpZHRoOiA0MHJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQsXG4ucG9wb3ZlciAuY29udHJvbHMgKjpmaXJzdC1jaGlsZCB7XG4gIGZsZXgtZ3JvdzogMS44O1xuICBmbGV4LXNocmluazogMDtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6bnRoLWNoaWxkKDIpIHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5wb3BvdmVyIC5hY3Rpb25zIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAxcmVtO1xufSJdfQ== */'),exports.default={"sr-only":"DataGridFilter-module_sr-only__42Whj",hidden:"DataGridFilter-module_hidden__-lmLz","slide-in":"DataGridFilter-module_slide-in__Ab0c2","slide-out":"DataGridFilter-module_slide-out__znEjC","filter-wrapper":"DataGridFilter-module_filter-wrapper__qd5Al","filter-button":"DataGridFilter-module_filter-button__tBzMf",caption:"DataGridFilter-module_caption__vSlvk",bold:"DataGridFilter-module_bold__oaBQm","remove-icon":"DataGridFilter-module_remove-icon__T5Kuo","column-select-option":"DataGridFilter-module_column-select-option__epEFk",popover:"DataGridFilter-module_popover__LXEBl",controls:"DataGridFilter-module_controls__TrlV2",actions:"DataGridFilter-module_actions__Mr5CH"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridFilter-module_sr-only__42Whj{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridFilter-module_hidden__-lmLz{display:none}.DataGridFilter-module_slide-in__Ab0c2{animation:DataGridFilter-module_slide-in__Ab0c2 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter-module_slide-in__Ab0c2{animation-duration:.1ms}}.DataGridFilter-module_slide-out__znEjC{animation:DataGridFilter-module_slide-out__znEjC .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridFilter-module_slide-out__znEjC{animation-duration:.1ms}}@keyframes DataGridFilter-module_slide-in__Ab0c2{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridFilter-module_slide-out__znEjC{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridFilter-module_filter-wrapper__qd5Al{align-items:center;background-color:var(--color-blue-grey100);border-radius:3.125rem;display:flex;gap:.375rem;justify-content:center;min-height:1.5rem;padding:.25rem .75rem .25rem .5rem}.DataGridFilter-module_filter-wrapper__qd5Al:hover{background-color:var(--color-blue-grey200)}.DataGridFilter-module_filter-wrapper__qd5Al:active{background-color:var(--color-primary100)}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.375rem;justify-content:flex-start;padding:0 .25rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:only-child{margin-right:-.25rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_filter-button__tBzMf:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_remove-button__dh0WC{border-radius:1.25rem}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_caption__vSlvk{font-size:var(--font-size-data-grid);font-weight:400;line-height:var(--data-grid-line-height);margin:0}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_caption__vSlvk.DataGridFilter-module_bold__oaBQm{font-weight:600}.DataGridFilter-module_filter-wrapper__qd5Al .DataGridFilter-module_remove-icon__T5Kuo{font-size:.6rem}.DataGridFilter-module_column-select-option__epEFk{text-transform:capitalize}.DataGridFilter-module_popover__LXEBl{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;min-width:40rem;padding:1rem .75rem}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2{display:flex;gap:1rem;width:100%}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2>:first-child{flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2>:nth-child(2){flex-grow:1;flex-shrink:0;margin-top:0}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_controls__TrlV2>:last-child{flex-basis:15rem;flex-grow:1.8;flex-shrink:0;margin-top:0}.DataGridFilter-module_popover__LXEBl .DataGridFilter-module_actions__Mr5CH{display:flex;gap:1rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixzQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEscUNBQ0UsWUFDRixDQUVBLHVDQUNFLDREQUNGLENBQ0EsdUNBQ0UsdUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLGlEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxrREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsNkNBR0Usa0JBQW1CLENBS25CLDBDQUEyQyxDQUQzQyxzQkFBdUIsQ0FOdkIsWUFBYSxDQUdiLFdBQWEsQ0FGYixzQkFBdUIsQ0FHdkIsaUJBQWtCLENBQ2xCLGtDQUdGLENBQ0EsbURBQ0UsMENBQ0YsQ0FDQSxvREFDRSx3Q0FDRixDQUNBLHlGQUdFLGtCQUFtQixDQUVuQixlQUFnQixDQUNoQixXQUFZLENBRVosY0FBZSxDQVBmLFlBQWEsQ0FHYixXQUFhLENBRmIsMEJBQTJCLENBSzNCLGdCQUVGLENBQ0Esb0dBQ0Usb0JBQ0YsQ0FDQSx1R0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0EseUZBQ0UscUJBQ0YsQ0FDQSxtRkFDRSxvQ0FBcUMsQ0FHckMsZUFBZ0IsQ0FGaEIsd0NBQXlDLENBQ3pDLFFBRUYsQ0FDQSxxSEFDRSxlQUNGLENBQ0EsdUZBQ0UsZUFDRixDQUVBLG1EQUNFLHlCQUNGLENBRUEsc0NBR0Usc0JBQXVCLENBRnZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FFdEIsUUFBUyxDQUVULGVBQWdCLENBRGhCLG1CQUVGLENBQ0EsNkVBRUUsWUFBYSxDQUNiLFFBQVMsQ0FGVCxVQUdGLENBQ0EsMEZBQ0UsYUFBYyxDQUNkLGFBQWMsQ0FDZCxZQUNGLENBQ0EsMkZBQ0UsV0FBWSxDQUNaLGFBQWMsQ0FDZCxZQUNGLENBQ0EseUZBQ0UsZ0JBQWlCLENBQ2pCLGFBQWMsQ0FDZCxhQUFjLENBQ2QsWUFDRixDQUNBLDRFQUNFLFlBQWEsQ0FDYixRQUNGIiwiZmlsZSI6IkRhdGFHcmlkRmlsdGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsdGVyLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjM3NXJlbTtcbiAgbWluLWhlaWdodDogMS41cmVtO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW0gMC4yNXJlbSAwLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDMuMTI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLmZpbHRlci13cmFwcGVyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjAwKTtcbn1cbi5maWx0ZXItd3JhcHBlcjphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5MTAwKTtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjM3NXJlbTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDAuMjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbjpvbmx5LWNoaWxkIHtcbiAgbWFyZ2luLXJpZ2h0OiAtMC4yNXJlbTtcbn1cbi5maWx0ZXItd3JhcHBlciAuZmlsdGVyLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4uZmlsdGVyLXdyYXBwZXIgLnJlbW92ZS1idXR0b24ge1xuICBib3JkZXItcmFkaXVzOiAxLjI1cmVtO1xufVxuLmZpbHRlci13cmFwcGVyIC5jYXB0aW9uIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbi5maWx0ZXItd3JhcHBlciAuY2FwdGlvbi5ib2xkIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbn1cbi5maWx0ZXItd3JhcHBlciAucmVtb3ZlLWljb24ge1xuICBmb250LXNpemU6IDAuNnJlbTtcbn1cblxuLmNvbHVtbi1zZWxlY3Qtb3B0aW9uIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG5cbi5wb3BvdmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMXJlbTtcbiAgcGFkZGluZzogMXJlbSAwLjc1cmVtO1xuICBtaW4td2lkdGg6IDQwcmVtO1xufVxuLnBvcG92ZXIgLmNvbnRyb2xzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cbi5wb3BvdmVyIC5jb250cm9scyA+ICo6Zmlyc3QtY2hpbGQge1xuICBmbGV4LWdyb3c6IDEuODtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOm50aC1jaGlsZCgyKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ucG9wb3ZlciAuY29udHJvbHMgPiAqOmxhc3QtY2hpbGQge1xuICBmbGV4LWJhc2lzOiAxNXJlbTtcbiAgZmxleC1ncm93OiAxLjg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLnBvcG92ZXIgLmFjdGlvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDFyZW07XG59Il19 */'),exports.default={"sr-only":"DataGridFilter-module_sr-only__42Whj",hidden:"DataGridFilter-module_hidden__-lmLz","slide-in":"DataGridFilter-module_slide-in__Ab0c2","slide-out":"DataGridFilter-module_slide-out__znEjC","filter-wrapper":"DataGridFilter-module_filter-wrapper__qd5Al","filter-button":"DataGridFilter-module_filter-button__tBzMf","remove-button":"DataGridFilter-module_remove-button__dh0WC",caption:"DataGridFilter-module_caption__vSlvk",bold:"DataGridFilter-module_bold__oaBQm","remove-icon":"DataGridFilter-module_remove-icon__T5Kuo","column-select-option":"DataGridFilter-module_column-select-option__epEFk",popover:"DataGridFilter-module_popover__LXEBl",controls:"DataGridFilter-module_controls__TrlV2",actions:"DataGridFilter-module_actions__Mr5CH"};
 //# sourceMappingURL=DataGridFilter.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterPopover.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./DataGridFilter.module.scss.cjs.js"),a=require("../../Button/Button.cjs.js"),l=require("../../Form/Select/SingleSelect/Option.cjs.js"),r=require("../../Form/Select/MultiSelect/MultiOption.cjs.js"),o=require("../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),n=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),s=require("../../Popover/Popover.cjs.js"),c=require("./DataGridFilters.interfaces.cjs.js");exports.DataGridFilterPopover=({anchorRef:u,isOpen:i,column:p,columnsMetadata:m,values:d,pickedValues:v,operator:j,operators:b,onFilterSubmit:f,resetFields:S,setFilterOpen:O,setColumn:E,setOperator:h,setOperators:F,setValues:g,setPickedValues:q,translations:W})=>{const{columnSelectLabel:C="Filter by",operatorSelectLabel:N="Operator",valueSelectLabel:V="Value",addNewValueLabel:k="Create new",addNewValueButtonTitle:w="Add new select value",submitButtonTitle:y="Apply",cancelButtonTitle:B="Cancel"}=W||{};return e.createElement(s.Popover,{anchorEl:u,show:i,placement:{horizontal:"left",vertical:"bottom"},transformOrigin:{horizontal:"left",vertical:"top"}},e.createElement("div",{className:t.default.popover},e.createElement("div",{className:t.default.controls},e.createElement(n.SelectWrapper,{label:C,value:p,name:"column",onChange:e=>{E(e.target.value);const t=m.find((({name:t})=>t===e.target.value));(null==t?void 0:t.operators)?(h(t.operators[0]),F(t.operators)):(h(Object.values(c.DefaultOperators)[0]),F(Object.values(c.DefaultOperators))),(null==t?void 0:t.defaultValues)?(q([]),g(t.defaultValues)):(q([]),g([]))}},m.map((({name:a,headline:r})=>e.createElement(l.Option,{className:t.default["column-select-option"],key:a,value:a},r)))),e.createElement(n.SelectWrapper,{label:N,value:j,name:"operator",onChange:e=>h(e.target.value)},b.map((t=>e.createElement(l.Option,{key:t,value:t},t)))),e.createElement(o.MultiSelectWrapper,{label:V,name:"value",value:v,onChange:e=>q([...Array.from(e.target.options)].filter((e=>e.selected)).map((e=>e.value))),selectProps:{addNew:{label:k,onAddNew:e=>{e&&(g((t=>[...t,e])),q((t=>[...t,e])))},btnProps:{title:w,type:"button"}},search:{enabled:!0,renderThreshold:0}}},d.map((t=>e.createElement(r.MultiOption,{key:t,value:t},t))))),e.createElement("div",{className:t.default.actions},e.createElement(a.Button,{onClick:f},y),e.createElement(a.Button,{variant:"text",onClick:()=>{S(),O(!1)}},B))))};
+"use strict";var e=require("react"),t=require("./DataGridFilter.module.scss.cjs.js"),a=require("../../Button/Button.cjs.js"),r=require("../../Form/Select/SingleSelect/Option.cjs.js"),l=require("../../Form/Select/MultiSelect/MultiOption.cjs.js"),o=require("../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),s=require("../../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),n=require("../../Popover/Popover.cjs.js"),c=require("./DataGridFilters.interfaces.cjs.js"),u=require("../../src/hooks/useRepeatFocus.cjs.js");exports.DataGridFilterPopover=({popoverRef:i,anchorRef:p,isOpen:m,column:d,columnsMetadata:v,values:f,pickedValues:j,operator:b,operators:S,onFilterSubmit:O,resetFields:E,setFilterOpen:h,setColumn:F,setOperator:q,setOperators:g,setValues:W,setPickedValues:k,translations:C})=>{const{columnSelectLabel:N="Filter by",operatorSelectLabel:V="Operator",valueSelectLabel:w="Value",addNewValueLabel:y="Create new",addNewValueButtonTitle:B="Add new select value",submitButtonTitle:M="Apply",cancelButtonTitle:P="Cancel"}=C||{};return u.useRepeatFocus(i),e.useEffect((()=>{var e;m&&(null===(e=i.current)||void 0===e||e.focus())}),[m]),e.createElement(n.Popover,{tabIndex:-1,anchorEl:p,ref:i,show:m,placement:{horizontal:"left",vertical:"bottom"},transformOrigin:{horizontal:"left",vertical:"top"}},e.createElement("div",{className:t.default.popover},e.createElement("div",{className:t.default.controls},e.createElement(s.SelectWrapper,{label:N,value:d,name:"column",onChange:e=>{F(e.target.value);const t=v.find((({name:t})=>t===e.target.value));(null==t?void 0:t.operators)?(q(t.operators[0]),g(t.operators)):(q(Object.values(c.DefaultOperators)[0]),g(Object.values(c.DefaultOperators))),(null==t?void 0:t.defaultValues)?(k([]),W(t.defaultValues)):(k([]),W([]))}},v.map((({name:a,headline:l})=>e.createElement(r.Option,{className:t.default["column-select-option"],key:a,value:a},l)))),e.createElement(s.SelectWrapper,{label:V,value:b,name:"operator",onChange:e=>q(e.target.value)},S.map((t=>e.createElement(r.Option,{key:t,value:t},t)))),e.createElement(o.MultiSelectWrapper,{label:w,name:"value",value:j,onChange:e=>k([...Array.from(e.target.options)].filter((e=>e.selected)).map((e=>e.value))),selectProps:{addNew:{label:y,onAddNew:e=>{e&&(W((t=>[...t,e])),k((t=>[...t,e])))},btnProps:{title:B,type:"button"}},search:{enabled:!0,renderThreshold:0}}},f.map((t=>e.createElement(l.MultiOption,{key:t,value:t},t))))),e.createElement("div",{className:t.default.actions},e.createElement(a.Button,{onClick:O},M),e.createElement(a.Button,{variant:"text",onClick:()=>{E(),h(!1)}},P))))};
 //# sourceMappingURL=DataGridFilterPopover.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterPopover.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterPopover.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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 from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\n\nexport type Props = {\n  anchorRef?: React.RefObject<HTMLOrSVGElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  return (\n    <Popover\n      anchorEl={anchorRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <MultiSelectWrapper\n            label={valueSelectLabel}\n            name={\"value\"}\n            value={pickedValues}\n            onChange={e =>\n              setPickedValues(\n                [...Array.from(e.target.options)]\n                  .filter(option => option.selected)\n                  .map(option => option.value)\n              )\n            }\n            selectProps={{\n              addNew: {\n                label: addNewValueLabel,\n                onAddNew: value => {\n                  if (value) {\n                    setValues(prev => [...prev, value]);\n                    setPickedValues(prev => [...prev, value]);\n                  }\n                },\n                btnProps: { title: addNewValueButtonTitle, type: \"button\" }\n              },\n              search: {\n                enabled: true,\n                renderThreshold: 0\n              }\n            }}\n          >\n            {values.map(value => (\n              <MultiOption key={value} value={value}>\n                {value}\n              </MultiOption>\n            ))}\n          </MultiSelectWrapper>\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":["anchorRef","isOpen","column","columnsMetadata","values","pickedValues","operator","operators","onFilterSubmit","resetFields","setFilterOpen","setColumn","setOperator","setOperators","setValues","setPickedValues","translations","columnSelectLabel","operatorSelectLabel","valueSelectLabel","addNewValueLabel","addNewValueButtonTitle","submitButtonTitle","cancelButtonTitle","React","createElement","Popover","anchorEl","show","placement","horizontal","vertical","transformOrigin","className","classes","SelectWrapper","label","value","name","onChange","e","target","columnMetadata","find","Object","DefaultOperators","defaultValues","map","headline","Option","key","MultiSelectWrapper","Array","from","options","filter","option","selected","selectProps","addNew","onAddNew","prev","btnProps","title","type","search","enabled","renderThreshold","MultiOption","Button","onClick","variant"],"mappings":"8fAkDqC,EACnCA,YACAC,SACAC,SACAC,kBACAC,SACAC,eACAC,WACAC,YACAC,iBACAC,cACAC,gBACAC,YACAC,cACAC,eACAC,YACAC,kBACAC,mBAEA,MAAMC,kBACJA,EAAoB,YAAWC,oBAC/BA,EAAsB,WAAUC,iBAChCA,EAAmB,QAAOC,iBAC1BA,EAAmB,aAAYC,uBAC/BA,EAAyB,uBAAsBC,kBAC/CA,EAAoB,QAAOC,kBAC3BA,EAAoB,UAClBP,GAAgB,GACpB,OACEQ,EAAAC,cAACC,UAAO,CACNC,SAAU3B,EACV4B,KAAM3B,EACN4B,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,gBAAiB,CAAEF,WAAY,OAAQC,SAAU,QAEjDP,EAAAC,cAAA,MAAA,CAAKQ,UAAWC,EAAAA,QAAiB,SAC/BV,EAAAC,cAAA,MAAA,CAAKQ,UAAWC,EAAAA,QAAkB,UAChCV,EAAAC,cAACU,gBACC,CAAAC,MAAOnB,EACPoB,MAAOnC,EACPoC,KAAM,SACNC,SAAUC,IACR7B,EAAU6B,EAAEC,OAAOJ,OACnB,MAAMK,EAAiBvC,EAAgBwC,MAAK,EAAGL,UAAWA,IAASE,EAAEC,OAAOJ,SAExEK,aAAc,EAAdA,EAAgBnC,YAClBK,EAAY8B,EAAenC,UAAU,IACrCM,EAAa6B,EAAenC,aAE5BK,EAAYgC,OAAOxC,OAAOyC,EAAgBA,kBAAE,IAC5ChC,EAAa+B,OAAOxC,OAAOyC,EAAAA,qBAGzBH,aAAc,EAAdA,EAAgBI,gBAClB/B,EAAgB,IAChBD,EAAU4B,EAAeI,iBAEzB/B,EAAgB,IAChBD,EAAU,IACX,GAGFX,EAAgB4C,KAAI,EAAGT,OAAMU,cAC5BxB,gBAACyB,SAAM,CAAChB,UAAWC,UAAQ,wBAAyBgB,IAAKZ,EAAMD,MAAOC,GACnEU,MAIPxB,EAACC,cAAAU,EAAAA,cACC,CAAAC,MAAOlB,EACPmB,MAAO/B,EACPgC,KAAM,WACNC,SAAUC,GAAK5B,EAAY4B,EAAEC,OAAOJ,QAEnC9B,EAAUwC,KAAIzC,GACbkB,EAACC,cAAAwB,EAAMA,QAACC,IAAK5C,EAAU+B,MAAO/B,GAC3BA,MAIPkB,EAAAC,cAAC0B,EAAAA,mBAAkB,CACjBf,MAAOjB,EACPmB,KAAM,QACND,MAAOhC,EACPkC,SAAUC,GACRzB,EACE,IAAIqC,MAAMC,KAAKb,EAAEC,OAAOa,UACrBC,QAAOC,GAAUA,EAAOC,WACxBV,KAAIS,GAAUA,EAAOnB,SAG5BqB,YAAa,CACXC,OAAQ,CACNvB,MAAOhB,EACPwC,SAAUvB,IACJA,IACFvB,GAAU+C,GAAQ,IAAIA,EAAMxB,KAC5BtB,GAAgB8C,GAAQ,IAAIA,EAAMxB,KACnC,EAEHyB,SAAU,CAAEC,MAAO1C,EAAwB2C,KAAM,WAEnDC,OAAQ,CACNC,SAAS,EACTC,gBAAiB,KAIpB/D,EAAO2C,KAAIV,GACVb,EAAAC,cAAC2C,EAAWA,YAAA,CAAClB,IAAKb,EAAOA,MAAOA,GAC7BA,OAKTb,EAAAC,cAAA,MAAA,CAAKQ,UAAWC,EAAAA,QAAiB,SAC/BV,EAAAC,cAAC4C,EAAMA,OAAC,CAAAC,QAAS9D,GAAiBc,GAClCE,EAACC,cAAA4C,EAAMA,QACLE,QAAQ,OACRD,QAAS,KACP7D,IACAC,GAAc,EAAM,GAGrBa,KAKT"}
+{"version":3,"file":"DataGridFilterPopover.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterPopover.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, { useEffect } from \"react\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { Option } from \"../../Form/Select/SingleSelect/Option\";\nimport { MultiOption } from \"../../Form/Select/MultiSelect/MultiOption\";\nimport { MultiSelectWrapper } from \"../../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper\";\nimport { SelectWrapper } from \"../../Form/Wrapper/SelectWrapper/SelectWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport {\n  DataGridColumnMetadata,\n  DefaultOperators,\n  PopoverTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { useRepeatFocus } from \"../../../hooks/useRepeatFocus\";\n\nexport type Props = {\n  popoverRef: React.RefObject<HTMLDivElement>;\n  anchorRef?: React.RefObject<HTMLDivElement>;\n  isOpen: boolean;\n  column: string;\n  columnsMetadata: DataGridColumnMetadata[];\n  values: string[];\n  pickedValues: string[];\n  operator: string;\n  operators: string[];\n  onFilterSubmit: () => void;\n  resetFields: () => void;\n  setFilterOpen: (value: React.SetStateAction<boolean>) => void;\n  setColumn: (column: React.SetStateAction<string>) => void;\n  setOperator: (operator: React.SetStateAction<string>) => void;\n  setOperators: (operators: React.SetStateAction<string[]>) => void;\n  setValues: (values: React.SetStateAction<string[]>) => void;\n  setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;\n  translations?: PopoverTranslations;\n};\n\nexport const DataGridFilterPopover = ({\n  popoverRef,\n  anchorRef,\n  isOpen,\n  column,\n  columnsMetadata,\n  values,\n  pickedValues,\n  operator,\n  operators,\n  onFilterSubmit,\n  resetFields,\n  setFilterOpen,\n  setColumn,\n  setOperator,\n  setOperators,\n  setValues,\n  setPickedValues,\n  translations\n}: Props) => {\n  const {\n    columnSelectLabel = \"Filter by\",\n    operatorSelectLabel = \"Operator\",\n    valueSelectLabel = \"Value\",\n    addNewValueLabel = \"Create new\",\n    addNewValueButtonTitle = \"Add new select value\",\n    submitButtonTitle = \"Apply\",\n    cancelButtonTitle = \"Cancel\"\n  } = translations || {};\n  useRepeatFocus(popoverRef);\n\n  useEffect(() => {\n    if (isOpen) {\n      popoverRef.current?.focus();\n    }\n  }, [isOpen]);\n\n  return (\n    <Popover\n      tabIndex={-1}\n      anchorEl={anchorRef}\n      ref={popoverRef}\n      show={isOpen}\n      placement={{ horizontal: \"left\", vertical: \"bottom\" }}\n      transformOrigin={{ horizontal: \"left\", vertical: \"top\" }}\n    >\n      <div className={classes[\"popover\"]}>\n        <div className={classes[\"controls\"]}>\n          <SelectWrapper\n            label={columnSelectLabel}\n            value={column}\n            name={\"column\"}\n            onChange={e => {\n              setColumn(e.target.value);\n              const columnMetadata = columnsMetadata.find(({ name }) => name === e.target.value);\n\n              if (columnMetadata?.operators) {\n                setOperator(columnMetadata.operators[0]);\n                setOperators(columnMetadata.operators);\n              } else {\n                setOperator(Object.values(DefaultOperators)[0]);\n                setOperators(Object.values(DefaultOperators));\n              }\n\n              if (columnMetadata?.defaultValues) {\n                setPickedValues([]);\n                setValues(columnMetadata.defaultValues);\n              } else {\n                setPickedValues([]);\n                setValues([]);\n              }\n            }}\n          >\n            {columnsMetadata.map(({ name, headline }) => (\n              <Option className={classes[\"column-select-option\"]} key={name} value={name}>\n                {headline}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <SelectWrapper\n            label={operatorSelectLabel}\n            value={operator}\n            name={\"operator\"}\n            onChange={e => setOperator(e.target.value)}\n          >\n            {operators.map(operator => (\n              <Option key={operator} value={operator}>\n                {operator}\n              </Option>\n            ))}\n          </SelectWrapper>\n          <MultiSelectWrapper\n            label={valueSelectLabel}\n            name={\"value\"}\n            value={pickedValues}\n            onChange={e =>\n              setPickedValues(\n                [...Array.from(e.target.options)]\n                  .filter(option => option.selected)\n                  .map(option => option.value)\n              )\n            }\n            selectProps={{\n              addNew: {\n                label: addNewValueLabel,\n                onAddNew: value => {\n                  if (value) {\n                    setValues(prev => [...prev, value]);\n                    setPickedValues(prev => [...prev, value]);\n                  }\n                },\n                btnProps: { title: addNewValueButtonTitle, type: \"button\" }\n              },\n              search: {\n                enabled: true,\n                renderThreshold: 0\n              }\n            }}\n          >\n            {values.map(value => (\n              <MultiOption key={value} value={value}>\n                {value}\n              </MultiOption>\n            ))}\n          </MultiSelectWrapper>\n        </div>\n        <div className={classes[\"actions\"]}>\n          <Button onClick={onFilterSubmit}>{submitButtonTitle}</Button>\n          <Button\n            variant=\"text\"\n            onClick={() => {\n              resetFields();\n              setFilterOpen(false);\n            }}\n          >\n            {cancelButtonTitle}\n          </Button>\n        </div>\n      </div>\n    </Popover>\n  );\n};\n"],"names":["popoverRef","anchorRef","isOpen","column","columnsMetadata","values","pickedValues","operator","operators","onFilterSubmit","resetFields","setFilterOpen","setColumn","setOperator","setOperators","setValues","setPickedValues","translations","columnSelectLabel","operatorSelectLabel","valueSelectLabel","addNewValueLabel","addNewValueButtonTitle","submitButtonTitle","cancelButtonTitle","useRepeatFocus","useEffect","_a","current","focus","React","createElement","Popover","tabIndex","anchorEl","ref","show","placement","horizontal","vertical","transformOrigin","className","classes","SelectWrapper","label","value","name","onChange","e","target","columnMetadata","find","Object","DefaultOperators","defaultValues","map","headline","Option","key","MultiSelectWrapper","Array","from","options","filter","option","selected","selectProps","addNew","onAddNew","prev","btnProps","title","type","search","enabled","renderThreshold","MultiOption","Button","onClick","variant"],"mappings":"ijBAoDqC,EACnCA,aACAC,YACAC,SACAC,SACAC,kBACAC,SACAC,eACAC,WACAC,YACAC,iBACAC,cACAC,gBACAC,YACAC,cACAC,eACAC,YACAC,kBACAC,mBAEA,MAAMC,kBACJA,EAAoB,YAAWC,oBAC/BA,EAAsB,WAAUC,iBAChCA,EAAmB,QAAOC,iBAC1BA,EAAmB,aAAYC,uBAC/BA,EAAyB,uBAAsBC,kBAC/CA,EAAoB,QAAOC,kBAC3BA,EAAoB,UAClBP,GAAgB,GASpB,OARAQ,EAAcA,eAACzB,GAEf0B,EAAAA,WAAU,WACJxB,IACkB,QAApByB,EAAA3B,EAAW4B,eAAS,IAAAD,GAAAA,EAAAE,QACrB,GACA,CAAC3B,IAGF4B,EAACC,cAAAC,EAAOA,SACNC,UAAW,EACXC,SAAUjC,EACVkC,IAAKnC,EACLoC,KAAMlC,EACNmC,UAAW,CAAEC,WAAY,OAAQC,SAAU,UAC3CC,gBAAiB,CAAEF,WAAY,OAAQC,SAAU,QAEjDT,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAkB,UAChCZ,EAAAC,cAACY,gBACC,CAAAC,MAAO1B,EACP2B,MAAO1C,EACP2C,KAAM,SACNC,SAAUC,IACRpC,EAAUoC,EAAEC,OAAOJ,OACnB,MAAMK,EAAiB9C,EAAgB+C,MAAK,EAAGL,UAAWA,IAASE,EAAEC,OAAOJ,SAExEK,aAAc,EAAdA,EAAgB1C,YAClBK,EAAYqC,EAAe1C,UAAU,IACrCM,EAAaoC,EAAe1C,aAE5BK,EAAYuC,OAAO/C,OAAOgD,EAAgBA,kBAAE,IAC5CvC,EAAasC,OAAO/C,OAAOgD,EAAAA,qBAGzBH,aAAc,EAAdA,EAAgBI,gBAClBtC,EAAgB,IAChBD,EAAUmC,EAAeI,iBAEzBtC,EAAgB,IAChBD,EAAU,IACX,GAGFX,EAAgBmD,KAAI,EAAGT,OAAMU,cAC5B1B,gBAAC2B,SAAM,CAAChB,UAAWC,UAAQ,wBAAyBgB,IAAKZ,EAAMD,MAAOC,GACnEU,MAIP1B,EAACC,cAAAY,EAAAA,cACC,CAAAC,MAAOzB,EACP0B,MAAOtC,EACPuC,KAAM,WACNC,SAAUC,GAAKnC,EAAYmC,EAAEC,OAAOJ,QAEnCrC,EAAU+C,KAAIhD,GACbuB,EAACC,cAAA0B,EAAMA,QAACC,IAAKnD,EAAUsC,MAAOtC,GAC3BA,MAIPuB,EAAAC,cAAC4B,EAAAA,mBAAkB,CACjBf,MAAOxB,EACP0B,KAAM,QACND,MAAOvC,EACPyC,SAAUC,GACRhC,EACE,IAAI4C,MAAMC,KAAKb,EAAEC,OAAOa,UACrBC,QAAOC,GAAUA,EAAOC,WACxBV,KAAIS,GAAUA,EAAOnB,SAG5BqB,YAAa,CACXC,OAAQ,CACNvB,MAAOvB,EACP+C,SAAUvB,IACJA,IACF9B,GAAUsD,GAAQ,IAAIA,EAAMxB,KAC5B7B,GAAgBqD,GAAQ,IAAIA,EAAMxB,KACnC,EAEHyB,SAAU,CAAEC,MAAOjD,EAAwBkD,KAAM,WAEnDC,OAAQ,CACNC,SAAS,EACTC,gBAAiB,KAIpBtE,EAAOkD,KAAIV,GACVf,EAAAC,cAAC6C,EAAWA,YAAA,CAAClB,IAAKb,EAAOA,MAAOA,GAC7BA,OAKTf,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAC8C,EAAMA,OAAC,CAAAC,QAASrE,GAAiBc,GAClCO,EAACC,cAAA8C,EAAMA,QACLE,QAAQ,OACRD,QAAS,KACPpE,IACAC,GAAc,EAAM,GAGrBa,KAKT"}

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterTag.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../Icon/Icon.cjs.js"),r=require("../../Tag/RemoveButton.cjs.js"),a=require("../../Typography/Typography.cjs.js"),n=require("./DataGridFilter.module.scss.cjs.js");const l=({filter:t})=>{const{column:r,operator:a,value:n}=t;return e.createElement(e.Fragment,null,r," ",a," ",n.length>0&&e.createElement("b",null,n[0]),n.length>=2&&e.createElement(e.Fragment,null," ","or ",e.createElement("b",null," ",n.length-1," other")))},o=({triggerRef:o,filter:c,mode:i,onFilterRemove:s,onFilterOpen:m,translations:u,...d},p)=>{const{addButtonCaption:g="Add filter"}=u||{},f="ADD"===i,E="EDIT"===i&&c;return e.createElement("div",{...d,ref:o,className:n.default["filter-wrapper"]},e.createElement("button",{type:"button",className:n.default["filter-button"],onClick:m},f&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.AddCircle}),e.createElement(a.Typography,{variant:"body",className:n.default.caption},g)),E&&e.createElement(a.Typography,{variant:"body",className:n.default.caption},e.createElement(l,{filter:c}))),E&&e.createElement(r.RemoveButton,{onRemove:s}))},c=e.forwardRef(o);exports.DataGridFilterTag=c,exports.DataGridFilterTagComponent=o;
+"use strict";var e=require("react"),t=require("../../Icon/Icon.cjs.js"),r=require("../../Tag/RemoveButton.cjs.js"),a=require("../../Typography/Typography.cjs.js"),n=require("./DataGridFilter.module.scss.cjs.js");const l=({filter:t})=>{const{column:r,operator:a,value:n}=t;return e.createElement(e.Fragment,null,r," ",a," ",n.length>0&&e.createElement("b",null,n[0]),n.length>=2&&e.createElement(e.Fragment,null,"or ",e.createElement("b",null," ",n.length-1," other")))},o=({triggerRef:o,filter:c,mode:i,onFilterRemove:s,onFilterOpen:m,translations:u,customEditTagContent:d,...p},f)=>{const{addButtonCaption:g="Add filter"}=u||{},E="ADD"===i,y="EDIT"===i&&c;return e.createElement("div",{...p,ref:f,className:n.default["filter-wrapper"]},e.createElement("button",{ref:o,type:"button",className:n.default["filter-button"],onClick:m},E&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{icon:t.Icons.AddCircle}),e.createElement(a.Typography,{variant:"body",className:n.default.caption},g)),y&&e.createElement(a.Typography,{variant:"body",className:n.default.caption},d?e.cloneElement(d,{filter:c}):e.createElement(l,{filter:c}))),y&&e.createElement(r.RemoveButton,{className:n.default["remove-button"],onRemove:s}))},c=e.forwardRef(o);exports.DataGridFilterTag=c,exports.DataGridFilterTagComponent=o;
 //# sourceMappingURL=DataGridFilterTag.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilterTag.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridFilterTag.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterTag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { RemoveButton } from \"../../Tag/RemoveButton\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Filter, FilterEditorMode, TagTranslations } from \"./DataGridFilters.interfaces\";\n\nexport interface DataGridFilterTagProps extends ComponentPropsWithRef<\"div\"> {\n  triggerRef: React.Ref<HTMLDivElement>;\n  filter?: Filter;\n  mode: FilterEditorMode;\n  onFilterRemove: () => void;\n  onFilterOpen: () => void;\n  translations?: TagTranslations;\n}\n\nconst EditTagContent = ({ filter }: { filter: Filter }) => {\n  const { column, operator, value } = filter;\n\n  return (\n    <Fragment>\n      {column} {operator} {value.length > 0 && <b>{value[0]}</b>}\n      {value.length >= 2 && (\n        <>\n          {\" \"}\n          or <b> {value.length - 1} other</b>\n        </>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridFilterTagComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridFilterTagProps\n> = (\n  {\n    triggerRef,\n    filter,\n    mode,\n    onFilterRemove,\n    onFilterOpen,\n    translations,\n\n    ...rest\n  }: DataGridFilterTagProps,\n  ref\n) => {\n  const { addButtonCaption = \"Add filter\" } = translations || {};\n  const shouldRenderAddTag = mode === \"ADD\";\n  const shouldRenderEditTag = mode === \"EDIT\" && filter;\n\n  return (\n    <div {...rest} ref={triggerRef} className={classes[\"filter-wrapper\"]}>\n      <button type=\"button\" className={classes[\"filter-button\"]} onClick={onFilterOpen}>\n        {shouldRenderAddTag && (\n          <Fragment>\n            <Icon icon={Icons.AddCircle} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {addButtonCaption}\n            </Typography>\n          </Fragment>\n        )}\n        {shouldRenderEditTag && (\n          <Typography variant=\"body\" className={classes[\"caption\"]}>\n            <EditTagContent filter={filter} />\n          </Typography>\n        )}\n      </button>\n      {shouldRenderEditTag && <RemoveButton onRemove={onFilterRemove} />}\n    </div>\n  );\n};\n\nexport const DataGridFilterTag = React.forwardRef(DataGridFilterTagComponent);\n"],"names":["EditTagContent","filter","column","operator","value","React","Fragment","length","createElement","DataGridFilterTagComponent","triggerRef","mode","onFilterRemove","onFilterOpen","translations","rest","ref","addButtonCaption","shouldRenderAddTag","shouldRenderEditTag","className","classes","default","type","onClick","Icon","icon","Icons","AddCircle","Typography","variant","RemoveButton","onRemove","DataGridFilterTag","forwardRef"],"mappings":"oNAgCA,MAAMA,EAAiB,EAAGC,aACxB,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,GAAUH,EAEpC,OACEI,gBAACC,EAAAA,SAAQ,KACNJ,MAASC,MAAWC,EAAMG,OAAS,GAAKF,yBAAID,EAAM,IAClDA,EAAMG,QAAU,GACfF,EAAAG,cAAAH,EAAAC,SAAA,KACG,UACED,EAAAG,cAAA,IAAA,SAAKJ,EAAMG,OAAS,aAI7B,EAGSE,EAGT,EAEAC,aACAT,SACAU,OACAC,iBACAC,eACAC,kBAEGC,GAELC,KAEA,MAAMC,iBAAEA,EAAmB,cAAiBH,GAAgB,CAAA,EACtDI,EAA8B,QAATP,EACrBQ,EAA+B,SAATR,GAAmBV,EAE/C,OACEI,EAAAG,cAAA,MAAA,IAASO,EAAMC,IAAKN,EAAYU,UAAWC,EAAOC,QAAC,mBACjDjB,EAAAG,cAAA,SAAA,CAAQe,KAAK,SAASH,UAAWC,UAAQ,iBAAkBG,QAASX,GACjEK,GACCb,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACiB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMC,YAClBvB,EAAAG,cAACqB,aAAW,CAAAC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDJ,IAINE,GACCd,EAACG,cAAAqB,cAAWC,QAAQ,OAAOV,UAAWC,UAAiB,SACrDhB,EAACG,cAAAR,GAAeC,OAAQA,MAI7BkB,GAAuBd,EAACG,cAAAuB,EAAAA,aAAa,CAAAC,SAAUpB,IAElD,EAGSqB,EAAoB5B,EAAM6B,WAAWzB"}
+{"version":3,"file":"DataGridFilterTag.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilterTag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { RemoveButton } from \"../../Tag/RemoveButton\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridFilter.module.scss\";\nimport { Filter, FilterEditorMode, TagTranslations } from \"./DataGridFilters.interfaces\";\n\nexport interface DataGridFilterTagProps extends ComponentPropsWithRef<\"div\"> {\n  customEditTagContent?: React.ReactElement;\n  triggerRef: React.Ref<HTMLButtonElement>;\n  filter?: Filter;\n  mode: FilterEditorMode;\n  onFilterRemove: () => void;\n  onFilterOpen: () => void;\n  translations?: TagTranslations;\n}\n\nconst EditTagContent = ({ filter }: { filter: Filter }) => {\n  const { column, operator, value } = filter;\n\n  return (\n    <Fragment>\n      {column} {operator} {value.length > 0 && <b>{value[0]}</b>}\n      {value.length >= 2 && (\n        <>\n          or <b> {value.length - 1} other</b>\n        </>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridFilterTagComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridFilterTagProps\n> = (\n  {\n    triggerRef,\n    filter,\n    mode,\n    onFilterRemove,\n    onFilterOpen,\n    translations,\n    customEditTagContent,\n    ...rest\n  }: DataGridFilterTagProps,\n  ref\n) => {\n  const { addButtonCaption = \"Add filter\" } = translations || {};\n  const shouldRenderAddTag = mode === \"ADD\";\n  const shouldRenderEditTag = mode === \"EDIT\" && filter;\n\n  return (\n    <div {...rest} ref={ref} className={classes[\"filter-wrapper\"]}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={classes[\"filter-button\"]}\n        onClick={onFilterOpen}\n      >\n        {shouldRenderAddTag && (\n          <Fragment>\n            <Icon icon={Icons.AddCircle} />\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {addButtonCaption}\n            </Typography>\n          </Fragment>\n        )}\n        {shouldRenderEditTag && (\n          <Typography variant=\"body\" className={classes[\"caption\"]}>\n            {customEditTagContent ? (\n              React.cloneElement(customEditTagContent, { filter })\n            ) : (\n              <EditTagContent filter={filter} />\n            )}\n          </Typography>\n        )}\n      </button>\n      {shouldRenderEditTag && (\n        <RemoveButton className={classes[\"remove-button\"]} onRemove={onFilterRemove} />\n      )}\n    </div>\n  );\n};\n\nexport const DataGridFilterTag = React.forwardRef(DataGridFilterTagComponent);\n"],"names":["EditTagContent","filter","column","operator","value","React","Fragment","length","createElement","DataGridFilterTagComponent","triggerRef","mode","onFilterRemove","onFilterOpen","translations","customEditTagContent","rest","ref","addButtonCaption","shouldRenderAddTag","shouldRenderEditTag","className","classes","default","type","onClick","Icon","icon","Icons","AddCircle","Typography","variant","cloneElement","RemoveButton","onRemove","DataGridFilterTag","forwardRef"],"mappings":"oNAiCA,MAAMA,EAAiB,EAAGC,aACxB,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,GAAUH,EAEpC,OACEI,gBAACC,EAAAA,SAAQ,KACNJ,MAASC,MAAWC,EAAMG,OAAS,GAAKF,yBAAID,EAAM,IAClDA,EAAMG,QAAU,GACfF,EAAAG,cAAAH,EAAAC,SAAA,WACKD,EAAAG,cAAA,IAAA,SAAKJ,EAAMG,OAAS,aAI7B,EAGSE,EAGT,EAEAC,aACAT,SACAU,OACAC,iBACAC,eACAC,eACAC,0BACGC,GAELC,KAEA,MAAMC,iBAAEA,EAAmB,cAAiBJ,GAAgB,CAAA,EACtDK,EAA8B,QAATR,EACrBS,EAA+B,SAATT,GAAmBV,EAE/C,OACEI,EAAAG,cAAA,MAAA,IAASQ,EAAMC,IAAKA,EAAKI,UAAWC,EAAOC,QAAC,mBAC1ClB,EAAAG,cAAA,SAAA,CACES,IAAKP,EACLc,KAAK,SACLH,UAAWC,EAAOC,QAAC,iBACnBE,QAASZ,GAERM,GACCd,EAAAG,cAACF,EAAAA,SAAQ,KACPD,EAAAG,cAACkB,EAAIA,KAAC,CAAAC,KAAMC,EAAAA,MAAMC,YAClBxB,EAAAG,cAACsB,aAAW,CAAAC,QAAQ,OAAOV,UAAWC,EAAAA,QAAiB,SACpDJ,IAINE,GACCf,EAACG,cAAAsB,EAAAA,YAAWC,QAAQ,OAAOV,UAAWC,EAAOC,QAAU,SACpDR,EACCV,EAAM2B,aAAajB,EAAsB,CAAEd,WAE3CI,EAACG,cAAAR,GAAeC,OAAQA,MAK/BmB,GACCf,EAAAG,cAACyB,EAAAA,aAAa,CAAAZ,UAAWC,UAAQ,iBAAkBY,SAAUtB,IAGjE,EAGSuB,EAAoB9B,EAAM+B,WAAW3B"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./DataGridFilter.cjs.js"),a=require("./DataGridToolbar.module.scss.cjs.js"),r=require("../../Typography/Typography.cjs.js");const l=(e,t)=>{switch(t.type){case"add":return{...e,filters:[...e.filters,{...t.payload}]};case"edit":return{...e,filters:[...e.filters.map((e=>e.id===t.payload.id?t.payload:e))]};case"remove":return{...e,filters:[...e.filters.filter((e=>e.id!==t.payload.id))]};case"clear":return{...e,filters:[]}}};exports.DataGridToolbar=({columnsMetadata:i,filterValues:o,translations:s,onFilterAdd:n,onFilterEdit:d,onFilterDelete:c,onFiltersClear:p})=>{const[u,m]=e.useReducer(l,{filters:o||[]}),{clearButtonCaption:f="Clear all filters"}=(null==s?void 0:s.toolbar)||{};return e.createElement(e.Fragment,null,u.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:i,dispatch:m,onFilterEdit:d,onFilterDelete:c,tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}))),e.createElement("div",{className:a.default["actions-wrapper"]},e.createElement(t.DataGridFilter,{mode:"ADD",columnsMetadata:i,dispatch:m,onFilterAdd:n,tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),u.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{m({type:"clear"}),p&&p()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},f))))};
+"use strict";var 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");exports.DataGridToolbar=({columnsMetadata:o,filterValues:i,translations:n,onFilterAdd:s,onFilterEdit:d,onFilterDelete:u,onFiltersClear:c,customEditTagContent:p})=>{const{state:m,addFilter:F,editFilter:T,deleteFilter:g,clearFilters:v}=l.useFiltersReducer(i),{clearButtonCaption:E="Clear all filters"}=(null==n?void 0:n.toolbar)||{};return e.createElement(e.Fragment,null,m.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,onFilterEdit:e=>{T(e),d&&d(e)},onFilterDelete:e=>{g(e),u&&u(e)},tagTranslations:null==n?void 0:n.tag,popoverTranslations:null==n?void 0:n.popover,customEditTagContent:p}))),e.createElement("div",{className:a.default["actions-wrapper"]},e.createElement(t.DataGridFilter,{mode:"ADD",customEditTagContent:p,columnsMetadata:o,onFilterAdd:e=>{F(e),s&&s(e)},tagTranslations:null==n?void 0:n.tag,popoverTranslations:null==n?void 0:n.popover}),m.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{v(),c&&c()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},E))))};
 //# sourceMappingURL=DataGridToolbar.cjs.js.map

package/dist/cjs/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, useReducer } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FiltersAction,\n  FiltersState,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata: DataGridColumnMetadata[];\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\nconst filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n  switch (action.type) {\n    case \"add\":\n      return { ...state, filters: [...state.filters, { ...action.payload }] };\n    case \"edit\":\n      return {\n        ...state,\n        filters: [\n          ...state.filters.map(value => {\n            if (value.id === action.payload.id) {\n              return action.payload;\n            }\n            return value;\n          })\n        ]\n      };\n    case \"remove\":\n      return {\n        ...state,\n        filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n      };\n    case \"clear\":\n      return { ...state, filters: [] };\n  }\n};\n\nexport const DataGridToolbar = ({\n  columnsMetadata,\n  filterValues,\n  translations,\n  onFilterAdd,\n  onFilterEdit,\n  onFilterDelete,\n  onFiltersClear\n}: DataGridToolbarProps) => {\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {state.filters.map(filter => (\n        <DataGridFilter\n          mode=\"EDIT\"\n          key={filter.id}\n          filter={filter}\n          columnsMetadata={columnsMetadata}\n          dispatch={dispatch}\n          onFilterEdit={onFilterEdit}\n          onFilterDelete={onFilterDelete}\n          tagTranslations={translations?.tag}\n          popoverTranslations={translations?.popover}\n        />\n      ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        <DataGridFilter\n          mode=\"ADD\"\n          columnsMetadata={columnsMetadata}\n          dispatch={dispatch}\n          onFilterAdd={onFilterAdd}\n          tagTranslations={translations?.tag}\n          popoverTranslations={translations?.popover}\n        />\n        {state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              dispatch({ type: \"clear\" });\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":["filtersReducer","state","action","type","filters","payload","map","value","id","filter","columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","onFiltersClear","dispatch","useReducer","clearButtonCaption","toolbar","React","Fragment","createElement","DataGridFilter","mode","key","tagTranslations","tag","popoverTranslations","popover","className","classes","length","onClick","Typography","variant","default"],"mappings":"2KAsCA,MAAMA,EAAiB,CAACC,EAAqBC,KAC3C,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,IAAKF,EAAOG,QAAS,IAAIH,EAAMG,QAAS,IAAKF,EAAOG,WAC7D,IAAK,OACH,MAAO,IACFJ,EACHG,QAAS,IACJH,EAAMG,QAAQE,KAAIC,GACfA,EAAMC,KAAON,EAAOG,QAAQG,GACvBN,EAAOG,QAETE,MAIf,IAAK,SACH,MAAO,IACFN,EACHG,QAAS,IAAIH,EAAMG,QAAQK,QAAOF,GAASA,EAAMC,KAAON,EAAOG,QAAQG,OAE3E,IAAK,QACH,MAAO,IAAKP,EAAOG,QAAS,IAC/B,0BAG4B,EAC7BM,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,qBAEA,MAAOf,EAAOgB,GAAYC,EAAUA,WAAClB,EAAgB,CAAEI,QAASO,GAAgB,MAC1EQ,mBAAEA,EAAqB,sBAAwBP,eAAAA,EAAcQ,UAAW,CAAA,EAC9E,OACEC,gBAACC,EAAAA,SAAQ,KACNrB,EAAMG,QAAQE,KAAIG,GACjBY,EAACE,cAAAC,EAAAA,gBACCC,KAAK,OACLC,IAAKjB,EAAOD,GACZC,OAAQA,EACRC,gBAAiBA,EACjBO,SAAUA,EACVH,aAAcA,EACdC,eAAgBA,EAChBY,gBAAiBf,aAAY,EAAZA,EAAcgB,IAC/BC,oBAAqBjB,aAAY,EAAZA,EAAckB,YAGvCT,EAAAE,cAAA,MAAA,CAAKQ,UAAWC,EAAAA,QAAQ,oBACtBX,EAAAE,cAACC,EAAAA,eACC,CAAAC,KAAK,MACLf,gBAAiBA,EACjBO,SAAUA,EACVJ,YAAaA,EACbc,gBAAiBf,aAAA,EAAAA,EAAcgB,IAC/BC,oBAAqBjB,eAAAA,EAAckB,UAEpC7B,EAAMG,QAAQ6B,QAAU,GACvBZ,EAAAE,cAAA,SAAA,CACEpB,KAAK,SACL4B,UAAWC,EAAAA,QAAQ,gBACnBE,QAAS,KACPjB,EAAS,CAAEd,KAAM,UACjBa,GAAkBA,GAAgB,GAGpCK,EAACE,cAAAY,EAAAA,YAAWC,QAAQ,OAAOL,UAAWC,EAAOK,QAAU,SACpDlB,KAMX"}
+{"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 } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { DataGridColumnMetadata, Filter, FiltersTranslations } from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { useFiltersReducer } from \"./useFiltersReducer\";\n\nexport interface DataGridToolbarProps {\n  columnsMetadata: DataGridColumnMetadata[];\n  customEditTagContent?: React.ReactElement;\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  onFiltersClear,\n  customEditTagContent\n}: DataGridToolbarProps) => {\n  const { state, addFilter, editFilter, deleteFilter, clearFilters } =\n    useFiltersReducer(filterValues);\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <Fragment>\n      {state.filters.map(filter => (\n        <DataGridFilter\n          mode=\"EDIT\"\n          key={filter.id}\n          filter={filter}\n          columnsMetadata={columnsMetadata}\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        <DataGridFilter\n          mode=\"ADD\"\n          customEditTagContent={customEditTagContent}\n          columnsMetadata={columnsMetadata}\n          onFilterAdd={filter => {\n            addFilter(filter);\n            onFilterAdd && onFilterAdd(filter);\n          }}\n          tagTranslations={translations?.tag}\n          popoverTranslations={translations?.popover}\n        />\n        {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","onFiltersClear","customEditTagContent","state","addFilter","editFilter","deleteFilter","clearFilters","useFiltersReducer","clearButtonCaption","toolbar","React","Fragment","filters","map","filter","createElement","DataGridFilter","mode","key","id","tagTranslations","tag","popoverTranslations","popover","className","classes","length","type","onClick","Typography","variant","default"],"mappings":"2OAkC+B,EAC7BA,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,iBACAC,2BAEA,MAAMC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,EAAUC,aAAEA,EAAYC,aAAEA,GAClDC,oBAAkBZ,IACda,mBAAEA,EAAqB,sBAAwBZ,eAAAA,EAAca,UAAW,CAAA,EAC9E,OACEC,gBAACC,EAAAA,SAAQ,KACNT,EAAMU,QAAQC,KAAIC,GACjBJ,EAACK,cAAAC,EAAAA,eACC,CAAAC,KAAK,OACLC,IAAKJ,EAAOK,GACZL,OAAQA,EACRpB,gBAAiBA,EACjBI,aAAcgB,IACZV,EAAWU,GACXhB,GAAgBA,EAAagB,EAAO,EAEtCf,eAAgBoB,IACdd,EAAac,GACbpB,GAAkBA,EAAeoB,EAAG,EAEtCC,gBAAiBxB,aAAY,EAAZA,EAAcyB,IAC/BC,oBAAqB1B,aAAA,EAAAA,EAAc2B,QACnCtB,qBAAsBA,MAG1BS,EAAAK,cAAA,MAAA,CAAKS,UAAWC,EAAAA,QAAQ,oBACtBf,EAAAK,cAACC,iBACC,CAAAC,KAAK,MACLhB,qBAAsBA,EACtBP,gBAAiBA,EACjBG,YAAaiB,IACXX,EAAUW,GACVjB,GAAeA,EAAYiB,EAAO,EAEpCM,gBAAiBxB,aAAY,EAAZA,EAAcyB,IAC/BC,oBAAqB1B,eAAAA,EAAc2B,UAEpCrB,EAAMU,QAAQc,QAAU,GACvBhB,EAAAK,cAAA,SAAA,CACEY,KAAK,SACLH,UAAWC,EAAAA,QAAQ,gBACnBG,QAAS,KACPtB,IACAN,GAAkBA,GAAgB,GAGpCU,EAACK,cAAAc,EAAAA,YAAWC,QAAQ,OAAON,UAAWC,EAAOM,QAAU,SACpDvB,KAMX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar-module_sr-only__Xirwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar-module_hidden__cjs5x{display:none}.DataGridToolbar-module_slide-in__t3lbD{animation:DataGridToolbar-module_slide-in__t3lbD .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-in__t3lbD{animation-duration:.1ms}}.DataGridToolbar-module_slide-out__-mEfY{animation:DataGridToolbar-module_slide-out__-mEfY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-out__-mEfY{animation-duration:.1ms}}@keyframes DataGridToolbar-module_slide-in__t3lbD{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar-module_slide-out__-mEfY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar-module_wrapper__wEHlo{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding-bottom:1rem;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_searchbar__PnKiv{flex-basis:15rem;min-width:7rem}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_actions-wrapper__oEYeN{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_clear-button__4Zdc7{background:none;border:none;cursor:pointer}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_clear-button__4Zdc7:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_clear-button__4Zdc7 .DataGridToolbar-module_caption__Jf-jO{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNDQUNFLFlBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSx5Q0FDRSw4REFDRixDQUNBLHVDQUNFLHlDQUNFLHVCQUNGLENBQ0YsQ0FFQSxrREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbURBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHVDQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsY0FBZSxDQUNmLFNBQVcsQ0FGWCwwQkFBMkIsQ0FJM0IsbUJBQW9CLENBRHBCLFVBRUYsQ0FDQSxnRkFFRSxnQkFBaUIsQ0FEakIsY0FFRixDQUNBLHNGQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsU0FBVyxDQURYLDBCQUVGLENBQ0EsbUZBQ0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGNBQ0YsQ0FDQSxpR0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0EsMEhBS0UsNkJBQThCLENBSDlCLG9DQUFxQyxDQUNyQyx3Q0FBeUMsQ0FGekMsUUFBUyxDQUdULHlCQUVGIiwiZmlsZSI6IkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAwLjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbn1cbi53cmFwcGVyIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmFjdGlvbnMtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgZ2FwOiAwLjVyZW07XG59XG4ud3JhcHBlciAuY2xlYXItYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ud3JhcHBlciAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5jbGVhci1idXR0b24gLmNhcHRpb24ge1xuICBtYXJnaW46IDA7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk1MDApO1xufSJdfQ== */'),exports.default={"sr-only":"DataGridToolbar-module_sr-only__Xirwy",hidden:"DataGridToolbar-module_hidden__cjs5x","slide-in":"DataGridToolbar-module_slide-in__t3lbD","slide-out":"DataGridToolbar-module_slide-out__-mEfY",wrapper:"DataGridToolbar-module_wrapper__wEHlo",searchbar:"DataGridToolbar-module_searchbar__PnKiv","actions-wrapper":"DataGridToolbar-module_actions-wrapper__oEYeN","clear-button":"DataGridToolbar-module_clear-button__4Zdc7",caption:"DataGridToolbar-module_caption__Jf-jO"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridToolbar-module_sr-only__Xirwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar-module_hidden__cjs5x{display:none}.DataGridToolbar-module_slide-in__t3lbD{animation:DataGridToolbar-module_slide-in__t3lbD .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-in__t3lbD{animation-duration:.1ms}}.DataGridToolbar-module_slide-out__-mEfY{animation:DataGridToolbar-module_slide-out__-mEfY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-out__-mEfY{animation-duration:.1ms}}@keyframes DataGridToolbar-module_slide-in__t3lbD{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar-module_slide-out__-mEfY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar-module_wrapper__wEHlo{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_searchbar__PnKiv{flex-basis:15rem;min-width:7rem}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_actions-wrapper__oEYeN{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7{background:none;border:none;cursor:pointer}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_filter-section__G4nGc .DataGridToolbar-module_clear-button__4Zdc7 .DataGridToolbar-module_caption__Jf-jO{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}.DataGridToolbar-module_wrapper__wEHlo .DataGridToolbar-module_button-section__eyZvY{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNDQUNFLFlBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSx5Q0FDRSw4REFDRixDQUNBLHVDQUNFLHlDQUNFLHVCQUNGLENBQ0YsQ0FFQSxrREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbURBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHVDQUVFLHNCQUF1QixDQUR2QixZQUFhLENBR2IsU0FBVyxDQURYLDZCQUE4QixDQUc5QixtQkFBb0IsQ0FEcEIsVUFFRixDQUNBLHFGQUVFLGtCQUFtQixDQURuQixZQUFhLENBTWIsV0FBWSxDQUhaLGNBQWUsQ0FDZixTQUFXLENBRlgsMEJBQTJCLENBRzNCLFVBRUYsQ0FDQSw4SEFFRSxnQkFBaUIsQ0FEakIsY0FFRixDQUNBLG9JQUVFLGtCQUFtQixDQURuQixZQUFhLENBR2IsU0FBVyxDQURYLDBCQUVGLENBQ0EsaUlBQ0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGNBQ0YsQ0FDQSwrSUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0Esd0tBS0UsNkJBQThCLENBSDlCLG9DQUFxQyxDQUNyQyx3Q0FBeUMsQ0FGekMsUUFBUyxDQUdULHlCQUVGLENBQ0EscUZBSUUsa0JBQW1CLENBRm5CLFlBQWEsQ0FEYixhQUFjLENBSWQsU0FBVyxDQUZYLHNCQUdGIiwiZmlsZSI6IkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLndyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBnYXA6IDAuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgZmxleC1ncm93OiAxO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5zZWFyY2hiYXIge1xuICBtaW4td2lkdGg6IDdyZW07XG4gIGZsZXgtYmFzaXM6IDE1cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLndyYXBwZXIgLmZpbHRlci1zZWN0aW9uIC5jbGVhci1idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi53cmFwcGVyIC5maWx0ZXItc2VjdGlvbiAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi53cmFwcGVyIC5idXR0b24tc2VjdGlvbiB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59Il19 */'),exports.default={"sr-only":"DataGridToolbar-module_sr-only__Xirwy",hidden:"DataGridToolbar-module_hidden__cjs5x","slide-in":"DataGridToolbar-module_slide-in__t3lbD","slide-out":"DataGridToolbar-module_slide-out__-mEfY",wrapper:"DataGridToolbar-module_wrapper__wEHlo","filter-section":"DataGridToolbar-module_filter-section__G4nGc",searchbar:"DataGridToolbar-module_searchbar__PnKiv","actions-wrapper":"DataGridToolbar-module_actions-wrapper__oEYeN","clear-button":"DataGridToolbar-module_clear-button__4Zdc7",caption:"DataGridToolbar-module_caption__Jf-jO","button-section":"DataGridToolbar-module_button-section__eyZvY"};
 //# sourceMappingURL=DataGridToolbar.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbarWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react"),e=require("./DataGridToolbar.module.scss.cjs.js");const a=({children:a,...o},t)=>r.createElement("div",{ref:t,className:e.default.wrapper,...o},a),o=r.forwardRef(a);exports.DataGridToolbarWrapper=o,exports.DataGridToolbarWrapperComponent=a;
+"use strict";var e=require("react"),r=require("./DataGridToolbar.module.scss.cjs.js");const a=({children:a,filters:t,buttons:s,...o},l)=>e.createElement("div",{ref:l,className:r.default.wrapper,...o},e.createElement("div",{className:r.default["filter-section"]},t),e.createElement("div",{className:r.default["button-section"]},s)),t=e.forwardRef(a);exports.DataGridToolbarWrapper=t,exports.DataGridToolbarWrapperComponent=a;
 //# sourceMappingURL=DataGridToolbarWrapper.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbarWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbarWrapper.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./DataGridToolbar.module.scss\";\n\ntype Props = ComponentPropsWithRef<\"div\">;\n\nexport const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ...rest },\n  ref\n) => {\n  return (\n    <div ref={ref} className={classes[\"wrapper\"]} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nexport const DataGridToolbarWrapper = React.forwardRef(DataGridToolbarWrapperComponent);\n"],"names":["DataGridToolbarWrapperComponent","children","rest","ref","React","createElement","className","classes","DataGridToolbarWrapper","forwardRef"],"mappings":"sFAqBO,MAAMA,EAAmF,EAC5FC,cAAaC,GACfC,IAGEC,EAAKC,cAAA,MAAA,CAAAF,IAAKA,EAAKG,UAAWC,EAAAA,QAAiB,WAAOL,GAC/CD,GAKMO,EAAyBJ,EAAMK,WAAWT"}
+{"version":3,"file":"DataGridToolbarWrapper.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from \"react\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { Button } from \"../../Button/Button\";\nimport { ButtonProps } from \"../../..\";\ninterface Props extends ComponentPropsWithRef<\"div\"> {\n  filters?: React.JSX.Element;\n  buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];\n}\n\nexport const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, filters, buttons, ...rest },\n  ref\n) => {\n  return (\n    <div ref={ref} className={classes[\"wrapper\"]} {...rest}>\n      <div className={classes[\"filter-section\"]}>{filters}</div>\n      <div className={classes[\"button-section\"]}>{buttons}</div>\n    </div>\n  );\n};\n\nexport const DataGridToolbarWrapper = React.forwardRef(DataGridToolbarWrapperComponent);\n"],"names":["DataGridToolbarWrapperComponent","children","filters","buttons","rest","ref","React","createElement","className","classes","default","DataGridToolbarWrapper","forwardRef"],"mappings":"sFAyBa,MAAAA,EAAmF,EAC5FC,WAAUC,UAASC,aAAYC,GACjCC,IAGEC,EAAAC,cAAA,MAAA,CAAKF,IAAKA,EAAKG,UAAWC,EAAOC,QAAU,WAAON,GAChDE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAAA,QAAQ,mBAAoBP,GAC5CI,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,QAAC,mBAAoBP,IAKrCQ,EAAyBL,EAAMM,WAAWZ"}

package/dist/cjs/DataGrid/DataGridFilters/useFiltersReducer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react");exports.useFiltersReducer=r=>{const[t,a]=e.useReducer(((e,r)=>{switch(r.type){case"add":return{...e,filters:[...e.filters,{...r.payload}]};case"edit":return{...e,filters:[...e.filters.map((e=>e.id===r.payload.id?r.payload:e))]};case"remove":return{...e,filters:[...e.filters.filter((e=>e.id!==r.payload.id))]};case"clear":return{...e,filters:[]}}}),{filters:r||[]});return{state:t,addFilter:e=>a({type:"add",payload:e}),deleteFilter:e=>a({type:"remove",payload:{id:e}}),editFilter:e=>a({type:"edit",payload:e}),clearFilters:()=>a({type:"clear"})}};
+//# sourceMappingURL=useFiltersReducer.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/useFiltersReducer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersReducer.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/useFiltersReducer.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 { useReducer } from \"react\";\nimport { Filter, FiltersAction, FiltersState } from \"./DataGridFilters.interfaces\";\n\nexport const useFiltersReducer = (filterValues: Filter[] | undefined) => {\n  const filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n    switch (action.type) {\n      case \"add\":\n        return { ...state, filters: [...state.filters, { ...action.payload }] };\n      case \"edit\":\n        return {\n          ...state,\n          filters: [\n            ...state.filters.map(value => {\n              if (value.id === action.payload.id) {\n                return action.payload;\n              }\n              return value;\n            })\n          ]\n        };\n      case \"remove\":\n        return {\n          ...state,\n          filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n        };\n      case \"clear\":\n        return { ...state, filters: [] };\n    }\n  };\n\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n\n  const addFilter = (filter: Filter) =>\n    dispatch({\n      type: \"add\",\n      payload: filter\n    });\n\n  const editFilter = (filter: Filter) =>\n    dispatch({\n      type: \"edit\",\n      payload: filter\n    });\n\n  const deleteFilter = (id: string) => dispatch({ type: \"remove\", payload: { id } });\n\n  const clearFilters = () => dispatch({ type: \"clear\" });\n\n  return { state, addFilter, deleteFilter, editFilter, clearFilters };\n};\n"],"names":["filterValues","state","dispatch","useReducer","action","type","filters","payload","map","value","id","filter","addFilter","deleteFilter","editFilter","clearFilters"],"mappings":"8DAmBkCA,IAChC,MA0BOC,EAAOC,GAAYC,EAAUA,YA1Bb,CAACF,EAAqBG,KAC3C,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,IAAKJ,EAAOK,QAAS,IAAIL,EAAMK,QAAS,IAAKF,EAAOG,WAC7D,IAAK,OACH,MAAO,IACFN,EACHK,QAAS,IACJL,EAAMK,QAAQE,KAAIC,GACfA,EAAMC,KAAON,EAAOG,QAAQG,GACvBN,EAAOG,QAETE,MAIf,IAAK,SACH,MAAO,IACFR,EACHK,QAAS,IAAIL,EAAMK,QAAQK,QAAOF,GAASA,EAAMC,KAAON,EAAOG,QAAQG,OAE3E,IAAK,QACH,MAAO,IAAKT,EAAOK,QAAS,IAC/B,GAGkD,CAAEA,QAASN,GAAgB,KAkBhF,MAAO,CAAEC,QAAOW,UAhBGD,GACjBT,EAAS,CACPG,KAAM,MACNE,QAASI,IAacE,aAJLH,GAAeR,EAAS,CAAEG,KAAM,SAAUE,QAAS,CAAEG,QAIlCI,WAVrBH,GAClBT,EAAS,CACPG,KAAM,OACNE,QAASI,IAOwCI,aAFhC,IAAMb,EAAS,CAAEG,KAAM,UAEuB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeaderCell.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = (direction: Direction) => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === direction ? classes[\"active\"] : classes[\"hidden\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return (\n      <Fragment>\n        <Icon className={getSortingIndicatorClasses(\"ASC\").join(\" \")} icon={Icons.TriangleUp} />\n        <Icon className={getSortingIndicatorClasses(\"DESC\").join(\" \")} icon={Icons.TriangleDown} />\n      </Fragment>\n    );\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCell","React","forwardRef","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","innerContent","createElement","Fragment","className","classes","getSortingIndicatorClasses","direction","sortingIndicatorClasses","push","Icon","join","icon","Icons","TriangleUp","TriangleDown","sortingIndicator","key","onClick"],"mappings":"6HA6BA,MAAMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAwDKC,EAAqBC,EAAMC,YArDmD,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAsBMC,EACJT,EAAAU,cAACC,EAAQA,SAAA,KACPX,EAAMU,cAAA,OAAA,CAAAE,UAAWC,EAAAA,QAAkB,UAAIX,IACrCE,GACAJ,EAAKU,cAAA,MAAA,CAAAE,UAAWC,UAAQ,gCAtBL,MACvB,MAAMC,EAA8BC,IAClC,MAAMC,EAA0B,CAACH,UAAmB,WAKpD,OAJAR,GACEW,EAAwBC,KACtBZ,IAAwBU,EAAYF,EAAAA,QAAgB,OAAIA,EAAAA,QAAgB,QAErEG,CAAuB,EAGhC,OACEhB,gBAACW,EAAAA,SAAQ,KACPX,EAAAU,cAACQ,EAAAA,KAAK,CAAAN,UAAWE,EAA2B,OAAOK,KAAK,KAAMC,KAAMC,EAAKA,MAACC,aAC1EtB,EAACU,cAAAQ,EAAAA,MAAKN,UAAWE,EAA2B,QAAQK,KAAK,KAAMC,KAAMC,EAAKA,MAACE,eAE7E,EAO2DC,KAK/D,OACExB,EACMU,cAAA,KAAA,IAAAH,EACJC,IAAKA,EACLI,UAAWC,EAAAA,QAAQ,eAAc,YACtBR,GAAuBT,EAAgBS,IAEjDD,EACCJ,EAAKU,cAAA,MAAA,CAAAe,IAAKtB,GAAOM,GAEjBT,EAAAU,cAAA,SAAA,CAAQe,IAAKtB,EAAMuB,QAzCL,KAClBpB,SAAAA,EAASH,EAAK,GAyCPM,GAIP"}
+{"version":3,"file":"DataGridHeaderCell.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = () => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === \"ASC\" ? classes[\"ascending\"] : classes[\"descending\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return <Icon className={getSortingIndicatorClasses().join(\" \")} icon={Icons.ArrowUp} />;\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCell","React","forwardRef","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","innerContent","createElement","Fragment","className","classes","Icon","sortingIndicatorClasses","push","getSortingIndicatorClasses","join","icon","Icons","ArrowUp","key","onClick"],"mappings":"6HA6BA,MAAMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAmDKC,EAAqBC,EAAMC,YAhDmD,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAiBMC,EACJT,EAAAU,cAACC,EAAQA,SAAA,KACPX,EAAMU,cAAA,OAAA,CAAAE,UAAWC,EAAAA,QAAkB,UAAIX,IACrCE,GACAJ,EAAKU,cAAA,MAAA,CAAAE,UAAWC,UAAQ,gCAPrBb,gBAACc,OAAI,CAACF,UATsB,MACjC,MAAMG,EAA0B,CAACF,UAAmB,WAKpD,OAJAR,GACEU,EAAwBC,KACE,QAAxBX,EAAgCQ,EAAAA,QAAmB,UAAIA,EAAAA,QAAoB,YAExEE,CAAuB,EAGRE,GAA6BC,KAAK,KAAMC,KAAMC,EAAAA,MAAMC,YAY9E,OACErB,EACMU,cAAA,KAAA,IAAAH,EACJC,IAAKA,EACLI,UAAWC,EAAAA,QAAQ,eAAc,YACtBR,GAAuBT,EAAgBS,IAEjDD,EACCJ,EAAKU,cAAA,MAAA,CAAAY,IAAKnB,GAAOM,GAEjBT,EAAAU,cAAA,SAAA,CAAQY,IAAKnB,EAAMoB,QApCL,KAClBjB,SAAAA,EAASH,EAAK,GAoCPM,GAIP"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:.625rem .75rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size-data-grid);font-weight:700;line-height:var(--data-grid-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_active__vg3wV{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLHNCQUF5QixDQUR6QixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQixvQ0FBcUMsQ0FFckMsZUFBZ0IsQ0FEaEIsd0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQ0YsQ0FDQSxrSkFDRSwwQkFDRixDQUNBLGtKQUNFLGlCQUNGLENBRUEsd0NBQ0UsMERBQ0Usb0JBQ0YsQ0FDQSx5REFDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyLWNlbGwge1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjc1cmVtO1xufVxuLmhlYWRlci1jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsOmxhc3QtY2hpbGQge1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsID4gKiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLmhlYWRlci1jZWxsID4gYnV0dG9uIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5oZWFkbGluZSB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG5cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyID4gKiB7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3Ige1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3IuYWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */'),exports.default={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",active:"DataGridHeaderCell-module_active__vg3wV",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:.625rem .75rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size-data-grid);font-weight:700;line-height:var(--data-grid-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out);transform:rotate(0deg);transition:transform .2s ease-in-out}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_ascending__MkLgD{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_descending__ML1AI{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLHNCQUF5QixDQUR6QixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQixvQ0FBcUMsQ0FFckMsZUFBZ0IsQ0FEaEIsd0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQXdCLENBRXhCLHNCQUF1QixDQUR2QixvQ0FFRixDQUNBLHFKQUNFLDBCQUNGLENBQ0Esc0pBQ0UsMEJBQTJCLENBQzNCLHdCQUNGLENBQ0Esa0pBQ0UsaUJBQ0YsQ0FFQSx3Q0FDRSwwREFDRSxvQkFDRixDQUNBLHlEQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRIZWFkZXJDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5oZWFkZXItY2VsbCB7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDAuNzVyZW07XG59XG4uaGVhZGVyLWNlbGw6Zmlyc3QtY2hpbGQge1xuICBwYWRkaW5nLWxlZnQ6IDFyZW07XG59XG4uaGVhZGVyLWNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uaGVhZGVyLWNlbGwgPiAqIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG59XG4uaGVhZGVyLWNlbGwgPiBidXR0b24ge1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLmhlYWRsaW5lIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbn1cblxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIgPiAqIHtcbiAgZm9udC1zaXplOiAwLjYyNXJlbTtcbn1cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIgLmluZGljYXRvciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmFzY2VuZGluZyB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIgLmluZGljYXRvci5kZXNjZW5kaW5nIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */'),exports.default={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",ascending:"DataGridHeaderCell-module_ascending__MkLgD",descending:"DataGridHeaderCell-module_descending__ML1AI",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};
 //# sourceMappingURL=DataGridHeaderCell.module.scss.cjs.js.map

package/dist/cjs/Icon/Icon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e,l=require("react"),r=require("./Icon.module.scss.cjs.js");exports.Icons=void 0,(e=exports.Icons||(exports.Icons={})).Bell="bell",e.BellAlt="bell-alt",e.Bookmark="bookmark",e.BookmarkAlt="bookmark-alt",e.Build="build",e.Calendar="calendar",e.Change="change",e.Checkmark="checkmark",e.CheckmarkCircle="checkmark-circle",e.CheckmarkCircleAlt="checkmark-circle-alt",e.CheckmarkCircleBreakout="checkmark-circle-breakout",e.CheckmarkSquare="checkmark-square",e.ChevronUp="chevron-up",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.Circle="circle",e.Clock="clock",e.Copy="copy",e.Edit="edit",e.Ellipsis="ellipsis",e.EllipsisAlt="ellipsis-alt",e.Equal="equal",e.Error="error-circle",e.ErrorAlt="error-circle-alt",e.Eye="eye",e.EyeBlocked="eye-blocked",e.Filter="filter",e.FilterAlt="filter-alt",e.FilterAltArrow="filter-alt-arrow",e.FilterAltTimes="filter-alt-times",e.Forbidden="forbidden",e.Fullscreen="fullscreen",e.FullscreenExit="fullscreen-exit",e.Gearwheel="gearwheel",e.Grid="grid",e.Hamburger="hamburger",e.HomeFilled="home-filled",e.Heart="heart",e.Image="image",e.InfoBell="info-bell",e.InfoCircle="info-circle",e.Link="link",e.MinusSquare="minus-square",e.NavigationFirst="navigation-first",e.NavigationLast="navigation-last",e.Plus="plus",e.Radio="radio",e.Refresh="refresh",e.Search="search",e.Share="share",e.Square="square",e.Star="star",e.StarAlt="star-alt",e.TableSearch="table-search",e.Times="times",e.TimesCircle="times-circle",e.TimesCircleAlt="times-circle-alt",e.TimesThin="times-thin",e.Trash="trash",e.TriangleDown="triangle-down",e.TriangleDownCircle="triangle-down-circle",e.TriangleLeft="triangle-left",e.TriangleRight="triangle-right",e.TriangleUp="triangle-up",e.Undo="undo",e.Warning="warning",e.WarningFilled="warning-filled",e.FileOutline="file-outline",e.FileUpload="file-upload-outline",e.FileDownload="file-download-outline",e.UploadOutline="upload-outline",e.ReplyOutline="reply-outline",e.SaveOutline="save-outline",e.DownloadFile="download-file-outline",e.RetryFile="retry",e.AbortFile="cancel",e.FileAltIcon="file-alt",e.AddCircle="add-circle",e.ZoomIn="zoom-in",e.ZoomOut="zoom-out";const i=l.forwardRef((({icon:e,color:i,className:a,style:t,size:o,tag:n="span",...c},s)=>{const u=n;return l.createElement(u,{...c,ref:s,style:{color:i,...t,fontSize:o},"data-icon":!0,"aria-hidden":"true",className:`${r.default.icon} ${r.default["icon-"+e]} ${a||""}`})}));exports.Icon=i;
+"use strict";var e,l=require("react"),r=require("./Icon.module.scss.cjs.js");exports.Icons=void 0,(e=exports.Icons||(exports.Icons={})).Bell="bell",e.BellAlt="bell-alt",e.Bookmark="bookmark",e.BookmarkAlt="bookmark-alt",e.Build="build",e.Calendar="calendar",e.Change="change",e.Checkmark="checkmark",e.CheckmarkCircle="checkmark-circle",e.CheckmarkCircleAlt="checkmark-circle-alt",e.CheckmarkCircleBreakout="checkmark-circle-breakout",e.CheckmarkSquare="checkmark-square",e.ChevronUp="chevron-up",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.Circle="circle",e.Clock="clock",e.Copy="copy",e.Edit="edit",e.Ellipsis="ellipsis",e.EllipsisAlt="ellipsis-alt",e.Equal="equal",e.Error="error-circle",e.ErrorAlt="error-circle-alt",e.Eye="eye",e.EyeBlocked="eye-blocked",e.Filter="filter",e.FilterAlt="filter-alt",e.FilterAltArrow="filter-alt-arrow",e.FilterAltTimes="filter-alt-times",e.Forbidden="forbidden",e.Fullscreen="fullscreen",e.FullscreenExit="fullscreen-exit",e.Gearwheel="gearwheel",e.Grid="grid",e.Hamburger="hamburger",e.HomeFilled="home-filled",e.Heart="heart",e.Image="image",e.InfoBell="info-bell",e.InfoCircle="info-circle",e.Link="link",e.MinusSquare="minus-square",e.NavigationFirst="navigation-first",e.NavigationLast="navigation-last",e.Plus="plus",e.Radio="radio",e.Refresh="refresh",e.Search="search",e.Share="share",e.Square="square",e.Star="star",e.StarAlt="star-alt",e.TableSearch="table-search",e.Times="times",e.TimesCircle="times-circle",e.TimesCircleAlt="times-circle-alt",e.TimesThin="times-thin",e.Trash="trash",e.TriangleDown="triangle-down",e.TriangleDownCircle="triangle-down-circle",e.TriangleLeft="triangle-left",e.TriangleRight="triangle-right",e.TriangleUp="triangle-up",e.Undo="undo",e.Warning="warning",e.WarningFilled="warning-filled",e.FileOutline="file-outline",e.FileUpload="file-upload-outline",e.FileDownload="file-download-outline",e.UploadOutline="upload-outline",e.ReplyOutline="reply-outline",e.SaveOutline="save-outline",e.DownloadFile="download-file-outline",e.RetryFile="retry",e.AbortFile="cancel",e.FileAltIcon="file-alt",e.AddCircle="add-circle",e.ZoomIn="zoom-in",e.ZoomOut="zoom-out",e.ArrowUp="arrow-up",e.ExternalLink="external-link";const i=l.forwardRef((({icon:e,color:i,className:a,style:t,size:o,tag:n="span",...c},s)=>{const u=n;return l.createElement(u,{...c,ref:s,style:{color:i,...t,fontSize:o},"data-icon":!0,"aria-hidden":"true",className:`${r.default.icon} ${r.default["icon-"+e]} ${a||""}`})}));exports.Icon=i;
 //# sourceMappingURL=Icon.cjs.js.map