@onewelcome/react-lib-components 7.1.0 → 8.1.0

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"),d=require("./DataGridBody/DataGridBody.cjs.js"),n=require("../Pagination/Pagination.cjs.js"),r=require("../src/hooks/useSpacing.cjs.js"),l=require("./DataGridFilters/DataGridToolbar.cjs.js");const o=e.forwardRef((({children:o,data:s,initialSort:g,onSort:p,headers:u,actions:c={},paginationProps:m,disableContextMenuColumn:h,enableExpandableRow:f,filters:b,isLoading:v,enableMultiSorting:j,emptyLabel:D,spacing:G,style:E,...w},y)=>{var S;if(!u)throw new Error("Headers definition has to be provided");if(!o)throw new Error("DataGridBody should be provided with a template how to render rows");const[L,q]=e.useState(u),R=r.useSpacing(G,E);e.useEffect((()=>q(u)),[u]);if(null==R?void 0:R.padding){const e=R.padding.toString().split(" ");let a=0;e.length>=2&&(a=1),4===e.length&&(a=3),Object.defineProperties(R,{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",{...w,className:a.default["grid-wrapper"],ref:y,style:{paddingTop:null==R?void 0:R.paddingTop,paddingBottom:null==R?void 0:R.paddingBottom}},(null==b?void 0:b.enable)?e.createElement(l.DataGridToolbar,{...b.filtersProps}):e.createElement(i.DataGridActions,{...c,style:{paddingLeft:null==R?void 0:R.paddingLeft,paddingRight:null==R?void 0:R.paddingRight},headers:L,onColumnToggled:e=>{q(L.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:L,initialSort:g,onSort:p,disableContextMenuColumn:h,enableExpandableRow:f,enableMultiSorting:j,spacing:R}),e.createElement(d.DataGridBody,{data:s,headers:L,isLoading:v,disableContextMenuColumn:h,emptyLabel:D,spacing:R},o))),m&&!v&&e.createElement(n.Pagination,{...m,style:{...m.style,paddingLeft:null==R?void 0:R.paddingLeft,paddingRight:null==R?void 0:R.paddingRight},className:`${a.default.pagination} ${null!==(S=m.className)&&void 0!==S?S:""}`}))}));exports.DataGrid=o;
+"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\";\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?: {\n    enable: boolean;\n    filtersProps: DataGridToolbarProps;\n  };\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    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?.enable ? (\n        <DataGridToolbar {...filters.filtersProps} />\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          >\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","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","enable","DataGridToolbar","filtersProps","DataGridActions","onColumnToggled","colName","map","item","name","hidden","DataGridHeader","DataGridBody","Pagination","default","_a"],"mappings":"wXAuDA,MAmIaA,EAAWC,EAAMC,YAnIR,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,CAAA,EACVC,kBACAC,2BACAC,sBACAC,UACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKZ,EACH,MAAM,IAAIa,MAAM,yCAElB,IAAKjB,EACH,MAAM,IAAIiB,MAAM,sEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAAChB,GACjDiB,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBf,IAAU,CAACA,IAU9C,GAAIiB,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,OACE9B,EACMuC,cAAA,MAAA,IAAAtB,EACJuB,UAAWC,EAAAA,QAAQ,gBACnBvB,IAAKA,EACLF,MAAO,CACLkB,WAAYX,aAAA,EAAAA,EAAkBW,WAC9BG,cAAed,aAAA,EAAAA,EAAkBc,iBAGlC1B,aAAO,EAAPA,EAAS+B,QACR1C,EAAAuC,cAACI,EAAeA,gBAAA,IAAKhC,EAAQiC,eAE7B5C,EAAAuC,cAACM,kBAAe,IACVtC,EACJS,MAAO,CACLsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElC9B,QAASc,EACT0B,gBAxDiBC,IACvB1B,EACED,EAAgB4B,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,IAuDCnD,EAAAuC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtBzC,EAAAuC,cAAA,QAAA,CAAOC,UAAWC,EAAAA,QAAe,OAC/BzC,EAAAuC,cAACa,iBAAc,CACb9C,QAASc,EACThB,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BC,oBAAqBA,EACrBG,mBAAoBA,EACpBE,QAASQ,IAEXvB,EAAAuC,cAACc,eAAY,CACXlD,KAAMA,EACNG,QAASc,EACTR,UAAWA,EACXH,yBAA0BA,EAC1BK,WAAYA,EACZC,QAASQ,GAERrB,KAINM,IAAoBI,GACnBZ,EAACuC,cAAAe,EAAAA,WACK,IAAA9C,EACJQ,MAAO,IACFR,EAAgBQ,MACnBsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCI,UAAW,GAAGC,EAAOc,QAAa,sBAAKC,EAAAhD,EAAgBgC,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/DataGridBody/DataGridBody.cjs.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridBody.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        headers,\n        spacing,\n        disableContextMenuColumn\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["DataGridBody","React","forwardRef","children","data","headers","isLoading","disableContextMenuColumn","emptyLabel","spacing","rest","ref","createElement","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","DataGridRow","key","__","colIdx","DataGridCell","className","classes","colSpan","Typography","variant","margin","item","index","cloneElement","renderContent"],"mappings":"iOAiCA,MA4DaA,EAAeC,EAAMC,YA1DR,EAEtBC,WACAC,OACAC,UACAC,YACAC,2BACAC,aACAC,aACGC,GAELC,IAyCEV,EAAAW,cAAA,QAAA,IAAWF,EAAMC,IAAKA,GAvCF,MACpB,MAAME,EAAiBR,EAAQS,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIX,EACF,OAAOY,MAAMC,KAAKD,MAlBI,IAkBwBE,KAAI,CAACC,EAAGC,IACpDrB,EAAAW,cAACW,cAAW,CAACC,IAAKF,EAAQhB,WAAS,GAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACK,EAAIC,IAC1CzB,EAAAW,cAACe,EAAYA,aAAA,CAACH,IAAKE,EAAQpB,WAAS,OAEpCC,GAA4BN,EAACW,cAAAe,EAAYA,sBAMjD,OADmBvB,GAAwB,IAAhBA,EAAKa,OAG5BhB,EAAAW,cAAA,KAAA,KACEX,EACEW,cAAA,KAAA,CAAAgB,UAAWC,EAAAA,QAAe,MAC1BC,QAASjB,GAAkBN,EAA2B,EAAI,IAE1DN,EAAAW,cAACmB,EAAAA,WAAW,CAAAC,QAAQ,OAAOvB,QAAS,CAAEwB,OAAQ,IAC3CzB,KAOJJ,aAAI,EAAJA,EAAMgB,KAAI,CAACc,EAAMC,IACflC,EAAMmC,aAAajC,EAAS,CAAE+B,OAAMC,UAAU,CACnD9B,UACAI,UACAF,8BAEF,EAKC8B"}
+{"version":3,"file":"DataGridBody.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  searchValue?: string;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    searchValue,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        searchValue: searchValue,\n        headers,\n        spacing,\n        disableContextMenuColumn\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["DataGridBody","React","forwardRef","children","data","headers","isLoading","disableContextMenuColumn","emptyLabel","spacing","searchValue","rest","ref","createElement","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","DataGridRow","key","__","colIdx","DataGridCell","className","classes","colSpan","Typography","variant","margin","item","index","cloneElement","renderContent"],"mappings":"iOAkCA,MA8DaA,EAAeC,EAAMC,YA5DR,EAEtBC,WACAC,OACAC,UACAC,YACAC,2BACAC,aACAC,UACAC,iBACGC,GAELC,IA0CEX,EAAAY,cAAA,QAAA,IAAWF,EAAMC,IAAKA,GAxCF,MACpB,MAAME,EAAiBT,EAAQU,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIZ,EACF,OAAOa,MAAMC,KAAKD,MAnBI,IAmBwBE,KAAI,CAACC,EAAGC,IACpDtB,EAAAY,cAACW,cAAW,CAACC,IAAKF,EAAQjB,WAAS,GAChCa,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACK,EAAIC,IAC1C1B,EAAAY,cAACe,EAAYA,aAAA,CAACH,IAAKE,EAAQrB,WAAS,OAEpCC,GAA4BN,EAACY,cAAAe,EAAYA,sBAMjD,OADmBxB,GAAwB,IAAhBA,EAAKc,OAG5BjB,EAAAY,cAAA,KAAA,KACEZ,EACEY,cAAA,KAAA,CAAAgB,UAAWC,EAAAA,QAAe,MAC1BC,QAASjB,GAAkBP,EAA2B,EAAI,IAE1DN,EAAAY,cAACmB,EAAAA,WAAW,CAAAC,QAAQ,OAAOxB,QAAS,CAAEyB,OAAQ,IAC3C1B,KAOJJ,aAAI,EAAJA,EAAMiB,KAAI,CAACc,EAAMC,IACfnC,EAAMoC,aAAalC,EAAS,CAAEgC,OAAMC,UAAU,CACnD1B,YAAaA,EACbL,UACAI,UACAF,8BAEF,EAKC+B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCell","React","forwardRef","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","createElement","style","classes","default","Typography","variant","tag"],"mappings":"sIA6BA,MA0CaA,EAAeC,EAAMC,YA1CmD,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAYrC,OAVkB,IAAdL,IACFK,EAAUC,YAAcP,aAAA,EAAAA,EAASO,cAGhCN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,KAEnDG,EAAUE,aAAeR,aAAA,EAAAA,EAASQ,cAIlCb,EAAAc,cAAA,KAAA,IACML,EACJC,IAAKA,EACLK,MAAO,IAAKN,EAAKM,SAAUJ,GAC3BR,UAAW,GAAGa,EAAOC,QAAO,QAAKd,QAAAA,EAAa,MAE7CC,GAAaJ,EAAAc,cAAA,MAAA,CAAKX,UAAWa,EAAAA,QAAiB,QAAa,YAAA,OAAiB,YAAA,YAC3EZ,GACAJ,EAACc,cAAAI,EAAAA,WAAW,CAAAf,UAAWa,UAAc,KAAGG,QAAQ,OAAOC,IAAI,QACxDlB,GAIP"}
+{"version":3,"file":"DataGridCell.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  Fragment\n} from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    searchValue,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  //NOTE: we might want to migrate to Highlight API once it's supported by Firefox\n  const renderContent = () => {\n    if (typeof children === \"string\" && searchValue) {\n      if (!children.toLowerCase().includes(searchValue.toLowerCase())) {\n        return children;\n      }\n\n      const matchingSequence = new RegExp(searchValue, \"i\").exec(children);\n\n      const parts = children.split(matchingSequence?.[0] ?? \"\");\n      return parts.map((part, i) => {\n        if (i === parts.length - 1) return <Fragment key={`${part}-${i}`}>{part}</Fragment>;\n\n        return (\n          <Fragment key={`${part}-${i}`}>\n            {part}\n            <mark data-testid={`${matchingSequence}-mark`}>{matchingSequence}</mark>\n          </Fragment>\n        );\n      });\n    }\n\n    return children;\n  };\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n          {renderContent()}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCell","React","forwardRef","children","className","isLoading","spacing","searchValue","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","createElement","style","classes","default","Typography","variant","tag","toLowerCase","includes","matchingSequence","RegExp","exec","parts","split","_a","map","part","i","length","Fragment","key","renderContent"],"mappings":"sIAmCA,MAoEaA,EAAeC,EAAMC,YApEmD,EAEjFC,WACAC,YACAC,YACAC,UACAC,cACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAEnB,IAAdL,IACFK,EAAUC,YAAcR,aAAA,EAAAA,EAASQ,cAGhCN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,KAEnDG,EAAUE,aAAeT,aAAA,EAAAA,EAASS,cA4BpC,OACEd,EAAAe,cAAA,KAAA,IACML,EACJC,IAAKA,EACLK,MAAO,IAAKN,EAAKM,SAAUJ,GAC3BT,UAAW,GAAGc,EAAOC,QAAO,QAAKf,QAAAA,EAAa,MAE7CC,GAAaJ,EAAAe,cAAA,MAAA,CAAKZ,UAAWc,EAAAA,QAAiB,QAAa,YAAA,OAAiB,YAAA,YAC3Eb,GACAJ,EAACe,cAAAI,EAAAA,WAAW,CAAAhB,UAAWc,UAAc,KAAGG,QAAQ,OAAOC,IAAI,QAjC3C,YACpB,GAAwB,iBAAbnB,GAAyBI,EAAa,CAC/C,IAAKJ,EAASoB,cAAcC,SAASjB,EAAYgB,eAC/C,OAAOpB,EAGT,MAAMsB,EAAmB,IAAIC,OAAOnB,EAAa,KAAKoB,KAAKxB,GAErDyB,EAAQzB,EAAS0B,MAA+B,UAAzBJ,aAAgB,EAAhBA,EAAmB,UAAM,IAAAK,EAAAA,EAAA,IACtD,OAAOF,EAAMG,KAAI,CAACC,EAAMC,IAClBA,IAAML,EAAMM,OAAS,EAAUjC,EAACe,cAAAmB,EAAQA,SAAC,CAAAC,IAAK,GAAGJ,KAAQC,KAAMD,GAGjE/B,EAACe,cAAAmB,EAAAA,SAAS,CAAAC,IAAK,GAAGJ,KAAQC,KACvBD,EACD/B,EAAmBe,cAAA,OAAA,CAAA,cAAA,GAAGS,UAA0BA,KAIvD,CAED,OAAOtB,CAAQ,EAaRkC,IAIP"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./DataGridRow.module.scss.cjs.js"),a=require("../../../Button/IconButton.cjs.js"),t=require("../../../Icon/Icon.cjs.js"),n=require("../DataGridCell/DataGridCell.cjs.js"),l=require("../DataGridDrawer/DataGridDrawer.cjs.js"),d=require("../../../src/util/helper.cjs.js");const o=e.forwardRef((({children:o,className:s,headers:c,isLoading:i,spacing:u,expandableRowProps:p,disableContextMenuColumn:m,...w},h)=>{const{enableExpandableRow:D=!1,expandButtonId:x=`ID-${d.generateID()}`,expandButtonTitle:I="Expand row",drawerId:j=`ID-${d.generateID()}`,expandableRowContent:b}=p||{},[g,C]=e.useState(!1),E=e.Children.map(o,((r,a)=>{if(r){const t=e.cloneElement(r,{spacing:u,cellIndex:a,columnLength:null==c?void 0:c.length,disableContextMenuColumn:m});return(!(c&&c.length>a)||!c[a].hidden)&&t}return null})),f=[r.default.row];return s&&f.push(s),D?!g&&f.push(r.default["border-drawer"]):f.push(r.default.border),i&&f.push(r.default.loading),e.createElement(e.Fragment,null,e.createElement("tr",{...w,ref:h,className:f.join(" ")},D&&e.createElement(n.DataGridCell,{className:r.default["expand-button-cell"],onClick:()=>C(!g),style:{width:"1px"}},e.createElement(a.IconButton,{id:x,title:I,"aria-expanded":g,"aria-controls":j},e.createElement(t.Icon,{size:"0.75rem",icon:g?t.Icons.ChevronUp:t.Icons.ChevronDown}))),E),D&&e.createElement("tr",{className:`${r.default.row} ${g?r.default["border-drawer"]:""}`},e.createElement("td",{colSpan:E.length+1},e.createElement(l.DataGridDrawer,{id:j,role:"region","aria-labelledby":x,isExpanded:g},b))))}));exports.DataGridRow=o;
+"use strict";var e=require("react"),r=require("./DataGridRow.module.scss.cjs.js"),a=require("../../../Button/IconButton.cjs.js"),t=require("../../../Icon/Icon.cjs.js"),n=require("../DataGridCell/DataGridCell.cjs.js"),l=require("../DataGridDrawer/DataGridDrawer.cjs.js"),d=require("../../../src/util/helper.cjs.js");const o=e.forwardRef((({children:o,className:s,headers:c,searchValue:i,isLoading:u,spacing:p,expandableRowProps:m,disableContextMenuColumn:h,...w},D)=>{const{enableExpandableRow:x=!1,expandButtonId:I=`ID-${d.generateID()}`,expandButtonTitle:j="Expand row",drawerId:b=`ID-${d.generateID()}`,expandableRowContent:g}=m||{},[C,E]=e.useState(!1),f=e.Children.map(o,((r,a)=>{if(r){const t=e.cloneElement(r,{searchValue:i,spacing:p,cellIndex:a,columnLength:null==c?void 0:c.length,disableContextMenuColumn:h});return(!(c&&c.length>a)||!c[a].hidden)&&t}return null})),G=[r.default.row];return s&&G.push(s),x?!C&&G.push(r.default["border-drawer"]):G.push(r.default.border),u&&G.push(r.default.loading),e.createElement(e.Fragment,null,e.createElement("tr",{...w,ref:D,className:G.join(" ")},x&&e.createElement(n.DataGridCell,{className:r.default["expand-button-cell"],onClick:()=>E(!C),style:{width:"1px"}},e.createElement(a.IconButton,{id:I,title:j,"aria-expanded":C,"aria-controls":b},e.createElement(t.Icon,{size:"0.75rem",icon:C?t.Icons.ChevronUp:t.Icons.ChevronDown}))),f),x&&e.createElement("tr",{className:`${r.default.row} ${C?r.default["border-drawer"]:""}`},e.createElement("td",{colSpan:f.length+1},e.createElement(l.DataGridDrawer,{id:b,role:"region","aria-labelledby":I,isExpanded:C},g))))}));exports.DataGridRow=o;
 //# sourceMappingURL=DataGridRow.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridRow.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, useState, Fragment, ForwardRefRenderFunction } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\n\nexport interface Props extends ComponentPropsWithRef<\"tr\"> {\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  disableContextMenuColumn?: boolean;\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (\n  {\n    children,\n    className,\n    headers,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    ...rest\n  },\n  ref\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        spacing: spacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  const classNames = [classes[\"row\"]];\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(classes[\"border\"]);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{ width: \"1px\" }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent);\n"],"names":["DataGridRow","React","forwardRef","children","className","headers","isLoading","spacing","expandableRowProps","disableContextMenuColumn","rest","ref","enableExpandableRow","expandButtonId","generateID","expandButtonTitle","drawerId","expandableRowContent","isRowExpanded","setIsRowExpanded","useState","visibleCells","Children","map","child","index","cellWithSpacing","cloneElement","cellIndex","columnLength","length","hidden","classNames","classes","push","default","Fragment","createElement","join","DataGridCell","onClick","style","width","IconButton","id","title","Icon","size","icon","Icons","ChevronUp","ChevronDown","colSpan","DataGridDrawer","role","isExpanded"],"mappings":"2TAuCA,MAkFaA,EAAcC,EAAMC,YAlFkD,EAE/EC,WACAC,YACAC,UACAC,YACAC,UACAC,qBACAC,8BACGC,GAELC,KAEA,MAAMC,oBACJA,GAAsB,EAAKC,eAC3BA,EAAiB,MAAMC,EAAUA,eAAIC,kBACrCA,EAAoB,aAAYC,SAChCA,EAAW,MAAMF,iBAAcG,qBAC/BA,GACET,GAAsB,IACnBU,EAAeC,GAAoBC,EAAQA,UAAC,GAC7CC,EAAepB,EAAMqB,SAASC,IAAIpB,GAAkC,CAACqB,EAAOC,KAChF,GAAID,EAAO,CACT,MAAME,EAAkBzB,EAAM0B,aAAaH,EAAO,CAChDjB,QAASA,EACTqB,UAAWH,EACXI,aAAcxB,aAAA,EAAAA,EAASyB,OACvBrB,6BAIF,SADgBJ,GAAWA,EAAQyB,OAASL,KAASpB,EAAQoB,GAAOM,SAClDL,CACnB,CACD,OAAO,IAAI,IAGPM,EAAa,CAACC,UAAa,KAOjC,OANA7B,GAAa4B,EAAWE,KAAK9B,GAC7BQ,GACKM,GAAiBc,EAAWE,KAAKD,EAAOE,QAAC,kBAC1CH,EAAWE,KAAKD,UAAgB,QACpC3B,GAAa0B,EAAWE,KAAKD,EAAAA,QAAiB,SAG5ChC,gBAACmC,EAAAA,SAAQ,KACPnC,EAAAoC,cAAA,KAAA,IAAQ3B,EAAMC,IAAKA,EAAKP,UAAW4B,EAAWM,KAAK,MAChD1B,GACCX,EAACoC,cAAAE,EAAAA,aACC,CAAAnC,UAAW6B,EAAOE,QAAC,sBACnBK,QAAS,IAAMrB,GAAkBD,GACjCuB,MAAO,CAAEC,MAAO,QAEhBzC,EAAAoC,cAACM,aAAU,CACTC,GAAI/B,EACJgC,MAAO9B,EAAiB,gBACTG,EAAa,gBACbF,GAEff,EAACoC,cAAAS,EAAAA,KAAK,CAAAC,KAAK,UAAUC,KAAM9B,EAAgB+B,EAAAA,MAAMC,UAAYD,EAAAA,MAAME,gBAIxE9B,GAEFT,GACCX,EAAIoC,cAAA,KAAA,CAAAjC,UAAW,GAAG6B,EAAOE,QAAM,OAAKjB,EAAgBe,EAAAA,QAAQ,iBAAmB,MAC7EhC,EAAAoC,cAAA,KAAA,CAAIe,QAAS/B,EAAaS,OAAS,GACjC7B,EAACoC,cAAAgB,EAAcA,gBACbT,GAAI5B,EACJsC,KAAK,SACY,kBAAAzC,EACjB0C,WAAYrC,GAEXD,KAMX"}
+{"version":3,"file":"DataGridRow.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, useState, Fragment, ForwardRefRenderFunction } from \"react\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { DataGridCell } from \"../DataGridCell/DataGridCell\";\nimport { DataGridDrawer } from \"../DataGridDrawer/DataGridDrawer\";\nimport { generateID } from \"../../../../util/helper\";\n\nexport interface Props extends ComponentPropsWithRef<\"tr\"> {\n  headers?: HeaderCell[];\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  searchValue?: string;\n  disableContextMenuColumn?: boolean;\n  expandableRowProps?: {\n    enableExpandableRow: boolean;\n    expandableRowContent: React.ReactNode;\n    expandButtonTitle?: string;\n    expandButtonId?: string;\n    drawerId?: string;\n  };\n}\n\nconst DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (\n  {\n    children,\n    className,\n    headers,\n    searchValue,\n    isLoading,\n    spacing,\n    expandableRowProps,\n    disableContextMenuColumn,\n    ...rest\n  },\n  ref\n) => {\n  const {\n    enableExpandableRow = false,\n    expandButtonId = `ID-${generateID()}`,\n    expandButtonTitle = \"Expand row\",\n    drawerId = `ID-${generateID()}`,\n    expandableRowContent\n  } = expandableRowProps || {};\n  const [isRowExpanded, setIsRowExpanded] = useState(false);\n  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n    if (child) {\n      const cellWithSpacing = React.cloneElement(child, {\n        searchValue,\n        spacing: spacing,\n        cellIndex: index,\n        columnLength: headers?.length,\n        disableContextMenuColumn\n      });\n\n      const visible = headers && headers.length > index ? !headers[index].hidden : true;\n      return visible && cellWithSpacing;\n    }\n    return null;\n  });\n\n  const classNames = [classes[\"row\"]];\n  className && classNames.push(className);\n  enableExpandableRow\n    ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n    : classNames.push(classes[\"border\"]);\n  isLoading && classNames.push(classes[\"loading\"]);\n\n  return (\n    <Fragment>\n      <tr {...rest} ref={ref} className={classNames.join(\" \")}>\n        {enableExpandableRow && (\n          <DataGridCell\n            className={classes[\"expand-button-cell\"]}\n            onClick={() => setIsRowExpanded(!isRowExpanded)}\n            style={{ width: \"1px\" }}\n          >\n            <IconButton\n              id={expandButtonId}\n              title={expandButtonTitle}\n              aria-expanded={isRowExpanded}\n              aria-controls={drawerId}\n            >\n              <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n            </IconButton>\n          </DataGridCell>\n        )}\n        {visibleCells}\n      </tr>\n      {enableExpandableRow && (\n        <tr className={`${classes[\"row\"]} ${isRowExpanded ? classes[\"border-drawer\"] : \"\"}`}>\n          <td colSpan={visibleCells.length + 1}>\n            <DataGridDrawer\n              id={drawerId}\n              role=\"region\"\n              aria-labelledby={expandButtonId}\n              isExpanded={isRowExpanded}\n            >\n              {expandableRowContent}\n            </DataGridDrawer>\n          </td>\n        </tr>\n      )}\n    </Fragment>\n  );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent);\n"],"names":["DataGridRow","React","forwardRef","children","className","headers","searchValue","isLoading","spacing","expandableRowProps","disableContextMenuColumn","rest","ref","enableExpandableRow","expandButtonId","generateID","expandButtonTitle","drawerId","expandableRowContent","isRowExpanded","setIsRowExpanded","useState","visibleCells","Children","map","child","index","cellWithSpacing","cloneElement","cellIndex","columnLength","length","hidden","classNames","classes","push","default","Fragment","createElement","join","DataGridCell","onClick","style","width","IconButton","id","title","Icon","size","icon","Icons","ChevronUp","ChevronDown","colSpan","DataGridDrawer","role","isExpanded"],"mappings":"2TAwCA,MAoFaA,EAAcC,EAAMC,YApFkD,EAE/EC,WACAC,YACAC,UACAC,cACAC,YACAC,UACAC,qBACAC,8BACGC,GAELC,KAEA,MAAMC,oBACJA,GAAsB,EAAKC,eAC3BA,EAAiB,MAAMC,EAAUA,eAAIC,kBACrCA,EAAoB,aAAYC,SAChCA,EAAW,MAAMF,iBAAcG,qBAC/BA,GACET,GAAsB,IACnBU,EAAeC,GAAoBC,EAAQA,UAAC,GAC7CC,EAAerB,EAAMsB,SAASC,IAAIrB,GAAkC,CAACsB,EAAOC,KAChF,GAAID,EAAO,CACT,MAAME,EAAkB1B,EAAM2B,aAAaH,EAAO,CAChDnB,cACAE,QAASA,EACTqB,UAAWH,EACXI,aAAczB,aAAA,EAAAA,EAAS0B,OACvBrB,6BAIF,SADgBL,GAAWA,EAAQ0B,OAASL,KAASrB,EAAQqB,GAAOM,SAClDL,CACnB,CACD,OAAO,IAAI,IAGPM,EAAa,CAACC,UAAa,KAOjC,OANA9B,GAAa6B,EAAWE,KAAK/B,GAC7BS,GACKM,GAAiBc,EAAWE,KAAKD,EAAOE,QAAC,kBAC1CH,EAAWE,KAAKD,UAAgB,QACpC3B,GAAa0B,EAAWE,KAAKD,EAAAA,QAAiB,SAG5CjC,gBAACoC,EAAAA,SAAQ,KACPpC,EAAAqC,cAAA,KAAA,IAAQ3B,EAAMC,IAAKA,EAAKR,UAAW6B,EAAWM,KAAK,MAChD1B,GACCZ,EAACqC,cAAAE,EAAAA,aACC,CAAApC,UAAW8B,EAAOE,QAAC,sBACnBK,QAAS,IAAMrB,GAAkBD,GACjCuB,MAAO,CAAEC,MAAO,QAEhB1C,EAAAqC,cAACM,aAAU,CACTC,GAAI/B,EACJgC,MAAO9B,EAAiB,gBACTG,EAAa,gBACbF,GAEfhB,EAACqC,cAAAS,EAAAA,KAAK,CAAAC,KAAK,UAAUC,KAAM9B,EAAgB+B,EAAAA,MAAMC,UAAYD,EAAAA,MAAME,gBAIxE9B,GAEFT,GACCZ,EAAIqC,cAAA,KAAA,CAAAlC,UAAW,GAAG8B,EAAOE,QAAM,OAAKjB,EAAgBe,EAAAA,QAAQ,iBAAmB,MAC7EjC,EAAAqC,cAAA,KAAA,CAAIe,QAAS/B,EAAaS,OAAS,GACjC9B,EAACqC,cAAAgB,EAAcA,gBACbT,GAAI5B,EACJsC,KAAK,SACY,kBAAAzC,EACjB0C,WAAYrC,GAEXD,KAMX"}

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/DataGridSearchbar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),r=require("../../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),a=require("../../Icon/Icon.cjs.js"),l=require("./DataGridToolbar.module.scss.cjs.js"),u=require("../../src/hooks/useDebouncedCallback.cjs.js");exports.DataGridSearchbar=({onSearch:c,initialSearchValue:n,debounceTime:s,inputWrapperProps:o,placeholder:t})=>{var i,p,d;const[h,v]=e.useState(null!=n?n:""),b=u.useDebouncedCallback(c,null!=s?s:500),m=s?b:c;return e.useEffect((()=>{n&&v(n)}),[n]),e.createElement(r.InputWrapper,{...o,className:`${l.default.searchbar} ${null!==(i=null==o?void 0:o.className)&&void 0!==i?i:""}`,label:null!==(p=null==o?void 0:o.label)&&void 0!==p?p:"",onChange:e=>{m(e.target.value),v(e.target.value)},type:"search",name:null!==(d=null==o?void 0:o.name)&&void 0!==d?d:"searchbar",value:h,inputProps:{...null==o?void 0:o.inputProps,type:"search",prefix:e.createElement(a.Icon,{icon:a.Icons.Search}),placeholder:null!=t?t:"Search items"}})};
+//# sourceMappingURL=DataGridSearchbar.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSearchbar.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridSearchbar.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, { useState, useEffect } from \"react\";\nimport { InputWrapper } from \"../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { InputWrapperProps, useDebouncedCallback } from \"../../..\";\n\nexport interface DataGridSearchbarProps {\n  onSearch: (value: string) => void;\n  initialSearchValue?: string;\n  debounceTime?: number;\n  placeholder?: string;\n  inputWrapperProps?: InputWrapperProps;\n}\n\nexport const DataGridSearchbar = ({\n  onSearch,\n  initialSearchValue,\n  debounceTime,\n  inputWrapperProps,\n  placeholder\n}: DataGridSearchbarProps) => {\n  const [search, setSearch] = useState(initialSearchValue ?? \"\");\n  const debouncedCallback = useDebouncedCallback(onSearch, debounceTime ?? 500);\n  const onSearchCallback = debounceTime ? debouncedCallback : onSearch;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onSearchCallback(event.target.value);\n    setSearch(event.target.value);\n  };\n\n  useEffect(() => {\n    initialSearchValue && setSearch(initialSearchValue);\n  }, [initialSearchValue]);\n\n  return (\n    <InputWrapper\n      {...inputWrapperProps}\n      className={`${classes[\"searchbar\"]} ${inputWrapperProps?.className ?? \"\"}`}\n      label={inputWrapperProps?.label ?? \"\"}\n      onChange={onChange}\n      type=\"search\"\n      name={inputWrapperProps?.name ?? \"searchbar\"}\n      value={search}\n      inputProps={{\n        ...inputWrapperProps?.inputProps,\n        type: \"search\",\n        prefix: <Icon icon={Icons.Search} />,\n        placeholder: placeholder ?? \"Search items\"\n      }}\n    ></InputWrapper>\n  );\n};\n"],"names":["onSearch","initialSearchValue","debounceTime","inputWrapperProps","placeholder","search","setSearch","useState","debouncedCallback","useDebouncedCallback","onSearchCallback","useEffect","React","createElement","InputWrapper","className","classes","_a","label","_b","onChange","event","target","value","type","name","_c","inputProps","prefix","Icon","icon","Icons","Search"],"mappings":"8QA8BiC,EAC/BA,WACAC,qBACAC,eACAC,oBACAC,4BAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAACN,QAAAA,EAAsB,IACrDO,EAAoBC,EAAAA,qBAAqBT,EAAUE,QAAAA,EAAgB,KACnEQ,EAAmBR,EAAeM,EAAoBR,EAW5D,OAJAW,EAAAA,WAAU,KACRV,GAAsBK,EAAUL,EAAmB,GAClD,CAACA,IAGFW,EAAAC,cAACC,EAAAA,aAAY,IACPX,EACJY,UAAW,GAAGC,EAAAA,QAAmB,aAAiC,QAA5BC,EAAAd,aAAiB,EAAjBA,EAAmBY,iBAAS,IAAAE,EAAAA,EAAI,KACtEC,MAAmC,QAA5BC,EAAAhB,aAAA,EAAAA,EAAmBe,aAAS,IAAAC,EAAAA,EAAA,GACnCC,SAdcC,IAChBX,EAAiBW,EAAMC,OAAOC,OAC9BjB,EAAUe,EAAMC,OAAOC,MAAM,EAa3BC,KAAK,SACLC,KAA6B,QAAvBC,EAAAvB,aAAA,EAAAA,EAAmBsB,YAAI,IAAAC,EAAAA,EAAI,YACjCH,MAAOlB,EACPsB,WAAY,IACPxB,aAAA,EAAAA,EAAmBwB,WACtBH,KAAM,SACNI,OAAQhB,gBAACiB,EAAAA,KAAI,CAACC,KAAMC,EAAAA,MAAMC,SAC1B5B,YAAaA,QAAAA,EAAe,iBAGhC"}

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:[]}}},o=({columnsMetadata:o,filterValues:i,translations:s,onFilterAdd:n,onFilterEdit:d,onFilterDelete:c,onFiltersClear:p,...u},f)=>{const[m,y]=e.useReducer(l,{filters:i||[]}),{clearButtonCaption:v="Clear all filters"}=(null==s?void 0:s.toolbar)||{};return e.createElement("div",{...u,ref:f,className:a.default.toolbar},m.filters.map((a=>e.createElement(t.DataGridFilter,{mode:"EDIT",key:a.id,filter:a,columnsMetadata:o,dispatch:y,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:o,dispatch:y,onFilterAdd:n,tagTranslations:null==s?void 0:s.tag,popoverTranslations:null==s?void 0:s.popover}),m.filters.length>=1&&e.createElement("button",{type:"button",className:a.default["clear-button"],onClick:()=>{y({type:"clear"}),p&&p()}},e.createElement(r.Typography,{variant:"body",className:a.default.caption},v))))},i=e.forwardRef(o);exports.DataGridToolbar=i,exports.DataGridToolbarComponent=o;
+"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, { ComponentPropsWithRef, ForwardRefRenderFunction, 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 extends ComponentPropsWithRef<\"div\"> {\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 DataGridToolbarComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridToolbarProps\n> = (\n  {\n    columnsMetadata,\n    filterValues,\n    translations,\n    onFilterAdd,\n    onFilterEdit,\n    onFilterDelete,\n    onFiltersClear,\n    ...rest\n  },\n  ref\n) => {\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <div {...rest} ref={ref} className={classes[\"toolbar\"]}>\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    </div>\n  );\n};\n\nexport const DataGridToolbar = React.forwardRef(DataGridToolbarComponent);\n"],"names":["filtersReducer","state","action","type","filters","payload","map","value","id","filter","DataGridToolbarComponent","columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","onFiltersClear","rest","ref","dispatch","useReducer","clearButtonCaption","toolbar","React","createElement","className","classes","default","DataGridFilter","mode","key","tagTranslations","tag","popoverTranslations","popover","length","onClick","Typography","variant","DataGridToolbar","forwardRef"],"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,EAGUM,EAGT,EAEAC,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,oBACGC,GAELC,KAEA,MAAOlB,EAAOmB,GAAYC,EAAUA,WAACrB,EAAgB,CAAEI,QAASQ,GAAgB,MAC1EU,mBAAEA,EAAqB,sBAAwBT,eAAAA,EAAcU,UAAW,CAAA,EAC9E,OACEC,EAAAC,cAAA,MAAA,IAASP,EAAMC,IAAKA,EAAKO,UAAWC,EAAOC,QAAU,SAClD3B,EAAMG,QAAQE,KAAIG,GACjBe,EAACC,cAAAI,EAAAA,gBACCC,KAAK,OACLC,IAAKtB,EAAOD,GACZC,OAAQA,EACRE,gBAAiBA,EACjBS,SAAUA,EACVL,aAAcA,EACdC,eAAgBA,EAChBgB,gBAAiBnB,aAAY,EAAZA,EAAcoB,IAC/BC,oBAAqBrB,aAAY,EAAZA,EAAcsB,YAGvCX,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,oBACtBH,EAAAC,cAACI,EAAAA,eACC,CAAAC,KAAK,MACLnB,gBAAiBA,EACjBS,SAAUA,EACVN,YAAaA,EACbkB,gBAAiBnB,aAAA,EAAAA,EAAcoB,IAC/BC,oBAAqBrB,eAAAA,EAAcsB,UAEpClC,EAAMG,QAAQgC,QAAU,GACvBZ,EAAAC,cAAA,SAAA,CACEtB,KAAK,SACLuB,UAAWC,EAAAA,QAAQ,gBACnBU,QAAS,KACPjB,EAAS,CAAEjB,KAAM,UACjBc,GAAkBA,GAAgB,GAGpCO,EAACC,cAAAa,EAAAA,YAAWC,QAAQ,OAAOb,UAAWC,EAAOC,QAAU,SACpDN,KAMX,EAGSkB,EAAkBhB,EAAMiB,WAAW/B"}
+{"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"}