npm - @onewelcome/react-lib-components - Versions diffs - 8.1.1 → 8.2.0 - Mend

@onewelcome/react-lib-components 8.1.1 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (88) hide show

package/dist/cjs/DataGrid/DataGrid.cjs.js CHANGED Viewed

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

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

	@@ -1 +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, {\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"}
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, {\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 nestedRowConfig?: {\n nestedItemsKey?: keyof T;\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 nestedRowConfig,\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 enableNestedRows={!!nestedRowConfig}\n enableMultiSorting={enableMultiSorting}\n spacing={styleWithSpacing}\n />\n <DataGridBody\n data={data}\n headers={internalHeaders}\n isLoading={isLoading}\n disableContextMenuColumn={disableContextMenuColumn}\n nestedRowConfig={nestedRowConfig}\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","nestedRowConfig","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","enableNestedRows","DataGridBody","searchValue","initialSearchValue","Pagination","default","_a"],"mappings":"6eAuEA,MAiJaA,EAAWC,EAAMC,YAjJR,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,GACVC,kBACAC,kBACAC,2BACAC,sBACAC,UACAC,SACAC,iBACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKf,EACH,MAAM,IAAIgB,MAAM,yCAElB,IAAKpB,EACH,MAAM,IAAIoB,MAAM,sEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAACnB,GACjDoB,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBlB,IAAU,CAACA,IAU9C,GAAIoB,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,OACEjC,EACM0C,cAAA,MAAA,IAAAtB,EACJuB,UAAWC,EAAAA,QAAQ,gBACnBvB,IAAKA,EACLF,MAAO,CACLkB,WAAYX,aAAA,EAAAA,EAAkBW,WAC9BG,cAAed,aAAA,EAAAA,EAAkBc,gBAGlC5B,GAAWC,GAAUC,EACpBd,EAAA0C,cAACG,yBAAsB,CACrBjC,QACEZ,gBAAC8C,EAAQA,SAAA,KACNjC,GAAUb,EAAA0C,cAACK,EAAiBA,kBAAA,IAAKlC,IACjCD,GAAWZ,gBAACgD,EAAAA,gBAAe,IAAKpC,KAGrCqC,QAASnC,IAGXd,EAAA0C,cAACQ,EAAeA,gBACV,IAAA3C,EACJY,MAAO,CACLsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCjC,QAASiB,EACT4B,gBAhEiBC,IACvB5B,EACED,EAAgB8B,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,IA+DCxD,EAAA0C,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtB5C,EAAA0C,cAAA,QAAA,CAAOC,UAAWC,EAAAA,QAAe,OAC/B5C,EAAA0C,cAACe,EAAcA,eAAA,CACbnD,QAASiB,EACTnB,YAAaA,EACbC,OAAQA,EACRK,yBAA0BA,EAC1BC,oBAAqBA,EACrB+C,mBAAoBjD,EACpBO,mBAAoBA,EACpBE,QAASQ,IAEX1B,EAAA0C,cAACiB,EAAAA,aACC,CAAAxD,KAAMA,EACNG,QAASiB,EACTR,UAAWA,EACXL,yBAA0BA,EAC1BD,gBAAiBA,EACjBQ,WAAYA,EACZC,QAASQ,EACTkC,YAAa/C,aAAM,EAANA,EAAQgD,oBAEpB3D,KAINM,IAAoBO,GACnBf,EAAC0C,cAAAoB,EAAAA,WACK,IAAAtD,EACJW,MAAO,IACFX,EAAgBW,MACnBsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCI,UAAW,GAAGC,EAAOmB,QAAa,sBAAKC,EAAAxD,EAAgBmC,yBAAa,OAI1E"}

package/dist/cjs/DataGrid/DataGridBody/DataGridBody.cjs.js CHANGED Viewed

@@ -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,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;
+"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:s,nestedRowConfig:d,isLoading:o,disableContextMenuColumn:c,emptyLabel:m,spacing:u,searchValue:y,...p},g)=>e.createElement("tbody",{...p,ref:g},(()=>{const p=s.filter((e=>!e.hidden)).length;if(o)return Array.from(Array(9)).map(((t,l)=>e.createElement(r.DataGridRow,{key:l,isLoading:!0},Array.from(Array(p)).map(((r,t)=>e.createElement(a.DataGridCell,{key:t,isLoading:!0}))),!c&&e.createElement(a.DataGridCell,null))));return!i||0===i.length?e.createElement("tr",null,e.createElement("td",{className:t.default.empty,colSpan:p+(c?0:1)},e.createElement(l.Typography,{variant:"body",spacing:{margin:0}},m))):null==i?void 0:i.map(((a,r)=>e.cloneElement(n({item:a,index:r}),{searchValue:y,headers:s,spacing:u,item:a,disableContextMenuColumn:c,nestedRowProps:{rowTemplate:n,enableNestedRow:!!d,nestedItemsKey:null==d?void 0:d.nestedItemsKey,isLastChild:r+1===i.length}})))})())));exports.DataGridBody=n;
 //# sourceMappingURL=DataGridBody.cjs.js.map

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

	@@ -1 +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 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"}
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 nestedRowConfig?: {\n nestedItemsKey?: keyof T;\n };\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 nestedRowConfig,\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 item,\n disableContextMenuColumn,\n nestedRowProps: {\n rowTemplate: children,\n enableNestedRow: !!nestedRowConfig,\n nestedItemsKey: nestedRowConfig?.nestedItemsKey,\n isLastChild: index + 1 === data.length\n }\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","nestedRowConfig","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","nestedRowProps","rowTemplate","enableNestedRow","nestedItemsKey","isLastChild","renderContent"],"mappings":"iOAqCA,MAsEaA,EAAeC,EAAMC,YApER,EAEtBC,WACAC,OACAC,UACAC,kBACAC,YACAC,2BACAC,aACAC,UACAC,iBACGC,GAELC,IAiDEZ,EAAAa,cAAA,QAAA,IAAWF,EAAMC,IAAKA,GA/CF,MACpB,MAAME,EAAiBV,EAAQW,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIZ,EACF,OAAOa,MAAMC,KAAKD,MApBI,IAoBwBE,KAAI,CAACC,EAAGC,IACpDvB,EAAAa,cAACW,cAAW,CAACC,IAAKF,EAAQjB,WAAS,GAChCa,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACK,EAAIC,IAC1C3B,EAAAa,cAACe,EAAYA,aAAA,CAACH,IAAKE,EAAQrB,WAAS,OAEpCC,GAA4BP,EAACa,cAAAe,EAAYA,sBAMjD,OADmBzB,GAAwB,IAAhBA,EAAKe,OAG5BlB,EAAAa,cAAA,KAAA,KACEb,EACEa,cAAA,KAAA,CAAAgB,UAAWC,EAAAA,QAAe,MAC1BC,QAASjB,GAAkBP,EAA2B,EAAI,IAE1DP,EAAAa,cAACmB,EAAAA,WAAW,CAAAC,QAAQ,OAAOxB,QAAS,CAAEyB,OAAQ,IAC3C1B,KAOJL,aAAI,EAAJA,EAAMkB,KAAI,CAACc,EAAMC,IACfpC,EAAMqC,aAAanC,EAAS,CAAEiC,OAAMC,UAAU,CACnD1B,YAAaA,EACbN,UACAK,UACA0B,OACA5B,2BACA+B,eAAgB,CACdC,YAAarC,EACbsC,kBAAmBnC,EACnBoC,eAAgBpC,aAAA,EAAAA,EAAiBoC,eACjCC,YAAaN,EAAQ,IAAMjC,EAAKe,WAGpC,EAKCyB"}

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

@@ -1,2 +1,2 @@
-"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;
+"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,prefixElement:s,searchValue:d,cellIndex:c,columnLength:o,disableContextMenuColumn:u,...m},p)=>{let g={};0===c&&(g.paddingLeft=null==i?void 0:i.paddingLeft),(c===o&&!u||o&&c===o-1&&u)&&(g.paddingRight=null==i?void 0:i.paddingRight);const y=()=>{var a;if("string"==typeof l&&d){if(!l.toLowerCase().includes(d.toLowerCase()))return l;const t=new RegExp(d,"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};return e.createElement("td",{...m,ref:p,style:{...m.style,...g},className:`${t.default.cell} ${null!=r?r:""}`},s?e.createElement("div",{className:t.default["content-wrapper"]},s,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",spacing:{marginBottom:0}},y())):e.createElement(e.Fragment,null,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"},y())))}));exports.DataGridCell=l;
 //# sourceMappingURL=DataGridCell.cjs.js.map

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

	@@ -1 +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, {\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~~"}
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, {\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 prefixElement?: ReactElement;\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 prefixElement,\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 {prefixElement ? (\n <div className={classes[\"content-wrapper\"]}>\n {prefixElement}\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography\n className={classes[\"text\"]}\n variant=\"body\"\n tag=\"span\"\n spacing={{ marginBottom: 0 }}\n >\n {renderContent()}\n </Typography>\n )}\n </div>\n ) : (\n <>\n {isLoading && (\n <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>\n )}\n {!isLoading && (\n <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n {renderContent()}\n </Typography>\n )}\n </>\n )}\n </td>\n );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCell","React","forwardRef","children","className","isLoading","spacing","prefixElement","searchValue","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","renderContent","toLowerCase","includes","matchingSequence","RegExp","exec","parts","split","_a","map","part","i","length","createElement","Fragment","key","style","classes","Typography","default","variant","tag","marginBottom"],"mappings":"sIAoCA,MA4FaA,EAAeC,EAAMC,YA5FmD,EAEjFC,WACAC,YACAC,YACAC,UACAC,gBACAC,cACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAEnB,IAAdL,IACFK,EAAUC,YAAcT,aAAA,EAAAA,EAASS,cAGhCN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,KAEnDG,EAAUE,aAAeV,aAAA,EAAAA,EAASU,cAIpC,MAAMC,EAAgB,WACpB,GAAwB,iBAAbd,GAAyBK,EAAa,CAC/C,IAAKL,EAASe,cAAcC,SAASX,EAAYU,eAC/C,OAAOf,EAGT,MAAMiB,EAAmB,IAAIC,OAAOb,EAAa,KAAKc,KAAKnB,GAErDoB,EAAQpB,EAASqB,MAA+B,UAAzBJ,aAAgB,EAAhBA,EAAmB,UAAM,IAAAK,EAAAA,EAAA,IACtD,OAAOF,EAAMG,KAAI,CAACC,EAAMC,IAClBA,IAAML,EAAMM,OAAS,EAAU5B,EAAC6B,cAAAC,EAAQA,SAAC,CAAAC,IAAK,GAAGL,KAAQC,KAAMD,GAGjE1B,EAAC6B,cAAAC,EAAAA,SAAS,CAAAC,IAAK,GAAGL,KAAQC,KACvBD,EACD1B,EAAmB6B,cAAA,OAAA,CAAA,cAAA,GAAGV,UAA0BA,KAIvD,CAED,OAAOjB,CAAQ,EAGjB,OACEF,yBACMW,EACJC,IAAKA,EACLoB,MAAO,IAAKrB,EAAKqB,SAAUnB,GAC3BV,UAAW,GAAG8B,UAAc,QAAK9B,QAAAA,EAAa,MAE7CG,EACCN,EAAA6B,cAAA,MAAA,CAAK1B,UAAW8B,EAAAA,QAAQ,oBACrB3B,EACAF,GACCJ,EAAK6B,cAAA,MAAA,CAAA1B,UAAW8B,EAAAA,QAAiB,QAAa,YAAA,OAAiB,YAAA,YAE/D7B,GACAJ,EAAC6B,cAAAK,EAAUA,YACT/B,UAAW8B,EAAOE,QAAO,KACzBC,QAAQ,OACRC,IAAI,OACJhC,QAAS,CAAEiC,aAAc,IAExBtB,MAKPhB,EAAA6B,cAAA7B,EAAA8B,SAAA,KACG1B,GACCJ,EAAK6B,cAAA,MAAA,CAAA1B,UAAW8B,EAAAA,QAAiB,QAAa,YAAA,OAAiB,YAAA,YAE/D7B,GACAJ,EAAA6B,cAACK,EAAUA,WAAA,CAAC/B,UAAW8B,EAAAA,QAAc,KAAGG,QAAQ,OAAOC,IAAI,QACxDrB,MAMX"}

package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.cjs.js CHANGED Viewed

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

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

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

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

	@@ -1 +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 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~~"}
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, Ref, ReactElement } 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\";\nimport { useNestedRow } from \"./useNestedRow\";\n\nexport interface Props<T> extends ComponentPropsWithRef<\"tr\"> {\n item?: T;\n headers?: HeaderCell[];\n isLoading?: boolean;\n spacing?: React.CSSProperties;\n searchValue?: string;\n disableContextMenuColumn?: boolean;\n nestedRowProps?: {\n rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n indentationLevel?: number;\n indentationLevels?: { level: number; isLastChild: boolean }[];\n enableNestedRow?: boolean;\n nestedItemsKey?: keyof T;\n };\n expandableRowProps?: {\n enableExpandableRow: boolean;\n expandableRowContent: React.ReactNode;\n expandButtonTitle?: string;\n expandButtonId?: string;\n drawerId?: string;\n };\n}\n\nconst DataGridRowComponent = <T,>(\n {\n item,\n children,\n className,\n headers,\n searchValue,\n isLoading,\n spacing,\n expandableRowProps,\n disableContextMenuColumn,\n nestedRowProps,\n ...rest\n }: Props<T>,\n ref: Ref<HTMLTableRowElement>\n) => {\n const {\n enableExpandableRow = false,\n expandButtonId = `ID-${generateID()}`,\n expandButtonTitle = \"Expand row\",\n drawerId = `ID-${generateID()}`,\n expandableRowContent\n } = expandableRowProps \|\| {};\n const {\n indentationLevels,\n indentationLevel = 0,\n nestedItemsKey,\n enableNestedRow,\n rowTemplate\n } = nestedRowProps \|\| {};\n const [isRowExpanded, setIsRowExpanded] = useState(false);\n const { renderNestedRowConnectors, renderNestedRow, getNestedChildSpacing, hasNestedChildren } =\n useNestedRow({\n indentationLevels,\n indentationLevel,\n item,\n nestedItemsKey,\n rowTemplate,\n isRowExpanded,\n enableNestedRow,\n rowProps: {\n searchValue,\n headers,\n spacing,\n disableContextMenuColumn\n }\n });\n\n const classNames = [classes[\"row\"]];\n const rowBorderClass = enableNestedRow\n ? classes[`border-${indentationLevel}`]\n : classes[`border`];\n\n className && classNames.push(className);\n enableExpandableRow\n ? !isRowExpanded && classNames.push(classes[\"border-drawer\"])\n : classNames.push(rowBorderClass);\n isLoading && classNames.push(classes[\"loading\"]);\n\n const getPrefixButton = (hasNestedChildren: boolean) =>\n hasNestedChildren ? (\n <IconButton\n id={expandButtonId}\n title={expandButtonTitle}\n aria-expanded={isRowExpanded}\n onClick={() => setIsRowExpanded(!isRowExpanded)}\n >\n <Icon size=\"0.75rem\" icon={isRowExpanded ? Icons.ChevronUp : Icons.ChevronDown} />\n </IconButton>\n ) : null;\n\n const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {\n const childSpacing = enableNestedRow ? getNestedChildSpacing(spacing, index) : spacing;\n\n const prefixElement =\n enableNestedRow && index === 0 ? (\n <>\n {getPrefixButton(!!hasNestedChildren)}\n {renderNestedRowConnectors()}\n </>\n ) : null;\n\n if (child) {\n const cellWithSpacing = React.cloneElement(child, {\n searchValue,\n spacing: childSpacing,\n cellIndex: index,\n columnLength: headers?.length,\n disableContextMenuColumn,\n prefixElement\n });\n\n const visible = headers && headers.length > index ? !headers[index].hidden : true;\n return visible && cellWithSpacing;\n }\n return null;\n });\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={{\n width: \"1px\"\n }}\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 {enableNestedRow && renderNestedRow()}\n </Fragment>\n );\n};\n\nexport const DataGridRow = React.forwardRef(DataGridRowComponent) as <T extends {}>(\n p: Props<T> & { ref?: Ref<HTMLTableRowElement> }\n) => ReactElement;\n"],"names":["DataGridRow","React","forwardRef","item","children","className","headers","searchValue","isLoading","spacing","expandableRowProps","disableContextMenuColumn","nestedRowProps","rest","ref","enableExpandableRow","expandButtonId","generateID","expandButtonTitle","drawerId","expandableRowContent","indentationLevels","indentationLevel","nestedItemsKey","enableNestedRow","rowTemplate","isRowExpanded","setIsRowExpanded","useState","renderNestedRowConnectors","renderNestedRow","getNestedChildSpacing","hasNestedChildren","useNestedRow","rowProps","classNames","classes","rowBorderClass","push","default","visibleCells","Children","map","child","index","childSpacing","prefixElement","createElement","Fragment","IconButton","id","title","onClick","Icon","size","icon","Icons","ChevronUp","ChevronDown","getPrefixButton","cellWithSpacing","cloneElement","cellIndex","columnLength","length","hidden","join","DataGridCell","style","width","colSpan","DataGridDrawer","role","isExpanded"],"mappings":"8VAiDA,MA4IaA,EAAcC,EAAMC,YA5IJ,EAEzBC,OACAC,WACAC,YACAC,UACAC,cACAC,YACAC,UACAC,qBACAC,2BACAC,oBACGC,GAELC,KAEA,MAAMC,oBACJA,GAAsB,EAAKC,eAC3BA,EAAiB,MAAMC,EAAUA,eAAIC,kBACrCA,EAAoB,aAAYC,SAChCA,EAAW,MAAMF,iBAAcG,qBAC/BA,GACEV,GAAsB,IACpBW,kBACJA,EAAiBC,iBACjBA,EAAmB,EAACC,eACpBA,EAAcC,gBACdA,EAAeC,YACfA,GACEb,GAAkB,IACfc,EAAeC,GAAoBC,EAAQA,UAAC,IAC7CC,0BAAEA,EAAyBC,gBAAEA,EAAeC,sBAAEA,EAAqBC,kBAAEA,GACzEC,EAAAA,aAAa,CACXZ,oBACAC,mBACAnB,OACAoB,iBACAE,cACAC,gBACAF,kBACAU,SAAU,CACR3B,cACAD,UACAG,UACAE,8BAIAwB,EAAa,CAACC,UAAa,KAC3BC,EAAiBb,EACnBY,EAAAA,QAAQ,UAAUd,KAClBc,UAAgB,OAEpB/B,GAAa8B,EAAWG,KAAKjC,GAC7BU,GACKW,GAAiBS,EAAWG,KAAKF,EAAOG,QAAC,kBAC1CJ,EAAWG,KAAKD,GACpB7B,GAAa2B,EAAWG,KAAKF,EAAAA,QAAiB,SAE9C,MAYMI,EAAevC,EAAMwC,SAASC,IAAItC,GAAkC,CAACuC,EAAOC,KAChF,MAAMC,EAAerB,EAAkBO,EAAsBtB,EAASmC,GAASnC,EAEzEqC,EACJtB,GAA6B,IAAVoB,EACjB3C,EAAA8C,cAAA9C,EAAA+C,SAAA,KAjBkB,CAAChB,GACvBA,EACE/B,EAAC8C,cAAAE,EAAUA,YACTC,GAAIlC,EACJmC,MAAOjC,EAAiB,gBACTQ,EACf0B,QAAS,IAAMzB,GAAkBD,IAEjCzB,EAAA8C,cAACM,EAAAA,KAAI,CAACC,KAAK,UAAUC,KAAM7B,EAAgB8B,EAAKA,MAACC,UAAYD,EAAKA,MAACE,eAEnE,KAQGC,GAAkB3B,GAClBH,KAED,KAEN,GAAIc,EAAO,CACT,MAAMiB,EAAkB3D,EAAM4D,aAAalB,EAAO,CAChDpC,cACAE,QAASoC,EACTiB,UAAWlB,EACXmB,aAAczD,aAAA,EAAAA,EAAS0D,OACvBrD,2BACAmC,kBAIF,SADgBxC,GAAWA,EAAQ0D,OAASpB,KAAStC,EAAQsC,GAAOqB,SAClDL,CACnB,CACD,OAAO,IAAI,IAGb,OACE3D,gBAAC+C,EAAAA,SAAQ,KACP/C,EAAA8C,cAAA,KAAA,IAAQlC,EAAMC,IAAKA,EAAKT,UAAW8B,EAAW+B,KAAK,MAChDnD,GACCd,EAAA8C,cAACoB,EAAAA,aAAY,CACX9D,UAAW+B,EAAOG,QAAC,sBACnBa,QAAS,IAAMzB,GAAkBD,GACjC0C,MAAO,CACLC,MAAO,QAGTpE,EAAA8C,cAACE,aAAU,CACTC,GAAIlC,EACJmC,MAAOjC,EAAiB,gBACTQ,EAAa,gBACbP,GAEflB,EAAC8C,cAAAM,EAAAA,KAAK,CAAAC,KAAK,UAAUC,KAAM7B,EAAgB8B,EAAAA,MAAMC,UAAYD,EAAAA,MAAME,gBAIxElB,GAEFzB,GACCd,EAAI8C,cAAA,KAAA,CAAA1C,UAAW,GAAG+B,EAAOG,QAAM,OAAKb,EAAgBU,EAAAA,QAAQ,iBAAmB,MAC7EnC,EAAA8C,cAAA,KAAA,CAAIuB,QAAS9B,EAAawB,OAAS,GACjC/D,EAAC8C,cAAAwB,EAAcA,gBACbrB,GAAI/B,EACJqD,KAAK,SAAQ,kBACIxD,EACjByD,WAAY/C,GAEXN,KAKRI,GAAmBM,IAEtB"}

package/dist/cjs/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.cjs.js CHANGED Viewed

@@ -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 */.DataGridRow-module_row__yQDVO{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow-module_row__yQDVO:not(.DataGridRow-module_loading__-xjr0):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-drawer__W2hWL:not(:last-child):not(:nth-last-child(2)):after,.DataGridRow-module_row__yQDVO.DataGridRow-module_border__wLIZi:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:0;position:absolute;width:100%}.DataGridRow-module_expand-button-cell__P2myT{padding:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBRUUsc0RBQXVELENBRHZELGlCQUVGLENBQ0EsNkVBQ0UsNERBQ0YsQ0FTQSw2TUFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBSUYsQ0FFQSw4Q0FDRSxTQUNGIiwiZmlsZSI6IkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXI6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpsYXN0LWNoaWxkKTpub3QoOm50aC1sYXN0LWNoaWxkKDIpKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG5cbi5leHBhbmQtYnV0dG9uLWNlbGwge1xuICBwYWRkaW5nOiAwO1xufSJdfQ== */'),exports.default={row:"DataGridRow-module_row__yQDVO",loading:"DataGridRow-module_loading__-xjr0",border:"DataGridRow-module_border__wLIZi","border-drawer":"DataGridRow-module_border-drawer__W2hWL","expand-button-cell":"DataGridRow-module_expand-button-cell__P2myT"};
+"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 */.DataGridRow-module_row__yQDVO{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow-module_row__yQDVO:not(.DataGridRow-module_loading__-xjr0):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-0__Q6D3Q:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:3.0625rem;position:absolute;width:calc(100% - 3.0625rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-1__7cp-V:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:7.1875rem;position:absolute;width:calc(100% - 7.1875rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-2__QCBIg:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:11.3125rem;position:absolute;width:calc(100% - 11.3125rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-3__fHSOf:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:15.4375rem;position:absolute;width:calc(100% - 15.4375rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-4__tEXsB:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:19.5625rem;position:absolute;width:calc(100% - 19.5625rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-5__MyQd6:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:23.6875rem;position:absolute;width:calc(100% - 23.6875rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-6__-lMJ-:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:27.8125rem;position:absolute;width:calc(100% - 27.8125rem)}.DataGridRow-module_row__yQDVO.DataGridRow-module_border-drawer__W2hWL:not(:last-child):not(:nth-last-child(2)):after,.DataGridRow-module_row__yQDVO.DataGridRow-module_border__wLIZi:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:0;position:absolute;width:100%}.DataGridRow-module_expand-button-cell__P2myT{padding:0}.DataGridRow-module_connector__wakAv{height:3.25rem;left:0;position:absolute;top:0;width:2.875rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-0__k2RYD{left:0}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-1__4zXM7{left:4.125rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-2__eAiPP{left:8.25rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-3__aObOx{left:12.375rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-4__oU26v{left:16.5rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-5__-SY5P{left:20.625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_offset-left-6__V16HL{left:24.75rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_vertical__SSnAv:before{background-color:var(--color-blue-grey200);content:"";height:100%;left:50%;position:absolute;width:.0625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_t-shape__r3AMf:before{background-color:var(--color-blue-grey200);content:"";height:3.25rem;left:50%;position:absolute;width:.0625rem}.DataGridRow-module_connector__wakAv.DataGridRow-module_t-shape__r3AMf:after{background-color:var(--color-blue-grey200);content:"";height:.0625rem;left:50%;position:absolute;top:50%;width:100%}.DataGridRow-module_connector__wakAv.DataGridRow-module_line__DNtsj:before{background-color:var(--color-blue-grey200);content:"";height:50%;left:50%;position:absolute;width:1px}.DataGridRow-module_connector__wakAv.DataGridRow-module_line__DNtsj:after{background-color:var(--color-blue-grey200);content:"";height:1px;left:50%;position:absolute;top:50%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBRUUsc0RBQXVELENBRHZELGlCQUVGLENBQ0EsNkVBQ0UsNERBQ0YsQ0FDQSx5RkFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxjQUFlLENBRmYsaUJBQWtCLENBQ2xCLDRCQUlGLENBQ0EseUZBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsY0FBZSxDQUZmLGlCQUFrQixDQUNsQiw0QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQUNBLHlGQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGVBQWdCLENBRmhCLGlCQUFrQixDQUNsQiw2QkFJRixDQVNBLDZNQUZFLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsVUFZRixDQUVBLDhDQUNFLFNBQ0YsQ0FFQSxxQ0FLRSxjQUFlLENBRmYsTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQUFNLENBRU4sY0FFRixDQUNBLDZFQUNFLE1BQ0YsQ0FDQSw2RUFDRSxhQUNGLENBQ0EsNkVBQ0UsWUFDRixDQUNBLDZFQUNFLGNBQ0YsQ0FDQSw2RUFDRSxZQUNGLENBQ0EsNkVBQ0UsY0FDRixDQUNBLDZFQUNFLGFBQ0YsQ0FDQSwrRUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLFdBQVksQ0FEWixRQUFTLENBRlQsaUJBQWtCLENBSWxCLGNBRUYsQ0FDQSw4RUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLGNBQWUsQ0FEZixRQUFTLENBRlQsaUJBQWtCLENBSWxCLGNBRUYsQ0FDQSw2RUFPRSwwQ0FBMkMsQ0FMM0MsVUFBVyxDQUdYLGVBQWlCLENBRGpCLFFBQVMsQ0FIVCxpQkFBa0IsQ0FFbEIsT0FBUSxDQUdSLFVBRUYsQ0FDQSwyRUFNRSwwQ0FBMkMsQ0FKM0MsVUFBVyxDQUVYLFVBQVcsQ0FEWCxRQUFTLENBRlQsaUJBQWtCLENBSWxCLFNBRUYsQ0FDQSwwRUFPRSwwQ0FBMkMsQ0FMM0MsVUFBVyxDQUdYLFVBQVcsQ0FEWCxRQUFTLENBSFQsaUJBQWtCLENBRWxCLE9BQVEsQ0FHUixVQUVGIiwiZmlsZSI6IkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDMuMDYyNXJlbSk7XG4gIGxlZnQ6IDMuMDYyNXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItMTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDcuMTg3NXJlbSk7XG4gIGxlZnQ6IDcuMTg3NXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItMjpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMTUuNDM3NXJlbSk7XG4gIGxlZnQ6IDE1LjQzNzVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTQ6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAxOS41NjI1cmVtKTtcbiAgbGVmdDogMTkuNTYyNXJlbTtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItNTpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gMjcuODEyNXJlbSk7XG4gIGxlZnQ6IDI3LjgxMjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuLnJvdy5ib3JkZXItZHJhd2VyOm5vdCg6bGFzdC1jaGlsZCk6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogMy4yNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMCB7XG4gIGxlZnQ6IDByZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTEge1xuICBsZWZ0OiA0LjEyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMiB7XG4gIGxlZnQ6IDguMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTMge1xuICBsZWZ0OiAxMi4zNzVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTQge1xuICBsZWZ0OiAxNi41cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC01IHtcbiAgbGVmdDogMjAuNjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC02IHtcbiAgbGVmdDogMjQuNzVyZW07XG59XG4uY29ubmVjdG9yLnZlcnRpY2FsOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAwLjA2MjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci5saW5lOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDFweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59Il19 */'),exports.default={row:"DataGridRow-module_row__yQDVO",loading:"DataGridRow-module_loading__-xjr0","border-0":"DataGridRow-module_border-0__Q6D3Q","border-1":"DataGridRow-module_border-1__7cp-V","border-2":"DataGridRow-module_border-2__QCBIg","border-3":"DataGridRow-module_border-3__fHSOf","border-4":"DataGridRow-module_border-4__tEXsB","border-5":"DataGridRow-module_border-5__MyQd6","border-6":"DataGridRow-module_border-6__-lMJ-",border:"DataGridRow-module_border__wLIZi","border-drawer":"DataGridRow-module_border-drawer__W2hWL","expand-button-cell":"DataGridRow-module_expand-button-cell__P2myT",connector:"DataGridRow-module_connector__wakAv","offset-left-0":"DataGridRow-module_offset-left-0__k2RYD","offset-left-1":"DataGridRow-module_offset-left-1__4zXM7","offset-left-2":"DataGridRow-module_offset-left-2__eAiPP","offset-left-3":"DataGridRow-module_offset-left-3__aObOx","offset-left-4":"DataGridRow-module_offset-left-4__oU26v","offset-left-5":"DataGridRow-module_offset-left-5__-SY5P","offset-left-6":"DataGridRow-module_offset-left-6__V16HL",vertical:"DataGridRow-module_vertical__SSnAv","t-shape":"DataGridRow-module_t-shape__r3AMf",line:"DataGridRow-module_line__DNtsj"};
 //# sourceMappingURL=DataGridRow.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridRow/useNestedRow.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react"),t=require("./DataGridRow.module.scss.cjs.js");exports.useNestedRow=({indentationLevels:n,item:a,nestedItemsKey:s,rowTemplate:d,isRowExpanded:l,indentationLevel:r,enableNestedRow:o,rowProps:{searchValue:i,headers:c,spacing:u,disableContextMenuColumn:m}})=>{const p=a&&s&&a[s],f=(n,a,s)=>{const d=t.default["offset-left-"+(n-1)];if(n===s){const s=a?"line":"t-shape";return e.createElement("div",{key:n,"data-testid":"dataGridRowConnector",className:`${t.default.connector} ${t.default[s]} ${d}`})}return a?null:e.createElement("div",{key:n,"data-testid":"dataGridRowConnector",className:`${t.default.connector} ${t.default.vertical} ${d}`})};return{renderNestedRow:()=>{if(d&&a&&s&&a[s]&&l){const t=a[s],l=e=>({level:r+1,isLastChild:e+1===t.length});return t.map(((a,p)=>e.cloneElement(d({item:a,index:p}),{searchValue:i,headers:c,spacing:u,disableContextMenuColumn:m,item:a,nestedRowProps:{rowTemplate:d,enableNestedRow:o,nestedItemsKey:s,indentationLevel:r+1,indentationLevels:n&&t?[...n,l(p)]:[l(p)]}})))}},renderNestedRowConnectors:()=>n?n.map((({level:e,isLastChild:t})=>f(e,t,n.length))):null,getNestedChildSpacing:(e,t)=>{const n=`${r?`${(p?0:46)+68*r}`:0!==r\|\|p?4:50}px`;return e?{...e,paddingLeft:0===t?n:e.paddingLeft}:{paddingLeft:0===t?n:""}},hasNestedChildren:p}};
2	+ //# sourceMappingURL=useNestedRow.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridRow/useNestedRow.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useNestedRow.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridRow/useNestedRow.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, { ReactElement } from \"react\";\nimport classes from \"./DataGridRow.module.scss\";\nimport { HeaderCell } from \"../../datagrid.interfaces\";\n\nexport interface UseNestedRowProps<T> {\n indentationLevels?: { level: number; isLastChild: boolean }[];\n item?: T;\n nestedItemsKey?: keyof T;\n rowTemplate?: ({ item, index }: { item: T; index: number }) => ReactElement;\n isRowExpanded?: boolean;\n indentationLevel: number;\n enableNestedRow?: boolean;\n rowProps: {\n searchValue?: string;\n headers?: HeaderCell[];\n spacing?: React.CSSProperties;\n disableContextMenuColumn?: boolean;\n };\n}\n\nexport const useNestedRow = <T,>({\n indentationLevels,\n item,\n nestedItemsKey,\n rowTemplate,\n isRowExpanded,\n indentationLevel,\n enableNestedRow,\n rowProps: { searchValue, headers, spacing, disableContextMenuColumn }\n}: UseNestedRowProps<T>) => {\n const hasNestedChildren = item && nestedItemsKey && item[nestedItemsKey];\n\n const getNestedChildSpacing = (spacing: React.CSSProperties | undefined, index: number) => {\n const expandButtonWidth = 46;\n const nestedChildOffset = !hasNestedChildren ? expandButtonWidth : 0;\n\n const connectorWidth = 68;\n const nestedChildIndentation = `${nestedChildOffset + indentationLevel * connectorWidth}`;\n\n const gap = 4;\n const notIndentedWithNoChildrenOffset =\n indentationLevel === 0 && !hasNestedChildren ? expandButtonWidth + gap : gap;\n const childIndentation = `${indentationLevel ? nestedChildIndentation : notIndentedWithNoChildrenOffset}px`;\n\n if (spacing) {\n return {\n ...spacing,\n paddingLeft: index === 0 ? childIndentation : spacing.paddingLeft\n };\n }\n return {\n paddingLeft: index === 0 ? childIndentation : \"\"\n };\n };\n\n const renderNestedRowConnectors = () => {\n if (indentationLevels) {\n return indentationLevels.map(({ level, isLastChild }) =>\n renderNestedRowConnector(level, isLastChild, indentationLevels.length)\n );\n }\n\n return null;\n };\n\n const renderNestedRowConnector = (level: number, isLastChild: boolean, levelsLength: number) => {\n const offsetLeftClass = classes[`offset-left-${level - 1}`];\n\n if (level === levelsLength) {\n const variant = isLastChild ? \"line\" : \"t-shape\";\n\n return (\n <div\n key={level}\n data-testid=\"dataGridRowConnector\"\n className={`${classes[\"connector\"]} ${classes[variant]} ${offsetLeftClass}`}\n />\n );\n } else if (!isLastChild) {\n return (\n <div\n key={level}\n data-testid=\"dataGridRowConnector\"\n className={`${classes[\"connector\"]} ${classes[\"vertical\"]} ${offsetLeftClass}`}\n />\n );\n }\n return null;\n };\n\n const renderNestedRow = () => {\n if (rowTemplate && item && nestedItemsKey && item[nestedItemsKey] && isRowExpanded) {\n const nestedItemsArray: T[] = item[nestedItemsKey] as T[];\n const getIndentationLevel = (index: number) => ({\n level: indentationLevel + 1,\n isLastChild: index + 1 === nestedItemsArray.length\n });\n\n return nestedItemsArray.map((item, index) => {\n return React.cloneElement(rowTemplate({ item, index }), {\n searchValue,\n headers,\n spacing,\n disableContextMenuColumn,\n item,\n nestedRowProps: {\n rowTemplate,\n enableNestedRow,\n nestedItemsKey,\n indentationLevel: indentationLevel + 1,\n indentationLevels:\n indentationLevels && nestedItemsArray\n ? [...indentationLevels, getIndentationLevel(index)]\n : [getIndentationLevel(index)]\n }\n });\n });\n }\n };\n\n return {\n renderNestedRow,\n renderNestedRowConnectors,\n getNestedChildSpacing,\n hasNestedChildren\n };\n};\n"],"names":["indentationLevels","item","nestedItemsKey","rowTemplate","isRowExpanded","indentationLevel","enableNestedRow","rowProps","searchValue","headers","spacing","disableContextMenuColumn","hasNestedChildren","renderNestedRowConnector","level","isLastChild","levelsLength","offsetLeftClass","classes","variant","React","createElement","key","className","renderNestedRow","nestedItemsArray","getIndentationLevel","index","length","map","cloneElement","nestedRowProps","renderNestedRowConnectors","getNestedChildSpacing","childIndentation","expandButtonWidth","paddingLeft"],"mappings":"uGAoC4B,EAC1BA,oBACAC,OACAC,iBACAC,cACAC,gBACAC,mBACAC,kBACAC,UAAYC,cAAaC,UAASC,UAASC,gCAE3C,MAAMC,EAAoBX,GAAQC,GAAkBD,EAAKC,GAmCnDW,EAA2B,CAACC,EAAeC,EAAsBC,KACrE,MAAMC,EAAkBC,EAAAA,QAAQ,gBAAeJ,EAAQ,IAEvD,GAAIA,IAAUE,EAAc,CAC1B,MAAMG,EAAUJ,EAAc,OAAS,UAEvC,OACEK,EACEC,cAAA,MAAA,CAAAC,IAAKR,gBACO,uBACZS,UAAW,GAAGL,EAAAA,QAAmB,aAAKA,UAAQC,MAAYF,KAG/D,CAAM,OAAKF,EASL,KAPHK,EACEC,cAAA,MAAA,CAAAC,IAAKR,gBACO,uBACZS,UAAW,GAAGL,EAAAA,QAAmB,aAAKA,UAAkB,aAAMD,KAIzD,EAiCb,MAAO,CACLO,gBA/BsB,KACtB,GAAIrB,GAAeF,GAAQC,GAAkBD,EAAKC,IAAmBE,EAAe,CAClF,MAAMqB,EAAwBxB,EAAKC,GAC7BwB,EAAuBC,IAAmB,CAC9Cb,MAAOT,EAAmB,EAC1BU,YAAaY,EAAQ,IAAMF,EAAiBG,SAG9C,OAAOH,EAAiBI,KAAI,CAAC5B,EAAM0B,IAC1BP,EAAMU,aAAa3B,EAAY,CAAEF,OAAM0B,UAAU,CACtDnB,cACAC,UACAC,UACAC,2BACAV,OACA8B,eAAgB,CACd5B,cACAG,kBACAJ,iBACAG,iBAAkBA,EAAmB,EACrCL,kBACEA,GAAqByB,EACjB,IAAIzB,EAAmB0B,EAAoBC,IAC3C,CAACD,EAAoBC,QAIlC,GAKDK,0BAnEgC,IAC5BhC,EACKA,EAAkB6B,KAAI,EAAGf,QAAOC,iBACrCF,EAAyBC,EAAOC,EAAaf,EAAkB4B,UAI5D,KA6DPK,sBA3F4B,CAACvB,EAA0CiB,KACvE,MASMO,EAAmB,GAAG7B,EALG,IAHJO,EAAwC,EADzC,IAGH,GAC+BP,IAI/B,IAArBA,GAA2BO,EAFjB,EAEqCuB,OAGjD,OAAIzB,EACK,IACFA,EACH0B,YAAuB,IAAVT,EAAcO,EAAmBxB,EAAQ0B,aAGnD,CACLA,YAAuB,IAAVT,EAAcO,EAAmB,GAC/C,EAwEDtB,oBACD"}

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

@@ -1,2 +1,2 @@
-"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))))};
+"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:d,column:m,columnsMetadata:v,values:f,pickedValues:j,operator:b,operators:S,onFilterSubmit:O,resetFields:E,setFilterOpen:h,setColumn:F,setOperator:q,setOperators:g,setValues:N,setPickedValues:W,translations:k})=>{const{columnSelectLabel:w="Filter by",operatorSelectLabel:C="Operator",valueSelectLabel:V="Value",addNewValueLabel:y="Create new",addNewValueButtonTitle:B="Add new select value",submitButtonTitle:M="Apply",cancelButtonTitle:P="Cancel"}=k||{};u.useRepeatFocus(i),e.useEffect((()=>{var e;d&&(null===(e=i.current)||void 0===e||e.focus())}),[d]);const A=v.find((({name:e})=>e===m)),D=null==A?void 0:A.disableAddNew;return e.createElement(n.Popover,{tabIndex:-1,anchorEl:p,ref:i,show:d,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:w,value:m,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)?(W([]),N(t.defaultValues)):(W([]),N([]))}},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:C,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:V,name:"value",value:j,onChange:e=>W([...Array.from(e.target.options)].filter((e=>e.selected)).map((e=>e.value))),selectProps:{addNew:D?void 0:{label:y,onAddNew:e=>{e&&(N((t=>[...t,e])),W((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 CHANGED Viewed

	@@ -1 +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, { 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"}
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, { 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 const columnMetadata = columnsMetadata.find(({ name }) => name === column);\n const disableAddNew = columnMetadata?.disableAddNew;\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: disableAddNew\n ? undefined\n : {\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","columnMetadata","find","name","disableAddNew","React","createElement","Popover","tabIndex","anchorEl","ref","show","placement","horizontal","vertical","transformOrigin","className","classes","SelectWrapper","label","value","onChange","e","target","Object","DefaultOperators","defaultValues","map","headline","Option","key","MultiSelectWrapper","Array","from","options","filter","option","selected","selectProps","addNew","undefined","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,GACpBQ,EAAcA,eAACzB,GAEf0B,EAAAA,WAAU,WACJxB,IACkB,QAApByB,EAAA3B,EAAW4B,eAAS,IAAAD,GAAAA,EAAAE,QACrB,GACA,CAAC3B,IAEJ,MAAM4B,EAAiB1B,EAAgB2B,MAAK,EAAGC,UAAWA,IAAS7B,IAC7D8B,EAAgBH,aAAA,EAAAA,EAAgBG,cAEtC,OACEC,EAACC,cAAAC,EAAOA,SACNC,UAAW,EACXC,SAAUrC,EACVsC,IAAKvC,EACLwC,KAAMtC,EACNuC,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,MAAO9B,EACP+B,MAAO9C,EACP6B,KAAM,SACNkB,SAAUC,IACRvC,EAAUuC,EAAEC,OAAOH,OACnB,MAAMnB,EAAiB1B,EAAgB2B,MAAK,EAAGC,UAAWA,IAASmB,EAAEC,OAAOH,SAExEnB,aAAc,EAAdA,EAAgBtB,YAClBK,EAAYiB,EAAetB,UAAU,IACrCM,EAAagB,EAAetB,aAE5BK,EAAYwC,OAAOhD,OAAOiD,EAAgBA,kBAAE,IAC5CxC,EAAauC,OAAOhD,OAAOiD,EAAAA,qBAGzBxB,aAAc,EAAdA,EAAgByB,gBAClBvC,EAAgB,IAChBD,EAAUe,EAAeyB,iBAEzBvC,EAAgB,IAChBD,EAAU,IACX,GAGFX,EAAgBoD,KAAI,EAAGxB,OAAMyB,cAC5BvB,gBAACwB,SAAM,CAACb,UAAWC,UAAQ,wBAAyBa,IAAK3B,EAAMiB,MAAOjB,GACnEyB,MAIPvB,EAACC,cAAAY,EAAAA,cACC,CAAAC,MAAO7B,EACP8B,MAAO1C,EACPyB,KAAM,WACNkB,SAAUC,GAAKtC,EAAYsC,EAAEC,OAAOH,QAEnCzC,EAAUgD,KAAIjD,GACb2B,EAACC,cAAAuB,EAAMA,QAACC,IAAKpD,EAAU0C,MAAO1C,GAC3BA,MAIP2B,EAAAC,cAACyB,EAAAA,mBAAkB,CACjBZ,MAAO5B,EACPY,KAAM,QACNiB,MAAO3C,EACP4C,SAAUC,GACRnC,EACE,IAAI6C,MAAMC,KAAKX,EAAEC,OAAOW,UACrBC,QAAOC,GAAUA,EAAOC,WACxBV,KAAIS,GAAUA,EAAOhB,SAG5BkB,YAAa,CACXC,OAAQnC,OACJoC,EACA,CACErB,MAAO3B,EACPiD,SAAUrB,IACJA,IACFlC,GAAUwD,GAAQ,IAAIA,EAAMtB,KAC5BjC,GAAgBuD,GAAQ,IAAIA,EAAMtB,KACnC,EAEHuB,SAAU,CAAEC,MAAOnD,EAAwBoD,KAAM,WAEvDC,OAAQ,CACNC,SAAS,EACTC,gBAAiB,KAIpBxE,EAAOmD,KAAIP,GACVf,EAAAC,cAAC2C,EAAWA,YAAA,CAACnB,IAAKV,EAAOA,MAAOA,GAC7BA,OAKTf,EAAAC,cAAA,MAAA,CAAKU,UAAWC,EAAAA,QAAiB,SAC/BZ,EAAAC,cAAC4C,EAAMA,OAAC,CAAAC,QAASvE,GAAiBc,GAClCW,EAACC,cAAA4C,EAAMA,QACLE,QAAQ,OACRD,QAAS,KACPtE,IACAC,GAAc,EAAM,GAGrBa,KAKT"}

package/dist/cjs/DataGrid/DataGridFilters/DataGridFilters.interfaces.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridFilters.interfaces.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"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\nexport interface Filter {\n id: string;\n column: string;\n operator: string;\n value: string[];\n}\n\nexport type FiltersAction =\n \| {\n type: \"add\";\n payload: Filter;\n }\n \| {\n type: \"edit\";\n payload: Filter;\n }\n \| {\n type: \"remove\";\n payload: { id: string };\n }\n \| {\n type: \"clear\";\n };\n\nexport type FiltersState = {\n filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" \| \"EDIT\";\n\nexport enum DefaultOperators {\n is = \"is\",\n isNot = \"is not\",\n contains = \"contains\",\n doesNotContain = \"does not contain\",\n isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n name: string;\n headline: string;\n operators?: string[];\n defaultValues?: string[];\n}\n\nexport interface PopoverTranslations {\n columnSelectLabel?: string;\n operatorSelectLabel?: string;\n valueSelectLabel?: string;\n addNewValueLabel?: string;\n addNewValueButtonTitle?: string;\n submitButtonTitle?: string;\n cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n addButtonCaption?: string;\n}\n\nexport interface ToolbarTranslations {\n clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n toolbar?: ToolbarTranslations;\n tag?: TagTranslations;\n popover?: PopoverTranslations;\n}\n"],"names":["DefaultOperators"],"mappings":"aA8CA,IAAYA,EAAAA,QAMXA,sBAAA,GANWA,EAAAA,QAAgBA,mBAAhBA,yBAMX,CAAA,IALC,GAAA,KACAA,EAAA,MAAA,SACAA,EAAA,SAAA,WACAA,EAAA,eAAA,mBACAA,EAAA,QAAA"}
1	+ {"version":3,"file":"DataGridFilters.interfaces.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts"],"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\nexport interface Filter {\n id: string;\n column: string;\n operator: string;\n value: string[];\n}\n\nexport type FiltersAction =\n \| {\n type: \"add\";\n payload: Filter;\n }\n \| {\n type: \"edit\";\n payload: Filter;\n }\n \| {\n type: \"remove\";\n payload: { id: string };\n }\n \| {\n type: \"clear\";\n };\n\nexport type FiltersState = {\n filters: Filter[];\n};\n\nexport type FilterEditorMode = \"ADD\" \| \"EDIT\";\n\nexport enum DefaultOperators {\n is = \"is\",\n isNot = \"is not\",\n contains = \"contains\",\n doesNotContain = \"does not contain\",\n isEmpty = \"is empty\"\n}\n\nexport interface DataGridColumnMetadata {\n name: string;\n headline: string;\n operators?: string[];\n defaultValues?: string[];\n disableAddNew?: boolean;\n}\n\nexport interface PopoverTranslations {\n columnSelectLabel?: string;\n operatorSelectLabel?: string;\n valueSelectLabel?: string;\n addNewValueLabel?: string;\n addNewValueButtonTitle?: string;\n submitButtonTitle?: string;\n cancelButtonTitle?: string;\n}\n\nexport interface TagTranslations {\n addButtonCaption?: string;\n}\n\nexport interface ToolbarTranslations {\n clearButtonCaption?: string;\n}\n\nexport interface FiltersTranslations {\n toolbar?: ToolbarTranslations;\n tag?: TagTranslations;\n popover?: PopoverTranslations;\n}\n"],"names":["DefaultOperators"],"mappings":"aA8CA,IAAYA,EAAAA,QAMXA,sBAAA,GANWA,EAAAA,QAAgBA,mBAAhBA,yBAMX,CAAA,IALC,GAAA,KACAA,EAAA,MAAA,SACAA,EAAA,SAAA,WACAA,EAAA,eAAA,mBACAA,EAAA,QAAA"}

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

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

package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.cjs.js CHANGED Viewed

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

package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n headers: HeaderCell[];\n initialSort?: Sort;\n onSort?: OnSortFunction;\n enableExpandableRow?: boolean;\n disableContextMenuColumn?: boolean;\n enableMultiSorting?: boolean;\n spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction \| undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n {\n initialSort,\n onSort,\n headers,\n disableContextMenuColumn,\n enableExpandableRow,\n enableMultiSorting,\n spacing,\n ...rest\n }: Props,\n ref\n) => {\n const [sortList, setSortList] = useState(initialSort ?? []);\n\n useEffect(() => {\n setSortList(initialSort ?? []);\n }, [initialSort]);\n\n const calculateNextSortState = (direction?: Direction) => {\n const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n };\n\n /\n The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n * Last modified sorting column has the highest priority.\n */\n const updateSortList = (name: string): Sort => {\n const current = sortList.find(item => item.name === name);\n const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n const newSortDirection = calculateNextSortState(current?.direction);\n return newSortDirection\n ? [{ name, direction: newSortDirection }, ...restSortList]\n : restSortList;\n };\n\n const wrapOnSort = (name: string) => {\n const newSort = updateSortList(name);\n onSort?.(newSort);\n setSortList(newSort);\n };\n\n const headerCells = headers.map((header, index) => {\n if (header.hidden) {\n return null;\n }\n\n let headerStyle: React.CSSProperties = {\n textAlign: header.align ?? \"left\"\n };\n\n if (index === 0) {\n headerStyle.paddingLeft = spacing?.paddingLeft;\n }\n if (index === headers.length - 1 && disableContextMenuColumn) {\n headerStyle.paddingRight = spacing?.paddingRight;\n }\n\n const sort = sortList.find(item => item.name === header.name);\n return (\n <DataGridHeaderCell\n key={header.name}\n name={header.name}\n headline={header.headline}\n disableSorting={header.disableSorting ?? !onSort}\n onSort={wrapOnSort}\n activeSortDirection={sort?.direction}\n style={headerStyle}\n />\n );\n });\n\n return (\n <thead {...rest} ref={ref}>\n <tr className={classes[\"row\"]}>\n {enableExpandableRow && (\n <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n )}\n {headerCells}\n {!disableContextMenuColumn && (\n <td\n style={{ paddingRight: spacing?.paddingRight }}\n aria-label=\"context menu\"\n className={classes[\"context-menu\"]}\n ></td>\n )}\n </tr>\n </thead>\n );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeader","React","forwardRef","initialSort","onSort","headers","disableContextMenuColumn","enableExpandableRow","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","updateSortList","name","current","find","item","restSortList","filter","newSortDirection","direction","currentDirectionIdx","findIndex","length","calculateNextSortState","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes"],"mappings":"~~8HA+BA~~,MAAMA,EAAgB,MAACC,EAAW,MAAO,~~QA8F5BC~~,EAAiBC,EAAMC,~~YA5FsD~~,EAEtFC,cACAC,SACAC,UACAC,2BACAC,sBACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAAQA,~~SAACX~~,QAAAA,EAAe,~~IAExDY~~,EAAAA,WAAU,KACRF,~~EAAYV~~,QAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,~~MASMa~~,EAAkBC,IACtB,MAAMC,EAAUN,EAASO,MAAKC,GAAQA,EAAKH,OAASA,IAC9CI,EAAeb,EAAqBI,EAASU,QAAOF,GAAQA,EAAKH,OAASA,IAAQ,GAClFM,EAZuB,CAACC,IAC9B,MAAMC,~~EAAsB3B~~,~~EAAc4B~~,WAAUN,GAAQA,IAASI,IACrE,~~OAAO1B~~,~~EAAc2B~~,EAAuB,~~EAAI3B~~,~~EAAc6B~~,OAAQ,EAU7CC,CAAuBV,aAAO,EAAPA,EAASM,WACzD,OAAOD,EACH,CAAC,CAAEN,OAAMO,UAAWD,MAAuBF,GAC3CA,CAAY,EAGZQ,EAAcZ,IAClB,MAAMa,EAAUd,EAAeC,GAC/Bb,SAAAA,~~EAAS0B~~,GACTjB,EAAYiB,EAAQ,EAGhBC,~~EAAc1B~~,~~EAAQ2B~~,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,kBAAWC,EAAAL,EAAOM,qBAAS,QAGf,IAAVL,IACFE,EAAYI,YAAc/B,aAAA,EAAAA,EAAS+B,aAEjCN,~~IAAU7B~~,~~EAAQsB~~,OAAS,~~GAAKrB~~,~~IAClC8B~~,EAAYK,aAAehC,aAAA,EAAAA,EAASgC,cAGtC,MAAMC,EAAO9B,EAASO,MAAKC,GAAQA,EAAKH,OAASgB,EAAOhB,OACxD,~~OACEhB~~,~~gBAAC0C~~,EAAkBA,mBAAA,CACjBC,IAAKX,EAAOhB,KACZA,KAAMgB,EAAOhB,KACb4B,SAAUZ,EAAOY,SACjBC,eAAyC,QAAzBC,EAAAd,EAAOa,sBAAkB,IAAAC,EAAAA,~~GAAC3C~~,EAC1CA,~~OAAQyB~~,EACRmB,oBAAqBN,aAAI,EAAJA,EAAMlB,UAC3ByB,MAAOb,GAET,IAGJ,~~OACEnC~~,~~EAAWiD~~,cAAA,QAAA,IAAAxC,EAAMC,IAAKA,~~GACpBV~~,~~EAAAiD~~,cAAA,KAAA,CAAIC,UAAWC,EAAAA,QAAa,~~KACzB7C~~,GACCN,~~EAAAiD~~,cAAA,KAAA,CAAID,MAAO,CAAER,aAAchC,aAAO,EAAPA,EAASgC,cAA2B,aAAA,mBAEhEV,~~GACCzB~~,GACAL,~~EAAAiD~~,cAAA,KAAA,CACED,MAAO,CAAER,aAAchC,eAAAA,EAASgC,cACrB,aAAA,eACXU,UAAWC,EAAAA,QAAQ,mBAK3B"}
1	+ {"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n headers: HeaderCell[];\n initialSort?: Sort;\n onSort?: OnSortFunction;\n enableExpandableRow?: boolean;\n enableNestedRows?: boolean;\n disableContextMenuColumn?: boolean;\n enableMultiSorting?: boolean;\n spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction \| undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n {\n initialSort,\n onSort,\n headers,\n disableContextMenuColumn,\n enableExpandableRow,\n enableNestedRows,\n enableMultiSorting,\n spacing,\n ...rest\n }: Props,\n ref\n) => {\n const [sortList, setSortList] = useState(initialSort ?? []);\n\n useEffect(() => {\n setSortList(initialSort ?? []);\n }, [initialSort]);\n\n const calculateNextSortState = (direction?: Direction) => {\n const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n };\n\n /\n The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n * Last modified sorting column has the highest priority.\n */\n const updateSortList = (name: string): Sort => {\n const current = sortList.find(item => item.name === name);\n const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n const newSortDirection = calculateNextSortState(current?.direction);\n return newSortDirection\n ? [{ name, direction: newSortDirection }, ...restSortList]\n : restSortList;\n };\n\n const wrapOnSort = (name: string) => {\n const newSort = updateSortList(name);\n onSort?.(newSort);\n setSortList(newSort);\n };\n\n const headerCells = headers.map((header, index) => {\n if (header.hidden) {\n return null;\n }\n\n let headerStyle: React.CSSProperties = {\n textAlign: header.align ?? \"left\"\n };\n\n if (index === 0) {\n headerStyle.paddingLeft = spacing?.paddingLeft;\n }\n if (index === headers.length - 1 && disableContextMenuColumn) {\n headerStyle.paddingRight = spacing?.paddingRight;\n }\n\n const sort = sortList.find(item => item.name === header.name);\n return (\n <DataGridHeaderCell\n key={header.name}\n name={header.name}\n headline={header.headline}\n disableSorting={header.disableSorting ?? !onSort}\n onSort={wrapOnSort}\n activeSortDirection={sort?.direction}\n style={headerStyle}\n />\n );\n });\n\n return (\n <thead {...rest} ref={ref}>\n <tr className={classes[\"row\"]}>\n {enableExpandableRow && (\n <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n )}\n {headerCells}\n {!disableContextMenuColumn && (\n <td\n style={{ paddingRight: spacing?.paddingRight }}\n aria-label=\"context menu\"\n className={classes[\"context-menu\"]}\n ></td>\n )}\n </tr>\n </thead>\n );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeader","React","forwardRef","initialSort","onSort","headers","disableContextMenuColumn","enableExpandableRow","enableNestedRows","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","updateSortList","name","current","find","item","restSortList","filter","newSortDirection","direction","currentDirectionIdx","findIndex","length","calculateNextSortState","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes"],"mappings":"8HAgCA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QA+F5BC,EAAiBC,EAAMC,YA7FsD,EAEtFC,cACAC,SACAC,UACAC,2BACAC,sBACAC,mBACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAAQA,SAACZ,QAAAA,EAAe,IAExDa,EAAAA,WAAU,KACRF,EAAYX,QAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,MASMc,EAAkBC,IACtB,MAAMC,EAAUN,EAASO,MAAKC,GAAQA,EAAKH,OAASA,IAC9CI,EAAeb,EAAqBI,EAASU,QAAOF,GAAQA,EAAKH,OAASA,IAAQ,GAClFM,EAZuB,CAACC,IAC9B,MAAMC,EAAsB5B,EAAc6B,WAAUN,GAAQA,IAASI,IACrE,OAAO3B,EAAc4B,EAAuB,EAAI5B,EAAc8B,OAAQ,EAU7CC,CAAuBV,aAAO,EAAPA,EAASM,WACzD,OAAOD,EACH,CAAC,CAAEN,OAAMO,UAAWD,MAAuBF,GAC3CA,CAAY,EAGZQ,EAAcZ,IAClB,MAAMa,EAAUd,EAAeC,GAC/Bd,SAAAA,EAAS2B,GACTjB,EAAYiB,EAAQ,EAGhBC,EAAc3B,EAAQ4B,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,kBAAWC,EAAAL,EAAOM,qBAAS,QAGf,IAAVL,IACFE,EAAYI,YAAc/B,aAAA,EAAAA,EAAS+B,aAEjCN,IAAU9B,EAAQuB,OAAS,GAAKtB,IAClC+B,EAAYK,aAAehC,aAAA,EAAAA,EAASgC,cAGtC,MAAMC,EAAO9B,EAASO,MAAKC,GAAQA,EAAKH,OAASgB,EAAOhB,OACxD,OACEjB,gBAAC2C,EAAkBA,mBAAA,CACjBC,IAAKX,EAAOhB,KACZA,KAAMgB,EAAOhB,KACb4B,SAAUZ,EAAOY,SACjBC,eAAyC,QAAzBC,EAAAd,EAAOa,sBAAkB,IAAAC,EAAAA,GAAC5C,EAC1CA,OAAQ0B,EACRmB,oBAAqBN,aAAI,EAAJA,EAAMlB,UAC3ByB,MAAOb,GAET,IAGJ,OACEpC,EAAWkD,cAAA,QAAA,IAAAxC,EAAMC,IAAKA,GACpBX,EAAAkD,cAAA,KAAA,CAAIC,UAAWC,EAAAA,QAAa,KACzB9C,GACCN,EAAAkD,cAAA,KAAA,CAAID,MAAO,CAAER,aAAchC,aAAO,EAAPA,EAASgC,cAA2B,aAAA,mBAEhEV,GACC1B,GACAL,EAAAkD,cAAA,KAAA,CACED,MAAO,CAAER,aAAchC,eAAAA,EAASgC,cACrB,aAAA,eACXU,UAAWC,EAAAA,QAAQ,mBAK3B"}