@onewelcome/react-lib-components 8.3.0 → 8.4.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.
- package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/DataGridFilters.interfaces.cjs.js.map +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/DataGridSearchbar.cjs.js.map +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/FilterKeyMapper.cjs.js +2 -0
- package/dist/cjs/DataGrid/DataGridFilters/FilterKeyMapper.cjs.js.map +1 -0
- package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.cjs.js.map +1 -1
- package/dist/cjs/Icon/Icon.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js.map +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js.map +1 -1
- package/dist/cjs/Notifications/SideSheet/SideSheet.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheet.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SideSheet/SideSheet.module.scss.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheet.module.scss.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.cjs.js +2 -0
- package/dist/cjs/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.cjs.js.map +1 -0
- package/dist/cjs/Notifications/SlideInModal/SlideInModal.cjs.js.map +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map +1 -1
- package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts +4 -0
- package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridSearchbar.d.ts +1 -1
- package/dist/cjs/src/components/DataGrid/DataGridFilters/FilterKeyMapper.d.ts +14 -0
- package/dist/cjs/src/components/DataGrid/DataGridFilters/FilterKeyMapper.test.d.ts +1 -0
- package/dist/cjs/src/components/DataGrid/testUtils.d.ts +3 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/MultiSelect.test.d.ts +1 -2
- package/dist/cjs/src/components/Form/Select/SingleSelect/Select.test.d.ts +1 -2
- package/dist/cjs/src/components/Icon/Icon.d.ts +2 -1
- package/dist/cjs/src/components/Notifications/BaseModal/BaseModal.d.ts +1 -0
- package/dist/cjs/src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.d.ts +1 -0
- package/dist/cjs/src/components/Notifications/SideSheet/SideSheet.d.ts +10 -0
- package/dist/cjs/src/components/Notifications/SideSheet/SideSheet.test.d.ts +1 -0
- package/dist/cjs/src/components/Notifications/SideSheet/SideSheetActions/SideSheetActions.d.ts +2 -0
- package/dist/cjs/src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.d.ts +4 -0
- package/dist/cjs/src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.d.ts +4 -0
- package/dist/cjs/src/components/Typography/Typography.d.ts +1 -1
- package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/cjs/src/hooks/useUploadFile.cjs.js +2 -0
- package/dist/cjs/src/hooks/useUploadFile.cjs.js.map +1 -0
- package/dist/cjs/src/hooks/useUploadFile.d.ts +10 -4
- package/dist/cjs/src/index.cjs.js +1 -1
- package/dist/cjs/src/index.d.ts +17 -2
- package/dist/cjs/src/util/helper.cjs.js +1 -1
- package/dist/cjs/src/util/helper.cjs.js.map +1 -1
- package/dist/cjs/src/util/helper.d.ts +0 -3
- package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.esm.js +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.esm.js +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilters.interfaces.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridSearchbar.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/FilterKeyMapper.esm.js +46 -0
- package/dist/esm/DataGrid/DataGridFilters/FilterKeyMapper.esm.js.map +1 -0
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.module.scss.esm.js +2 -2
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js +4 -3
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.module.scss.esm.js +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.esm.js +8 -7
- package/dist/esm/Form/FileUpload/FileUpload.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.module.scss.esm.js +2 -2
- package/dist/esm/Icon/Icon.esm.js +1 -0
- package/dist/esm/Icon/Icon.esm.js.map +1 -1
- package/dist/esm/Icon/Icon.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js +4 -3
- package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js.map +1 -1
- package/dist/esm/Notifications/SideSheet/SideSheet.esm.js +59 -0
- package/dist/esm/Notifications/SideSheet/SideSheet.esm.js.map +1 -0
- package/dist/esm/Notifications/SideSheet/SideSheet.module.scss.esm.js +8 -0
- package/dist/esm/Notifications/SideSheet/SideSheet.module.scss.esm.js.map +1 -0
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js +23 -0
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js.map +1 -0
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.esm.js +8 -0
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.esm.js.map +1 -0
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js +23 -0
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js.map +1 -0
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.esm.js +8 -0
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.esm.js.map +1 -0
- package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js +3 -0
- package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js.map +1 -1
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js +2 -0
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map +1 -1
- package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts +4 -0
- package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridSearchbar.d.ts +1 -1
- package/dist/esm/src/components/DataGrid/DataGridFilters/FilterKeyMapper.d.ts +14 -0
- package/dist/esm/src/components/DataGrid/DataGridFilters/FilterKeyMapper.test.d.ts +1 -0
- package/dist/esm/src/components/DataGrid/testUtils.d.ts +3 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.test.d.ts +1 -2
- package/dist/esm/src/components/Form/Select/SingleSelect/Select.test.d.ts +1 -2
- package/dist/esm/src/components/Icon/Icon.d.ts +2 -1
- package/dist/esm/src/components/Notifications/BaseModal/BaseModal.d.ts +1 -0
- package/dist/esm/src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.d.ts +1 -0
- package/dist/esm/src/components/Notifications/SideSheet/SideSheet.d.ts +10 -0
- package/dist/esm/src/components/Notifications/SideSheet/SideSheet.test.d.ts +1 -0
- package/dist/esm/src/components/Notifications/SideSheet/SideSheetActions/SideSheetActions.d.ts +2 -0
- package/dist/esm/src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.d.ts +4 -0
- package/dist/esm/src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.d.ts +4 -0
- package/dist/esm/src/components/Typography/Typography.d.ts +1 -1
- package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/esm/src/hooks/useUploadFile.d.ts +10 -4
- package/dist/esm/src/hooks/useUploadFile.esm.js +101 -0
- package/dist/esm/src/hooks/useUploadFile.esm.js.map +1 -0
- package/dist/esm/src/index.d.ts +17 -2
- package/dist/esm/src/index.esm.js +7 -1
- package/dist/esm/src/index.esm.js.map +1 -1
- package/dist/esm/src/util/helper.d.ts +0 -3
- package/dist/esm/src/util/helper.esm.js +10 -1
- package/dist/esm/src/util/helper.esm.js.map +1 -1
- package/package.json +22 -22
- package/src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss +1 -1
- package/src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss +8 -24
- package/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.ts +5 -0
- package/src/components/DataGrid/DataGridFilters/DataGridSearchbar.tsx +5 -2
- package/src/components/DataGrid/DataGridFilters/FilterKeyMapper.ts +48 -0
- package/src/components/DataGrid/DataGridHeader/DataGridHeader.module.scss +9 -8
- package/src/components/DataGrid/dataGridMixins.module.scss +33 -0
- package/src/components/DataGrid/testUtils.ts +39 -32
- package/src/components/Form/FileUpload/FileItem/FileItem.module.scss +6 -3
- package/src/components/Form/FileUpload/FileItem/FileItem.tsx +3 -1
- package/src/components/Form/FileUpload/FileUpload.module.scss +12 -5
- package/src/components/Form/FileUpload/FileUpload.tsx +10 -7
- package/src/components/Icon/Icon.module.scss +5 -0
- package/src/components/Icon/Icon.tsx +2 -1
- package/src/components/Notifications/BaseModal/BaseModal.tsx +10 -6
- package/src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.tsx +14 -2
- package/src/components/Notifications/SideSheet/SideSheet.module.scss +96 -0
- package/src/components/Notifications/SideSheet/SideSheet.tsx +114 -0
- package/src/components/Notifications/SideSheet/SideSheetActions/SideSheetActions.tsx +18 -0
- package/src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss +19 -0
- package/src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.tsx +25 -0
- package/src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss +19 -0
- package/src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.tsx +25 -0
- package/src/components/Notifications/SlideInModal/SlideInModal.tsx +3 -0
- package/src/components/_BaseStyling_/BaseStyling.tsx +4 -0
- package/src/font/icomoon.eot +0 -0
- package/src/font/icomoon.svg +1 -0
- package/src/font/icomoon.ttf +0 -0
- package/src/font/icomoon.woff +0 -0
- package/src/font/selection.json +1 -1
- package/src/hooks/useUploadFile.tsx +27 -25
- package/src/index.ts +27 -2
- package/src/util/helper.tsx +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUploadFile.cjs.js","sources":["../../../../../../src/hooks/useUploadFile.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 { FileType } from \"../components/Form/FileUpload/FileUpload\";\nimport { useEffect, useState } from \"react\";\nimport { isJsonString } from \"../util/helper\";\n\nexport type UploadResponseStatus = XMLHttpRequest[\"status\"];\nexport type UploadResponseJson = Record<string, unknown>;\nexport interface UploadResponseType {\n fileList: FileType[];\n status: UploadResponseStatus;\n responseJson: UploadResponseJson;\n}\nexport interface OnErrorMessageMapperType {\n responseStatus: UploadResponseStatus;\n responseJson: UploadResponseJson;\n}\nexport interface UseUploadFileCallback {\n onComplete?: (response: UploadResponseType) => void;\n onProgress?: (fileName: string, progress: number) => void;\n onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;\n}\nexport interface UploadFileRequestParams {\n url: string;\n headers?: Headers;\n withCredentials?: boolean;\n}\n\nexport const useUploadFile = (\n files: FileType[],\n request: UploadFileRequestParams,\n callbacks?: UseUploadFileCallback\n) => {\n const { url, headers, withCredentials } = request;\n\n const { onComplete, onProgress, onErrorMessageMapper } = callbacks ?? {};\n\n const [uploadingFiles, setUploadingFiles] = useState<FileType[]>([]);\n const [updatedFiles, setUpdatedFiles] = useState<FileType[]>([...files]);\n\n const getUpdatedList = (\n fileName: string,\n fileStatus: FileType[\"status\"],\n progress?: number,\n error?: string\n ) => {\n return files.map(file => {\n if (file.name === fileName) {\n file.progress = progress;\n file.error = error;\n file.status = fileStatus;\n }\n return { ...file };\n });\n };\n\n const recordProgress = (e: ProgressEvent<XMLHttpRequestEventTarget>, fileName: string) => {\n const progress = (e.loaded / e.total) * 100;\n const updatedData = getUpdatedList(fileName, \"uploading\", progress);\n setUpdatedFiles(updatedData);\n onProgress?.(fileName, progress);\n };\n\n const getFileStatus = (\n responseStatus: UploadResponseStatus,\n responseJson: UploadResponseJson\n ) => {\n let fileStatus: FileType[\"status\"] = undefined;\n let error = \"\";\n if (responseStatus >= 200 && responseStatus < 400) {\n fileStatus = \"completed\";\n } else if (responseStatus === 0) {\n fileStatus = \"retry\";\n error =\n onErrorMessageMapper?.({ responseStatus, responseJson }) ??\n \"Network error. Check internet connection and retry uploading the file\";\n } else if (responseStatus >= 400 && responseStatus < 500) {\n fileStatus = \"error\";\n error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Bad request\";\n } else if (responseStatus >= 500) {\n fileStatus = \"error\";\n error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Server Error\";\n }\n return { fileStatus, error };\n };\n\n const handleOnComplete = (xhr: XMLHttpRequest, fileName: string) => {\n const { status, readyState, responseText } = xhr;\n if (readyState === xhr.DONE) {\n const responseJson = responseText && isJsonString(responseText) && JSON.parse(responseText);\n const { fileStatus, error } = getFileStatus(status, responseJson);\n const updatedList = getUpdatedList(fileName, fileStatus, undefined, error);\n setUpdatedFiles(updatedList);\n const response = { fileList: updatedList, status, responseJson };\n setUploadingFiles(prevState => prevState.filter(selected => selected.name === fileName));\n onComplete?.(response);\n }\n };\n\n const uploadFile = (file: FileType) => {\n const xhr = new XMLHttpRequest();\n xhr.upload.addEventListener(\"progress\", e => recordProgress(e, file.name));\n xhr.addEventListener(\"readystatechange\", () => handleOnComplete(xhr, file.name));\n withCredentials && (xhr.withCredentials = true);\n xhr.open(\"POST\", url, true);\n headers?.forEach((value, key) => xhr.setRequestHeader(key, value));\n const formData = new FormData();\n formData.append(\"file\", file.data as File);\n formData.append(\"name\", file.name);\n xhr.send(formData);\n };\n\n useEffect(() => {\n if (!url || !files.length) {\n return;\n }\n\n files.forEach(file => {\n if (!file.status && !uploadingFiles.find(selected => selected.name === file.name)) {\n setUploadingFiles(prevState => [...prevState, file]);\n uploadFile(file);\n }\n });\n }, [url, files]);\n\n return { updatedFiles, setUpdatedFiles, uploadingFiles };\n};\n"],"names":["files","request","callbacks","url","headers","withCredentials","onComplete","onProgress","onErrorMessageMapper","uploadingFiles","setUploadingFiles","useState","updatedFiles","setUpdatedFiles","getUpdatedList","fileName","fileStatus","progress","error","map","file","name","status","handleOnComplete","xhr","readyState","responseText","DONE","responseJson","isJsonString","JSON","parse","responseStatus","_a","_b","_c","getFileStatus","updatedList","undefined","response","fileList","prevState","filter","selected","uploadFile","XMLHttpRequest","upload","addEventListener","e","loaded","total","updatedData","recordProgress","open","forEach","value","key","setRequestHeader","formData","FormData","append","data","send","useEffect","length","find"],"mappings":"6FA0C6B,CAC3BA,EACAC,EACAC,KAEA,MAAMC,IAAEA,EAAGC,QAAEA,EAAOC,gBAAEA,GAAoBJ,GAEpCK,WAAEA,EAAUC,WAAEA,EAAUC,qBAAEA,GAAyBN,QAAAA,EAAa,CAAA,GAE/DO,EAAgBC,GAAqBC,EAAQA,SAAa,KAC1DC,EAAcC,GAAmBF,EAAQA,SAAa,IAAIX,IAE3Dc,EAAiB,CACrBC,EACAC,EACAC,EACAC,IAEOlB,EAAMmB,KAAIC,IACXA,EAAKC,OAASN,IAChBK,EAAKH,SAAWA,EAChBG,EAAKF,MAAQA,EACbE,EAAKE,OAASN,GAET,IAAKI,MAkCVG,EAAmB,CAACC,EAAqBT,KAC7C,MAAMO,OAAEA,EAAMG,WAAEA,EAAUC,aAAEA,GAAiBF,EAC7C,GAAIC,IAAeD,EAAIG,KAAM,CAC3B,MAAMC,EAAeF,GAAgBG,eAAaH,IAAiBI,KAAKC,MAAML,IACxEV,WAAEA,EAAUE,MAAEA,GA3BF,EACpBc,EACAJ,eAEA,IAAIZ,EACAE,EAAQ,GAeZ,OAdIc,GAAkB,KAAOA,EAAiB,IAC5ChB,EAAa,YACe,IAAnBgB,GACThB,EAAa,QACbE,EAC0D,QAAxDe,EAAAzB,aAAoB,EAApBA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAK,EAAAA,EACxD,yEACOD,GAAkB,KAAOA,EAAiB,KACnDhB,EAAa,QACbE,EAAgE,QAAxDgB,EAAA1B,eAAAA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAM,EAAAA,EAAI,eAC3DF,GAAkB,MAC3BhB,EAAa,QACbE,EAAgE,QAAxDiB,EAAA3B,eAAAA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAO,EAAAA,EAAI,gBAE/D,CAAEnB,aAAYE,QAAO,EAOIkB,CAAcd,EAAQM,GAC9CS,EAAcvB,EAAeC,EAAUC,OAAYsB,EAAWpB,GACpEL,EAAgBwB,GAChB,MAAME,EAAW,CAAEC,SAAUH,EAAaf,SAAQM,gBAClDlB,GAAkB+B,GAAaA,EAAUC,QAAOC,GAAYA,EAAStB,OAASN,MAC9ET,SAAAA,EAAaiC,EACd,GAGGK,EAAcxB,IAClB,MAAMI,EAAM,IAAIqB,eAChBrB,EAAIsB,OAAOC,iBAAiB,YAAYC,GA7CnB,EAACA,EAA6CjC,KACnE,MAAME,EAAY+B,EAAEC,OAASD,EAAEE,MAAS,IAClCC,EAAcrC,EAAeC,EAAU,YAAaE,GAC1DJ,EAAgBsC,GAChB5C,SAAAA,EAAaQ,EAAUE,EAAS,EAyCamC,CAAeJ,EAAG5B,EAAKC,QACpEG,EAAIuB,iBAAiB,oBAAoB,IAAMxB,EAAiBC,EAAKJ,EAAKC,QAC1EhB,IAAoBmB,EAAInB,iBAAkB,GAC1CmB,EAAI6B,KAAK,OAAQlD,GAAK,GACtBC,SAAAA,EAASkD,SAAQ,CAACC,EAAOC,IAAQhC,EAAIiC,iBAAiBD,EAAKD,KAC3D,MAAMG,EAAW,IAAIC,SACrBD,EAASE,OAAO,OAAQxC,EAAKyC,MAC7BH,EAASE,OAAO,OAAQxC,EAAKC,MAC7BG,EAAIsC,KAAKJ,EAAS,EAgBpB,OAbAK,EAAAA,WAAU,KACH5D,GAAQH,EAAMgE,QAInBhE,EAAMsD,SAAQlC,IACPA,EAAKE,QAAWb,EAAewD,MAAKtB,GAAYA,EAAStB,OAASD,EAAKC,SAC1EX,GAAkB+B,GAAa,IAAIA,EAAWrB,KAC9CwB,EAAWxB,GACZ,GACD,GACD,CAACjB,EAAKH,IAEF,CAAEY,eAAcC,kBAAiBJ,iBAAgB"}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import { FileType } from "../components/Form/FileUpload/FileUpload";
|
|
2
|
+
export type UploadResponseStatus = XMLHttpRequest["status"];
|
|
3
|
+
export type UploadResponseJson = Record<string, unknown>;
|
|
2
4
|
export interface UploadResponseType {
|
|
3
5
|
fileList: FileType[];
|
|
4
|
-
status:
|
|
6
|
+
status: UploadResponseStatus;
|
|
7
|
+
responseJson: UploadResponseJson;
|
|
8
|
+
}
|
|
9
|
+
export interface OnErrorMessageMapperType {
|
|
10
|
+
responseStatus: UploadResponseStatus;
|
|
11
|
+
responseJson: UploadResponseJson;
|
|
5
12
|
}
|
|
6
13
|
export interface UseUploadFileCallback {
|
|
7
14
|
onComplete?: (response: UploadResponseType) => void;
|
|
8
|
-
onProgress?:
|
|
15
|
+
onProgress?: (fileName: string, progress: number) => void;
|
|
16
|
+
onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;
|
|
9
17
|
}
|
|
10
18
|
export interface UploadFileRequestParams {
|
|
11
19
|
url: string;
|
|
12
20
|
headers?: Headers;
|
|
13
|
-
responseErrorPath?: string;
|
|
14
|
-
networkErrorText?: string;
|
|
15
21
|
withCredentials?: boolean;
|
|
16
22
|
}
|
|
17
23
|
export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../_BaseStyling_/BaseStyling.cjs.js"),r=require("../Button/Button.cjs.js"),t=require("../Breadcrumbs/Breadcrumbs.cjs.js"),o=require("../ContextMenu/ContextMenu.cjs.js"),s=require("../ContextMenu/ContextMenuItem.cjs.js"),i=require("../Link/Link.cjs.js"),a=require("../Icon/Icon.cjs.js"),p=require("../Button/IconButton.cjs.js"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),d=require("../Tiles/Tiles.cjs.js"),x=require("../Tooltip/Tooltip.cjs.js"),
|
|
1
|
+
"use strict";var e=require("../_BaseStyling_/BaseStyling.cjs.js"),r=require("../Button/Button.cjs.js"),t=require("../Breadcrumbs/Breadcrumbs.cjs.js"),o=require("../ContextMenu/ContextMenu.cjs.js"),s=require("../ContextMenu/ContextMenuItem.cjs.js"),i=require("../Link/Link.cjs.js"),a=require("../Icon/Icon.cjs.js"),p=require("../Button/IconButton.cjs.js"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),d=require("../Tiles/Tiles.cjs.js"),x=require("../Tooltip/Tooltip.cjs.js"),S=require("../Typography/Typography.cjs.js"),F=require("../ProgressBar/ProgressBar.cjs.js"),q=require("../Skeleton/Skeleton.cjs.js"),m=require("../Stepper/Stepper.cjs.js"),C=require("../Pagination/Pagination.cjs.js"),T=require("./hooks/useRepeater.cjs.js"),M=require("./hooks/useFullHeightCollapse.cjs.js"),g=require("./hooks/usePosition.cjs.js"),h=require("./hooks/useDebouncedCallback.cjs.js"),D=require("./hooks/useUploadFile.cjs.js"),B=require("./util/helper.cjs.js"),I=require("../Notifications/BaseModal/BaseModal.cjs.js"),b=require("../Notifications/Alert/useAlert.cjs.js"),W=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),f=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js"),G=require("../Notifications/Dialog/Dialog.cjs.js"),k=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),P=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),y=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),A=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),N=require("../Notifications/NotificationProvider/NotificationContext.cjs.js"),H=require("../Notifications/SlideInModal/SlideInModal.cjs.js"),R=require("../Notifications/SideSheet/SideSheet.cjs.js"),L=require("../Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js"),O=require("../Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js"),U=require("../Form/Checkbox/Checkbox.cjs.js"),v=require("../Form/Fieldset/Fieldset.cjs.js"),w=require("../Form/Form.cjs.js"),E=require("../Form/FormControl/FormControl.cjs.js"),_=require("../Form/FormGroup/FormGroup.cjs.js"),K=require("../Form/FormHelperText/FormHelperText.cjs.js"),z=require("../Form/Input/Input.cjs.js"),J=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),Q=require("../Form/Label/Label.cjs.js"),V=require("../Form/Radio/Radio.cjs.js"),X=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),Y=require("../Form/Select/SingleSelect/Select.cjs.js"),Z=require("../Form/Select/MultiSelect/MultiSelect.cjs.js"),$=require("../Form/Select/SingleSelect/Option.cjs.js"),ee=require("../Form/Select/MultiSelect/MultiOption.cjs.js"),re=require("../Form/Textarea/Textarea.cjs.js"),te=require("../Form/Toggle/Toggle.cjs.js"),oe=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),se=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),ie=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),ae=require("../Form/FileUpload/FileUpload.cjs.js"),pe=require("../Form/FileUpload/FileItem/FileItem.cjs.js"),le=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),ne=require("../Layout/ContentHeader/ContentHeader.cjs.js"),ce=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),ue=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),je=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),de=require("../DataGrid/DataGrid.cjs.js"),xe=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),Se=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),Fe=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),qe=require("../DataGrid/DataGridFilters/FilterKeyMapper.cjs.js"),me=require("../DataGrid/DataGridFilters/useFiltersReducer.cjs.js"),Ce=require("../Notifications/Banner/Banner.cjs.js"),Te=require("../DatePicker/DatePicker.cjs.js"),Me=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js");exports.BaseStyling=e.BaseStyling,exports.Button=r.Button,exports.Breadcrumbs=t.Breadcrumbs,exports.ContextMenu=o.ContextMenu,exports.ContextMenuItem=s.ContextMenuItem,exports.Link=i.Link,exports.Icon=a.Icon,Object.defineProperty(exports,"Icons",{enumerable:!0,get:function(){return a.Icons}}),exports.IconButton=p.IconButton,exports.Tab=l.Tab,exports.Tabs=n.Tabs,exports.Tag=c.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=d.Tiles,exports.Tooltip=x.Tooltip,exports.Typography=S.Typography,exports.ProgressBar=F.ProgressBar,exports.Skeleton=q.Skeleton,exports.Stepper=m.Stepper,exports.Pagination=C.Pagination,exports.useRepeater=T.useRepeater,exports.useFullHeightCollapse=M.useFullHeightCollapse,exports.usePosition=g.usePosition,exports.useDebouncedCallback=h.useDebouncedCallback,exports.useUploadFile=D.useUploadFile,exports.debounce=B.debounce,exports.generateID=B.generateID,exports.throttle=B.throttle,exports.Modal=I.BaseModal,exports.useAlert=b.useAlert,exports.AlertProvider=W.AlertProvider,exports.AlertItem=f.AlertItem,exports.Dialog=G.Dialog,exports.DiscardChangesModal=k.DiscardChangesModal,exports.ModalActions=P.BaseModalActions,exports.SideSheetActions=P.BaseModalActions,exports.ModalContent=y.BaseModalContent,exports.ModalHeader=A.BaseModalHeader,exports.NotificationProvider=N.NotificationProvider,exports.useNotificationContext=N.useNotificationContext,exports.SlideInModal=H.SlideInModal,exports.SideSheet=R.SideSheet,exports.SideSheetContent=L.SideSheetContent,exports.SideSheetHeader=O.SideSheetHeader,exports.Checkbox=U.Checkbox,exports.Fieldset=v.Fieldset,exports.Form=w.Form,exports.FormControl=E.FormControl,exports.FormGroup=_.FormGroup,exports.FormHelperText=K.FormHelperText,exports.Input=z.Input,exports.InputWrapper=J.InputWrapper,exports.Label=Q.Label,exports.Radio=V.Radio,exports.RadioWrapper=X.RadioWrapper,exports.Select=Y.Select,exports.MultiSelect=Z.MultiSelect,exports.Option=$.Option,exports.MultiOption=ee.MultiOption,exports.Textarea=re.Textarea,exports.Toggle=te.Toggle,exports.CheckboxWrapper=oe.CheckboxWrapper,exports.TextareaWrapper=se.TextareaWrapper,exports.SelectWrapper=ie.SelectWrapper,exports.FileUpload=ae.FileUpload,Object.defineProperty(exports,"ACTION_STATUS",{enumerable:!0,get:function(){return pe.ACTION_STATUS}}),Object.defineProperty(exports,"FILE_ACTION",{enumerable:!0,get:function(){return pe.FILE_ACTION}}),exports.MultiSelectWrapper=le.MultiSelectWrapper,exports.ContentHeader=ne.ContentHeader,exports.FormStepper=ce.FormStepper,exports.FormSection=ue.FormSection,exports.FormWithStepper=je.FormWithStepper,exports.DataGrid=de.DataGrid,exports.DataGridRow=xe.DataGridRow,exports.DataGridDrawerItem=Se.DataGridDrawerItem,exports.DataGridCell=Fe.DataGridCell,exports.FilterKeyMapper=qe.FilterKeyMapper,exports.useFiltersReducer=me.useFiltersReducer,exports.Banner=Ce.Banner,exports.DatePicker=Te.DatePicker,exports.MicrofrontendContainer=Me.MicrofrontendContainer;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/cjs/src/index.d.ts
CHANGED
|
@@ -41,8 +41,11 @@ export { Pagination } from "./components/Pagination/Pagination";
|
|
|
41
41
|
export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
|
|
42
42
|
export { useRepeater } from "./hooks/useRepeater";
|
|
43
43
|
export { useFullHeightCollapse } from "./hooks/useFullHeightCollapse";
|
|
44
|
-
export { usePosition
|
|
44
|
+
export { usePosition } from "./hooks/usePosition";
|
|
45
|
+
export type { Placement } from "./hooks/usePosition";
|
|
45
46
|
export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
|
|
47
|
+
export { useUploadFile } from "./hooks/useUploadFile";
|
|
48
|
+
export type { UploadResponseStatus, UploadResponseJson, UploadResponseType, UseUploadFileCallback, UploadFileRequestParams } from "./hooks/useUploadFile";
|
|
46
49
|
export { generateID, debounce, throttle } from "./util/helper";
|
|
47
50
|
export { Modal } from "./components/Notifications/Modal/Modal";
|
|
48
51
|
export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
|
|
@@ -65,6 +68,15 @@ export type { Props as NotificationProviderProps } from "./components/Notificati
|
|
|
65
68
|
export type { AddNotification, RemoveNotification, Translations } from "./components/Notifications/NotificationProvider/notification.interfaces";
|
|
66
69
|
export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
|
|
67
70
|
export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
|
|
71
|
+
/** SideSheet */
|
|
72
|
+
export { SideSheet } from "./components/Notifications/SideSheet/SideSheet";
|
|
73
|
+
export type { Props as SideSheetProps } from "./components/Notifications/SideSheet/SideSheet";
|
|
74
|
+
export { SideSheetActions } from "./components/Notifications/SideSheet/SideSheetActions/SideSheetActions";
|
|
75
|
+
export type { Props as SideSheetActionsProps } from "./components/Notifications/SideSheet/SideSheetActions/SideSheetActions";
|
|
76
|
+
export { SideSheetContent } from "./components/Notifications/SideSheet/SideSheetContent/SideSheetContent";
|
|
77
|
+
export type { Props as SideSheetContentProps } from "./components/Notifications/SideSheet/SideSheetContent/SideSheetContent";
|
|
78
|
+
export { SideSheetHeader } from "./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader";
|
|
79
|
+
export type { Props as SideSheetHeaderProps } from "./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader";
|
|
68
80
|
/** Form components */
|
|
69
81
|
export { Checkbox } from "./components/Form/Checkbox/Checkbox";
|
|
70
82
|
export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
|
|
@@ -106,7 +118,8 @@ export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/Te
|
|
|
106
118
|
export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
|
|
107
119
|
export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
|
|
108
120
|
export { FileUpload } from "./components/Form/FileUpload/FileUpload";
|
|
109
|
-
export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
|
|
121
|
+
export type { Props as FileUploadProps, FileType } from "./components/Form/FileUpload/FileUpload";
|
|
122
|
+
export { FILE_ACTION, ACTION_STATUS } from "./components/Form/FileUpload/FileItem/FileItem";
|
|
110
123
|
export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
111
124
|
export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
112
125
|
export { ContentHeader } from "./components/Layout/ContentHeader/ContentHeader";
|
|
@@ -127,6 +140,8 @@ export { DataGridDrawerItem } from "./components/DataGrid/DataGridBody/DataGridD
|
|
|
127
140
|
export type { Props as DataGridDrawerItemProps } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
|
|
128
141
|
export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
|
|
129
142
|
export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
|
|
143
|
+
export { Filter } from "./components/DataGrid/DataGridFilters/DataGridFilters.interfaces";
|
|
144
|
+
export { FilterKeyMapper } from "./components/DataGrid/DataGridFilters/FilterKeyMapper";
|
|
130
145
|
export { useFiltersReducer } from "./components/DataGrid/DataGridFilters/useFiltersReducer";
|
|
131
146
|
/** Banner */
|
|
132
147
|
export { Banner } from "./components/Notifications/Banner/Banner";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=(t,r)=>{if(!r)return t;let o={...t};for(let
|
|
1
|
+
"use strict";const e=(t,r)=>{if(!r)return t;let o={...t};for(let n in r)Object.prototype.hasOwnProperty.call(r,n)&&("object"==typeof r[n]&&null!==r[n]&&Object.prototype.hasOwnProperty.call(t,n)&&!Array.isArray(r[n])?o[n]=e(t[n],r[n]):o[n]=r[n]);return o};exports.debounce=(e,t)=>{let r;return function(...o){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...o)}),t)}},exports.deepMerge=e,exports.escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),exports.filterProps=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,o)=>(t.test(o)&&(r[o]=e[o]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),exports.generateID=(e=15,t)=>{let r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],o="";for(let n=0;n<e&&o.length<e;n++){o=o+("string"!=typeof t||void 0===(null==t?void 0:t[n])||/\s/.test(t[n])?"":t[n])+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)},exports.isJsonString=e=>{try{JSON.parse(e)}catch(e){return!1}return!0},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){let o=Date.now();o-r>=t&&(e(),r=o)}};
|
|
2
2
|
//# sourceMappingURL=helper.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helper.cjs.js","sources":["../../../../../../src/util/helper.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\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n let hashCharacters = [\n \"1\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"0\",\n \"A\",\n \"B\",\n \"C\",\n \"D\",\n \"E\",\n \"F\",\n \"G\",\n \"H\",\n \"I\",\n \"J\",\n \"K\",\n \"L\",\n \"M\",\n \"N\",\n \"O\",\n \"P\",\n \"Q\",\n \"R\",\n \"S\",\n \"T\",\n \"U\",\n \"V\",\n \"W\",\n \"X\",\n \"Y\",\n \"Z\",\n \"a\",\n \"b\",\n \"c\",\n \"d\",\n \"e\",\n \"f\",\n \"g\",\n \"h\",\n \"i\",\n \"j\",\n \"k\",\n \"l\",\n \"m\",\n \"n\",\n \"o\",\n \"p\",\n \"q\",\n \"r\",\n \"s\",\n \"t\",\n \"u\",\n \"v\",\n \"w\",\n \"x\",\n \"y\",\n \"z\"\n ];\n\n let id = \"\";\n\n /** Generate an id of x characters in length */\n for (let i = 0; i < length && id.length < length; i++) {\n let stringCharacter =\n typeof stringToWeaveIn === \"string\" &&\n stringToWeaveIn?.[i] !== undefined &&\n !/\\s/.test(stringToWeaveIn[i])\n ? stringToWeaveIn[i]\n : \"\";\n id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n }\n\n return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n if (returnFiltered) {\n return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n if (regexPattern.test(key)) {\n acc[key] = props[key];\n }\n\n return acc;\n }, {});\n } else {\n return Object.entries(props)\n .filter(([key]) => !regexPattern.test(key))\n .reduce(\n (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n {}\n );\n }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n let timeout: undefined | ReturnType<typeof setTimeout>;\n\n return function executedFunction(...args: unknown[]) {\n const later = () => {\n clearTimeout(timeout);\n fn(...args);\n };\n\n clearTimeout(timeout);\n\n timeout = setTimeout(later, delay);\n };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n let lastTime = 0;\n\n return function () {\n let now = Date.now();\n\n if (now - lastTime >= delay) {\n fn();\n lastTime = now;\n }\n };\n};\n\nexport const isEqual = (x: any, y: any): boolean => {\n const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n return typesCoincide\n ? Object.keys(x).length === Object.keys(y).length &&\n Object.keys(x).every(key => isEqual(x[key], y[key]))\n : x === y;\n};\n\nexport const areArraysDifferent = (\n arr1: Record<string, any>[],\n arr2: Record<string, any>[],\n key: string\n) => {\n if (arr1.length !== arr2.length) {\n return true;\n } else {\n const firstFilteredArray = arr1.filter(arr1Item =>\n arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n );\n const secondFilteredArray = arr2.filter(arr2Item =>\n arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n );\n\n return !!firstFilteredArray.length || !!secondFilteredArray.length;\n }\n};\n\
|
|
1
|
+
{"version":3,"file":"helper.cjs.js","sources":["../../../../../../src/util/helper.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\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n let hashCharacters = [\n \"1\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"0\",\n \"A\",\n \"B\",\n \"C\",\n \"D\",\n \"E\",\n \"F\",\n \"G\",\n \"H\",\n \"I\",\n \"J\",\n \"K\",\n \"L\",\n \"M\",\n \"N\",\n \"O\",\n \"P\",\n \"Q\",\n \"R\",\n \"S\",\n \"T\",\n \"U\",\n \"V\",\n \"W\",\n \"X\",\n \"Y\",\n \"Z\",\n \"a\",\n \"b\",\n \"c\",\n \"d\",\n \"e\",\n \"f\",\n \"g\",\n \"h\",\n \"i\",\n \"j\",\n \"k\",\n \"l\",\n \"m\",\n \"n\",\n \"o\",\n \"p\",\n \"q\",\n \"r\",\n \"s\",\n \"t\",\n \"u\",\n \"v\",\n \"w\",\n \"x\",\n \"y\",\n \"z\"\n ];\n\n let id = \"\";\n\n /** Generate an id of x characters in length */\n for (let i = 0; i < length && id.length < length; i++) {\n let stringCharacter =\n typeof stringToWeaveIn === \"string\" &&\n stringToWeaveIn?.[i] !== undefined &&\n !/\\s/.test(stringToWeaveIn[i])\n ? stringToWeaveIn[i]\n : \"\";\n id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n }\n\n return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n if (returnFiltered) {\n return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n if (regexPattern.test(key)) {\n acc[key] = props[key];\n }\n\n return acc;\n }, {});\n } else {\n return Object.entries(props)\n .filter(([key]) => !regexPattern.test(key))\n .reduce(\n (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n {}\n );\n }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n let timeout: undefined | ReturnType<typeof setTimeout>;\n\n return function executedFunction(...args: unknown[]) {\n const later = () => {\n clearTimeout(timeout);\n fn(...args);\n };\n\n clearTimeout(timeout);\n\n timeout = setTimeout(later, delay);\n };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n let lastTime = 0;\n\n return function () {\n let now = Date.now();\n\n if (now - lastTime >= delay) {\n fn();\n lastTime = now;\n }\n };\n};\n\nexport const isEqual = (x: any, y: any): boolean => {\n const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n return typesCoincide\n ? Object.keys(x).length === Object.keys(y).length &&\n Object.keys(x).every(key => isEqual(x[key], y[key]))\n : x === y;\n};\n\nexport const areArraysDifferent = (\n arr1: Record<string, any>[],\n arr2: Record<string, any>[],\n key: string\n) => {\n if (arr1.length !== arr2.length) {\n return true;\n } else {\n const firstFilteredArray = arr1.filter(arr1Item =>\n arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n );\n const secondFilteredArray = arr2.filter(arr2Item =>\n arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n );\n\n return !!firstFilteredArray.length || !!secondFilteredArray.length;\n }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n try {\n JSON.parse(str);\n } catch (e) {\n return false;\n }\n return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends {}>(obj1: ObjectType, obj2: ObjectType | false): T => {\n if (!obj2) return obj1 as T;\n\n let result: ObjectType = { ...obj1 };\n\n for (let key in obj2) {\n if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n if (\n typeof obj2[key] === \"object\" &&\n obj2[key] !== null &&\n Object.prototype.hasOwnProperty.call(obj1, key) &&\n !Array.isArray(obj2[key])\n ) {\n result[key] = deepMerge(obj1[key], obj2[key]);\n } else {\n result[key] = obj2[key];\n }\n }\n }\n\n return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":["deepMerge","obj1","obj2","result","key","Object","prototype","hasOwnProperty","call","Array","isArray","fn","delay","timeout","args","clearTimeout","setTimeout","str","replace","props","regexPattern","returnFiltered","keys","reduce","acc","test","entries","filter","prevObj","currKeyValPair","length","stringToWeaveIn","hashCharacters","id","i","undefined","Math","floor","random","slice","JSON","parse","e","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"aAkBa,MA6KAA,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAIG,KAAOF,EACVG,OAAOC,UAAUC,eAAeC,KAAKN,EAAME,KAEtB,iBAAdF,EAAKE,IACE,OAAdF,EAAKE,IACLC,OAAOC,UAAUC,eAAeC,KAAKP,EAAMG,KAC1CK,MAAMC,QAAQR,EAAKE,IAEpBD,EAAOC,GAAOJ,EAAUC,EAAKG,GAAMF,EAAKE,IAExCD,EAAOC,GAAOF,EAAKE,IAKzB,OAAOD,CAAW,mBA3FI,CAACQ,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,YAA6BC,GAMlCC,aAAaF,GAEbA,EAAUG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAK,GAKeF,EAC9B,CAAC,2CAkF0BK,GAAgBA,EAAIC,QAAQ,sBAAuB,4BAjHrD,CAACC,EAAYC,EAAsBC,GAA0B,IAClFA,EACKhB,OAAOiB,KAAKH,GAAOI,QAAO,CAACC,EAAmBpB,KAC/CgB,EAAaK,KAAKrB,KACpBoB,EAAIpB,GAAOe,EAAMf,IAGZoB,IACN,CAAE,GAEEnB,OAAOqB,QAAQP,GACnBQ,QAAO,EAAEvB,MAAUgB,EAAaK,KAAKrB,KACrCmB,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,sBAjGgB,CAACC,EAAS,GAAIC,KAEtC,IAAIC,EAAiB,CACnB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAGEC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CAOrDD,EAAKA,GALwB,iBAApBF,QACkBI,KAAzBJ,aAAe,EAAfA,EAAkBG,KACjB,KAAKT,KAAKM,EAAgBG,IAEvB,GADAH,EAAgBG,IAEMF,EAAeI,KAAKC,MAAMD,KAAKE,SAAWN,EAAeF,QACtF,CAED,OAAOG,EAAGM,MAAM,EAAGT,EAAO,uBAkFCb,IAC3B,IACEuB,KAAKC,MAAMxB,EACZ,CAAC,MAAOyB,GACP,OAAO,CACR,CACD,OAAO,CAAI,kBAVWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BA1C7C,CAACrC,EAAqCC,KAC5D,IAAIqC,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEXA,EAAMD,GAAYrC,IACpBD,IACAsC,EAAWC,EAEf,CAAC"}
|
|
@@ -4,9 +4,6 @@ export declare const debounce: (fn: (...args: unknown[]) => unknown, delay: numb
|
|
|
4
4
|
export declare const throttle: (fn: (...args: unknown[]) => unknown, delay: number) => () => void;
|
|
5
5
|
export declare const isEqual: (x: any, y: any) => boolean;
|
|
6
6
|
export declare const areArraysDifferent: (arr1: Record<string, any>[], arr2: Record<string, any>[], key: string) => boolean;
|
|
7
|
-
export declare const getValueByPath: (obj: {
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
}, path: string) => any;
|
|
10
7
|
/** Source: https://stackoverflow.com/a/42769683/5084110 */
|
|
11
8
|
export declare const remToPx: (rem: number) => number;
|
|
12
9
|
export declare const isJsonString: (str: any) => boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*!\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsY0FBZSxDQUNmLG1CQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLDZFQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsT0FDRixDQUNBLGtFQUNFLG9DQUFxQyxDQUNyQyx3Q0FDRixDQUNBLHFFQU1FLGlEQUFrRCxDQUxsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUVsQixlQUFnQixDQURoQixpQkFHRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAuY29udGVudC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */";
|
|
3
|
+
var css_248z = "/*!\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.625rem;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsZUFBZ0IsQ0FDaEIsbUJBQ0YsQ0FDQSw2Q0FDRSxpQkFDRixDQUNBLDRDQUNFLGtCQUNGLENBQ0EsNkVBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixPQUNGLENBQ0Esa0VBQ0Usb0NBQXFDLENBQ3JDLHdDQUNGLENBQ0EscUVBTUUsaURBQWtELENBTGxELG1CQUFxQixDQUNyQixjQUFlLENBQ2YsZ0JBQWtCLENBRWxCLGVBQWdCLENBRGhCLGlCQUdGLENBQ0EsMkVBU0Usd0RBQThCLENBRjlCLG1PQUE4TyxDQUg5TyxRQUFTLENBSVQsVUFBVyxDQUhYLE1BQU8sQ0FKUCxpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FJTiwyQkFJRixDQUNBLHVDQUNFLDJFQUNFLGNBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsMEJBQ0YsQ0FDRixDQUVBLHdDQUNFLDZDQUNFLG9CQUNGLENBQ0EsNENBQ0UscUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZENlbGwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uY2VsbCB7XG4gIGhlaWdodDogMi42MjVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAuY29udGVudC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA2cHg7XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */";
|
|
4
4
|
var classes = {"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"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*!\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 */";
|
|
3
|
+
var css_248z = "/*!\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 */.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:after{border-bottom:2px 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:after{border-bottom:2px 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:after{border-bottom:2px 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:after{border-bottom:2px 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:after{border-bottom:2px 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:after{border-bottom:2px 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-:after{border-bottom:2px 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(:nth-last-child(2)):after,.DataGridRow-module_row__yQDVO.DataGridRow-module_border__wLIZi:after{border-bottom:2px 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiwrQkFFRSxzREFBdUQsQ0FEdkQsaUJBRUYsQ0FDQSw2RUFDRSw0REFDRixDQUNBLHdFQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLGNBQWUsQ0FGZixpQkFBa0IsQ0FDbEIsNEJBSUYsQ0FDQSx3RUFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxjQUFlLENBRmYsaUJBQWtCLENBQ2xCLDRCQUlGLENBQ0Esd0VBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsZUFBZ0IsQ0FGaEIsaUJBQWtCLENBQ2xCLDZCQUlGLENBQ0Esd0VBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsZUFBZ0IsQ0FGaEIsaUJBQWtCLENBQ2xCLDZCQUlGLENBQ0Esd0VBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsZUFBZ0IsQ0FGaEIsaUJBQWtCLENBQ2xCLDZCQUlGLENBQ0Esd0VBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsZUFBZ0IsQ0FGaEIsaUJBQWtCLENBQ2xCLDZCQUlGLENBQ0Esd0VBTUUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsZUFBZ0IsQ0FGaEIsaUJBQWtCLENBQ2xCLDZCQUlGLENBU0EsMktBRkUsZ0RBQWlELENBRGpELFFBQVMsQ0FKVCxVQUFXLENBR1gsTUFBTyxDQUZQLGlCQUFrQixDQUNsQixVQVlGLENBRUEsOENBQ0UsU0FDRixDQUVBLHFDQUtFLGNBQWUsQ0FGZixNQUFPLENBRlAsaUJBQWtCLENBQ2xCLEtBQU0sQ0FFTixjQUVGLENBQ0EsNkVBQ0UsTUFDRixDQUNBLDZFQUNFLGFBQ0YsQ0FDQSw2RUFDRSxZQUNGLENBQ0EsNkVBQ0UsY0FDRixDQUNBLDZFQUNFLFlBQ0YsQ0FDQSw2RUFDRSxjQUNGLENBQ0EsNkVBQ0UsYUFDRixDQUNBLCtFQU1FLDBDQUEyQyxDQUozQyxVQUFXLENBRVgsV0FBWSxDQURaLFFBQVMsQ0FGVCxpQkFBa0IsQ0FJbEIsY0FFRixDQUNBLDhFQU1FLDBDQUEyQyxDQUozQyxVQUFXLENBRVgsY0FBZSxDQURmLFFBQVMsQ0FGVCxpQkFBa0IsQ0FJbEIsY0FFRixDQUNBLDZFQU9FLDBDQUEyQyxDQUwzQyxVQUFXLENBR1gsZUFBaUIsQ0FEakIsUUFBUyxDQUhULGlCQUFrQixDQUVsQixPQUFRLENBR1IsVUFFRixDQUNBLDJFQU1FLDBDQUEyQyxDQUozQyxVQUFXLENBRVgsVUFBVyxDQURYLFFBQVMsQ0FGVCxpQkFBa0IsQ0FJbEIsU0FFRixDQUNBLDBFQU9FLDBDQUEyQyxDQUwzQyxVQUFXLENBR1gsVUFBVyxDQURYLFFBQVMsQ0FIVCxpQkFBa0IsQ0FFbEIsT0FBUSxDQUdSLFVBRUYiLCJmaWxlIjoiRGF0YUdyaWRSb3cubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5yb3cge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCgubG9hZGluZyk6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXRhLWdyaWQtcm93LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnJvdy5ib3JkZXItMDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjA2MjVyZW0pO1xuICBsZWZ0OiAzLjA2MjVyZW07XG4gIGJvdHRvbTogMDtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3cuYm9yZGVyLTE6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogY2FsYygxMDAlIC0gNy4xODc1cmVtKTtcbiAgbGVmdDogNy4xODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0yOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDExLjMxMjVyZW0pO1xuICBsZWZ0OiAxMS4zMTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci0zOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE1LjQzNzVyZW0pO1xuICBsZWZ0OiAxNS40Mzc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci00OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE5LjU2MjVyZW0pO1xuICBsZWZ0OiAxOS41NjI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci01OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDIzLjY4NzVyZW0pO1xuICBsZWZ0OiAyMy42ODc1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci02OjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDI3LjgxMjVyZW0pO1xuICBsZWZ0OiAyNy44MTI1cmVtO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlcjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG59XG4ucm93LmJvcmRlci1kcmF3ZXI6bm90KDpudGgtbGFzdC1jaGlsZCgyKSk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uZXhwYW5kLWJ1dHRvbi1jZWxsIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLmNvbm5lY3RvciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMi44NzVyZW07XG4gIGhlaWdodDogMy4yNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMCB7XG4gIGxlZnQ6IDByZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTEge1xuICBsZWZ0OiA0LjEyNXJlbTtcbn1cbi5jb25uZWN0b3Iub2Zmc2V0LWxlZnQtMiB7XG4gIGxlZnQ6IDguMjVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTMge1xuICBsZWZ0OiAxMi4zNzVyZW07XG59XG4uY29ubmVjdG9yLm9mZnNldC1sZWZ0LTQge1xuICBsZWZ0OiAxNi41cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC01IHtcbiAgbGVmdDogMjAuNjI1cmVtO1xufVxuLmNvbm5lY3Rvci5vZmZzZXQtbGVmdC02IHtcbiAgbGVmdDogMjQuNzVyZW07XG59XG4uY29ubmVjdG9yLnZlcnRpY2FsOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMC4wNjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci50LXNoYXBlOjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiAwLjA2MjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyMDApO1xufVxuLmNvbm5lY3Rvci5saW5lOjpiZWZvcmUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGxlZnQ6IDUwJTtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAxcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59XG4uY29ubmVjdG9yLmxpbmU6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiBcIlwiO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICBoZWlnaHQ6IDFweDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTIwMCk7XG59Il19 */";
|
|
4
4
|
var classes = {"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"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridFilters.interfaces.esm.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":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAgCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"DataGridFilters.interfaces.esm.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\nexport interface KeyValuePair<TKey = string, TValue = string> {\n key: TKey;\n value: TValue;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;IAgCS,iBAMX;AAND,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,QAAgB,CAAA;AAChB,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACtB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,GAM3B,EAAA,CAAA,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataGridSearchbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridSearchbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {
|
|
1
|
+
{"version":3,"file":"DataGridSearchbar.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridSearchbar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {\n InputWrapper,\n Props as InputWrapperProps\n} from \"../../Form/Wrapper/InputWrapper/InputWrapper\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport { useDebouncedCallback } from \"../../../hooks/useDebouncedCallback\";\n\nexport interface DataGridSearchbarProps {\n onSearch: (value: string) => void;\n initialSearchValue?: string;\n debounceTime?: number;\n placeholder?: string;\n inputWrapperProps?: InputWrapperProps;\n}\n\nexport const DataGridSearchbar = ({\n onSearch,\n initialSearchValue,\n debounceTime,\n inputWrapperProps,\n placeholder\n}: DataGridSearchbarProps) => {\n const [search, setSearch] = useState(initialSearchValue ?? \"\");\n const debouncedCallback = useDebouncedCallback(onSearch, debounceTime ?? 500);\n const onSearchCallback = debounceTime ? debouncedCallback : onSearch;\n\n const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onSearchCallback(event.target.value);\n setSearch(event.target.value);\n };\n\n useEffect(() => {\n initialSearchValue && setSearch(initialSearchValue);\n }, [initialSearchValue]);\n\n return (\n <InputWrapper\n {...inputWrapperProps}\n className={`${classes[\"searchbar\"]} ${inputWrapperProps?.className ?? \"\"}`}\n label={inputWrapperProps?.label ?? \"\"}\n onChange={onChange}\n type=\"search\"\n name={inputWrapperProps?.name ?? \"searchbar\"}\n value={search}\n inputProps={{\n ...inputWrapperProps?.inputProps,\n type: \"search\",\n prefix: <Icon icon={Icons.Search} />,\n placeholder: placeholder ?? \"Search items\"\n }}\n ></InputWrapper>\n );\n};\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAmBU,MAAA,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACY,KAAI;;AAC3B,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,KAAA,CAAA,GAAA,kBAAkB,GAAI,EAAE,CAAC,CAAC;AAC/D,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,YAAY,GAAI,GAAG,CAAC,CAAC;IAC9E,MAAM,gBAAgB,GAAG,YAAY,GAAG,iBAAiB,GAAG,QAAQ,CAAC;AAErE,IAAA,MAAM,QAAQ,GAAG,CAAC,KAA0C,KAAI;AAC9D,QAAA,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,kBAAkB,IAAI,SAAS,CAAC,kBAAkB,CAAC,CAAC;AACtD,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEzB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GACP,iBAAiB,EACrB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,iBAAiB,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EAC1E,KAAK,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,CAAA,EAAA,GAAA,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,WAAW,EAC5C,KAAK,EAAE,MAAM,EACb,UAAU,EAAE;AACV,YAAA,GAAG,iBAAiB,KAAjB,IAAA,IAAA,iBAAiB,KAAjB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,iBAAiB,CAAE,UAAU;AAChC,YAAA,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,oBAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAI,CAAA;AACpC,YAAA,WAAW,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,cAAc;AAC3C,SAAA,EAAA,CACa,EAChB;AACJ;;;;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2022 OneWelcome B.V.
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
class FilterKeyMapper {
|
|
17
|
+
constructor() {
|
|
18
|
+
this.columnKvPairs = new Map();
|
|
19
|
+
}
|
|
20
|
+
setColumnKvPairs(columnName, kvPairs) {
|
|
21
|
+
this.columnKvPairs.set(columnName, kvPairs);
|
|
22
|
+
}
|
|
23
|
+
getValues(columnName) {
|
|
24
|
+
return this.getKvPairs(columnName).map(kv => kv.value);
|
|
25
|
+
}
|
|
26
|
+
getKeysForValues(columnName, values) {
|
|
27
|
+
const kvPairs = this.getKvPairs(columnName);
|
|
28
|
+
return values.map(v => {
|
|
29
|
+
const kv = kvPairs === null || kvPairs === void 0 ? void 0 : kvPairs.find(kv => kv.value === v);
|
|
30
|
+
if (kv == undefined) {
|
|
31
|
+
throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);
|
|
32
|
+
}
|
|
33
|
+
return kv.key;
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
getKvPairs(columnName) {
|
|
37
|
+
const kvPairs = this.columnKvPairs.get(columnName);
|
|
38
|
+
if (kvPairs == undefined) {
|
|
39
|
+
throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);
|
|
40
|
+
}
|
|
41
|
+
return kvPairs;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export { FilterKeyMapper };
|
|
46
|
+
//# sourceMappingURL=FilterKeyMapper.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterKeyMapper.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/FilterKeyMapper.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\nimport { KeyValuePair } from \"./DataGridFilters.interfaces\";\n\nexport class FilterKeyMapper {\n columnKvPairs = new Map<string, { key: string; value: string }[]>();\n\n setColumnKvPairs(columnName: string, kvPairs: { key: string; value: string }[]) {\n this.columnKvPairs.set(columnName, kvPairs);\n }\n\n getValues(columnName: string): string[] {\n return this.getKvPairs(columnName).map(kv => kv.value);\n }\n\n getKeysForValues(columnName: string, values: string[]): string[] {\n const kvPairs = this.getKvPairs(columnName);\n return values.map(v => {\n const kv = kvPairs?.find(kv => kv.value === v);\n if (kv == undefined) {\n throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);\n }\n return kv.key;\n });\n }\n\n getKvPairs(columnName: string): KeyValuePair[] {\n const kvPairs = this.columnKvPairs.get(columnName);\n if (kvPairs == undefined) {\n throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);\n }\n return kvPairs;\n }\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;MAIU,eAAe,CAAA;AAA5B,IAAA,WAAA,GAAA;AACE,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAA4C,CAAC;KA4BrE;IA1BC,gBAAgB,CAAC,UAAkB,EAAE,OAAyC,EAAA;QAC5E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC7C;AAED,IAAA,SAAS,CAAC,UAAkB,EAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;KACxD;IAED,gBAAgB,CAAC,UAAkB,EAAE,MAAgB,EAAA;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AAC5C,QAAA,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,IAAG;YACpB,MAAM,EAAE,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;AAC/C,YAAA,IAAI,EAAE,IAAI,SAAS,EAAE;gBACnB,MAAM,IAAI,KAAK,CAAC,CAAA,QAAA,EAAW,UAAU,CAAgD,6CAAA,EAAA,CAAC,CAAG,CAAA,CAAA,CAAC,CAAC;aAC5F;YACD,OAAO,EAAE,CAAC,GAAG,CAAC;AAChB,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,UAAU,CAAC,UAAkB,EAAA;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AACnD,QAAA,IAAI,OAAO,IAAI,SAAS,EAAE;YACxB,MAAM,IAAI,KAAK,CAAC,CAAW,QAAA,EAAA,UAAU,CAAkB,eAAA,EAAA,eAAe,CAAC,IAAI,CAAE,CAAA,CAAC,CAAC;SAChF;AACD,QAAA,OAAO,OAAO,CAAC;KAChB;AACF;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.DataGridHeader-module_row__JAYva{height:
|
|
4
|
-
var classes = {"row":"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS"
|
|
3
|
+
var css_248z = "/*!\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 */.DataGridHeader-module_row__JAYva{background-color:var(--color-blue-grey25);border-top:2px solid var(--light-grey-border);height:3.25rem;position:relative}.DataGridHeader-module_row__JAYva:after{border-bottom:2px solid var(--light-grey-border);bottom:0;content:\"\";left:0;position:absolute;width:100%}.DataGridHeader-module_context-menu__NuTeS{box-sizing:border-box;width:4.125rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixrQ0FFRSx5Q0FBMEMsQ0FFMUMsNkNBQThDLENBSDlDLGNBQWUsQ0FFZixpQkFFRixDQUNBLHdDQU1FLGdEQUFpRCxDQURqRCxRQUFTLENBSlQsVUFBVyxDQUdYLE1BQU8sQ0FGUCxpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLDJDQUVFLHFCQUFzQixDQUR0QixjQUVGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucm93IHtcbiAgaGVpZ2h0OiAzLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkIHZhcigtLWxpZ2h0LWdyZXktYm9yZGVyKTtcbn1cbi5yb3c6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4uY29udGV4dC1tZW51IHtcbiAgd2lkdGg6IDQuMTI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufSJdfQ== */";
|
|
4
|
+
var classes = {"row":"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { classes as default };
|
|
@@ -109,9 +109,10 @@ const FileItemComponent = ({ name, status, error, progress, downloadFileLink, to
|
|
|
109
109
|
return (React.createElement(Typography, { variant: "body", title: name, className: `${classes["file-name"]} ${status ? classes[status] : ""}` },
|
|
110
110
|
status === "retry" && (React.createElement(Icon, { icon: Icons.Error, className: `${classes["file-icon"]} ${status ? classes[status] : ""}` })),
|
|
111
111
|
React.createElement(Icon, { icon: icons.fileIcon, className: classes["file-icon"] }),
|
|
112
|
-
React.createElement("span", { className: classes["friendly-name"] },
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
React.createElement("span", { className: classes["friendly-name"] },
|
|
113
|
+
friendlyName,
|
|
114
|
+
".",
|
|
115
|
+
extension)));
|
|
115
116
|
};
|
|
116
117
|
const getProgressBar = () => {
|
|
117
118
|
return (React.createElement(ProgressBar, { className: classes["progress-bar"], completed: progress, label: `${friendlyName}.${extension}`, percentage: totalPercentage }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n name: string;\n status?: UploadProgress;\n progress?: number;\n error?: string;\n downloadFileLink?: string;\n totalPercentage?: number;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n fileIcon: Icons;\n actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n DELETE = \"delete\",\n DOWNLOAD = \"download\",\n REMOVE = \"remove\",\n ABORT = \"abort\",\n RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n COMPLETED = \"completed\",\n UPLOADING = \"uploading\",\n ERROR = \"error\",\n RETRY = \"retry\",\n READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n name,\n status,\n error,\n progress,\n downloadFileLink,\n totalPercentage,\n onRequestedFileAction\n }: Props,\n ref\n) => {\n const determineIcons = (status?: UploadProgress): FileItemIcons => {\n switch (status) {\n case ACTION_STATUS.COMPLETED:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Trash,\n action: FILE_ACTION.DELETE\n },\n {\n type: Icons.DownloadFile,\n action: FILE_ACTION.DOWNLOAD\n }\n ]\n };\n case ACTION_STATUS.ERROR:\n return {\n fileIcon: Icons.Error,\n actionIcons: [\n {\n type: Icons.Times,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.UPLOADING:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.AbortFile,\n action: FILE_ACTION.ABORT\n }\n ]\n };\n case ACTION_STATUS.RETRY:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Refresh,\n action: FILE_ACTION.RETRY\n },\n {\n type: Icons.Trash,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.READONLY:\n default:\n return { fileIcon: Icons.FileAltIcon };\n }\n };\n\n const icons = determineIcons(status);\n\n const getFriendlyNameAndExtension = (name: string) => {\n const index = name.indexOf(\".\");\n return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n };\n\n const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n <Icon\n key={icon.action}\n title={icon.action}\n icon={icon.type}\n className={classes[\"action-icon\"]}\n ></Icon>\n );\n\n const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n return actionIcons.map(icon => (\n <Fragment key={icon.action}>\n {icon.action !== FILE_ACTION.DOWNLOAD && (\n <Button\n color=\"primary\"\n startIcon={getStartIcon(icon)}\n title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n type=\"button\"\n variant=\"text\"\n onClick={() =>\n icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n }\n >\n {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n </Button>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && (\n <Link\n color=\"primary\"\n display=\"link\"\n to={downloadFileLink}\n type=\"download\"\n target=\"_blank\"\n prefixIcon={\n <Icon\n key={icon.action}\n className={classes[\"action-icon\"]}\n title={icon.action}\n icon={icon.type}\n ></Icon>\n }\n >\n {icon.action}\n </Link>\n )}\n </Fragment>\n ));\n };\n\n const getUploadedFileInfo = () => {\n return (\n <Typography\n variant={\"body\"}\n title={name}\n className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n >\n {status === \"retry\" && (\n <Icon\n icon={Icons.Error}\n className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n />\n )}\n <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n </Typography>\n );\n };\n\n const getProgressBar = () => {\n return (\n <ProgressBar\n className={classes[\"progress-bar\"]}\n completed={progress}\n label={`${friendlyName}.${extension}`}\n percentage={totalPercentage}\n />\n );\n };\n\n return (\n <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n <div className={classes[\"file-list-container\"]}>\n {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n <div\n className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n >\n {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n <div className={classes[\"action-button-wrapper\"]}>\n {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n </div>\n </div>\n </div>\n {error && (\n <Typography\n variant={\"sub-text\"}\n className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n >\n {error}\n </Typography>\n )}\n </div>\n );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n name: string;\n status?: UploadProgress;\n progress?: number;\n error?: string;\n downloadFileLink?: string;\n totalPercentage?: number;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n fileIcon: Icons;\n actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n DELETE = \"delete\",\n DOWNLOAD = \"download\",\n REMOVE = \"remove\",\n ABORT = \"abort\",\n RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n COMPLETED = \"completed\",\n UPLOADING = \"uploading\",\n ERROR = \"error\",\n RETRY = \"retry\",\n READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n name,\n status,\n error,\n progress,\n downloadFileLink,\n totalPercentage,\n onRequestedFileAction\n }: Props,\n ref\n) => {\n const determineIcons = (status?: UploadProgress): FileItemIcons => {\n switch (status) {\n case ACTION_STATUS.COMPLETED:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Trash,\n action: FILE_ACTION.DELETE\n },\n {\n type: Icons.DownloadFile,\n action: FILE_ACTION.DOWNLOAD\n }\n ]\n };\n case ACTION_STATUS.ERROR:\n return {\n fileIcon: Icons.Error,\n actionIcons: [\n {\n type: Icons.Times,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.UPLOADING:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.AbortFile,\n action: FILE_ACTION.ABORT\n }\n ]\n };\n case ACTION_STATUS.RETRY:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Refresh,\n action: FILE_ACTION.RETRY\n },\n {\n type: Icons.Trash,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.READONLY:\n default:\n return { fileIcon: Icons.FileAltIcon };\n }\n };\n\n const icons = determineIcons(status);\n\n const getFriendlyNameAndExtension = (name: string) => {\n const index = name.indexOf(\".\");\n return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n };\n\n const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n <Icon\n key={icon.action}\n title={icon.action}\n icon={icon.type}\n className={classes[\"action-icon\"]}\n ></Icon>\n );\n\n const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n return actionIcons.map(icon => (\n <Fragment key={icon.action}>\n {icon.action !== FILE_ACTION.DOWNLOAD && (\n <Button\n color=\"primary\"\n startIcon={getStartIcon(icon)}\n title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n type=\"button\"\n variant=\"text\"\n onClick={() =>\n icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n }\n >\n {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n </Button>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && (\n <Link\n color=\"primary\"\n display=\"link\"\n to={downloadFileLink}\n type=\"download\"\n target=\"_blank\"\n prefixIcon={\n <Icon\n key={icon.action}\n className={classes[\"action-icon\"]}\n title={icon.action}\n icon={icon.type}\n ></Icon>\n }\n >\n {icon.action}\n </Link>\n )}\n </Fragment>\n ));\n };\n\n const getUploadedFileInfo = () => {\n return (\n <Typography\n variant={\"body\"}\n title={name}\n className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n >\n {status === \"retry\" && (\n <Icon\n icon={Icons.Error}\n className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n />\n )}\n <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n <span className={classes[\"friendly-name\"]}>\n {friendlyName}.{extension}\n </span>\n </Typography>\n );\n };\n\n const getProgressBar = () => {\n return (\n <ProgressBar\n className={classes[\"progress-bar\"]}\n completed={progress}\n label={`${friendlyName}.${extension}`}\n percentage={totalPercentage}\n />\n );\n };\n\n return (\n <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n <div className={classes[\"file-list-container\"]}>\n {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n <div\n className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n >\n {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n <div className={classes[\"action-button-wrapper\"]}>\n {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n </div>\n </div>\n </div>\n {error && (\n <Typography\n variant={\"sub-text\"}\n className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n >\n {error}\n </Typography>\n )}\n </div>\n );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":[],"mappings":"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"}
|