npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.84 → 25.18.1-beta.85 - Mend

udp-react-enterprise-component-library 25.18.1-beta.84 → 25.18.1-beta.85

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

Files changed (391) hide show

package/dist/{CrudTableSidePanel-Dw8gZSqR.js.map → CrudTableSidePanel-D8UYaXhS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CrudTableSidePanel-~~Dw8gZSqR~~.js","names":[],"sources":["../src/maintenanceEngine/entityAttributeActions.js","../src/maintenanceEngine/crudBrowser/CrudTableSidePanel.jsx"],"sourcesContent":["export const UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE = [\n 'businessObjectKey',\n 'clusterId',\n 'data',\n 'domainName'\n];\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { CrudForm } from '../../UI/forms/CrudForm';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE } from '../entityAttributeActions';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n divider: {\n marginTop: theme.spacing(2)\n }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const CrudTableSidePanel = (props) => {\n const {\n entityAttributes,\n udpFieldInfos,\n foreignKeyData,\n crudTableEditionData,\n closeSideSheet,\n onCreate,\n onUpdate,\n pageId,\n setSideSheetWidth,\n setSideSheetButtonLabel,\n setSideSheetOnSubmit,\n setSideSheetProps,\n isNewEntry,\n entityData,\n entityName\n } = props;\n const user = useUser();\n const classes = useStyles();\n\n const [{ data: page, loading: loadingPage }] = useAxiosGet(\n ConfigService.tenantV1ApiUrl,\n `page/${pageId}`,\n {},\n !!!pageId,\n false\n );\n\n const skeleton = useMemo(() => {\n const skeletonArr = [];\n for (let i = 0; i < FIELD_NUMBER; i++) {\n skeletonArr.push(\n <>\n <Skeleton key={i} variant='rect' className={classes.skeleton} />\n <LayoutUnit unit='xxs' />\n </>\n );\n }\n return skeletonArr;\n }, [classes]);\n\n // LAA UNT-3026: Remove businessObjectKey field from the side panel crud form\n const filteredEntityAttributes = useMemo(() => {\n if (entityName?.toLowerCase().includes(UdpEnums.Udp_Lookup.toLowerCase())) {\n return entityAttributes.filter(\n (attr) => !UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE.includes(attr.name)\n );\n }\n return entityAttributes.filter((attr) => attr.name !== 'businessObjectKey');\n }, [entityAttributes, entityName]);\n\n const sideSheetContent = useMemo(() => {\n if (page) {\n return (\n <DndProvider backend={HTML5Backend}>\n <PageContainer\n user={user}\n key={pageId}\n pageData={page}\n widgetParams={{\n pageId: page?.pageId,\n entityAttributes: filteredEntityAttributes,\n entityData: entityData,\n entityName: entityName,\n foreignKeyData: foreignKeyData,\n isNewEntry: isNewEntry,\n udpFieldInfos: udpFieldInfos,\n nodeObj: crudTableEditionData,\n setSideSheetWidth: setSideSheetWidth,\n setSideSheetButtonLabel: setSideSheetButtonLabel,\n setSideSheetOnSubmit: setSideSheetOnSubmit,\n closeSideSheet: closeSideSheet,\n setSideSheetProps: setSideSheetProps,\n onCreate: onCreate,\n onUpdate: onUpdate\n }}\n disableMargins={true}\n />\n </DndProvider>\n );\n } else {\n return (\n <>\n <CrudForm\n entityAttributes={filteredEntityAttributes}\n udpFieldInfos={udpFieldInfos}\n foreignKeyData={foreignKeyData}\n crudTableEditionData={crudTableEditionData}\n closeSideSheet={closeSideSheet}\n onCreate={onCreate}\n onUpdate={onUpdate}\n isNewEntry={isNewEntry}\n entityData={entityData}\n entityName={entityName}\n />\n <div className={classes.divider}>\n <Divider />\n </div>\n </>\n );\n }\n }, [\n page,\n user,\n pageId,\n setSideSheetWidth,\n setSideSheetButtonLabel,\n setSideSheetOnSubmit,\n setSideSheetProps,\n closeSideSheet,\n onCreate,\n onUpdate,\n filteredEntityAttributes,\n foreignKeyData,\n isNewEntry,\n entityData,\n classes,\n entityName,\n udpFieldInfos,\n crudTableEditionData\n ]);\n\n return (\n <div>\n {loadingPage ? (\n <>\n {skeleton.map((sk) => sk)}\n <LayoutUnit unit='md' />\n <Skeleton variant='rect' className={classes.skeletonButton} />\n </>\n ) : (\n sideSheetContent\n )}\n </div>\n );\n};\n\nCrudTableSidePanel.propTypes = {\n /*\n Entity attributes for selected entity within catalog\n /\n entityAttributes: PropTypes.array,\n /\n Foreign key data for selected entity within catalog\n /\n foreignKeyData: PropTypes.array,\n /\n Entity data\n /\n crudTableEditionData: PropTypes.array,\n /\n onClick event for closing sidesheet\n /\n closeSideSheet: PropTypes.func,\n /\n onClick event for creating\n /\n onCreate: PropTypes.func,\n /\n onClick event for updating\n */\n onUpdate: PropTypes.func\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,MAAa,uCAAuC;CAClD;CACA;CACA;CACA;CACD;;;;ACUD,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAM,eAAe;AAErB,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,kBACA,eACA,gBACA,sBACA,gBACA,UACA,UACA,QACA,mBACA,yBACA,sBACA,mBACA,YACA,YACA,eACE;CACJ,MAAM,OAAO,SAAS;CACtB,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,EAAE,MAAM,MAAM,SAAS,iBAAiB,YAC7C,cAAc,gBACd,QAAQ,UACR,EAAE,EACF,CAAC,CAAC,CAAC,QACH,MACD;CAED,MAAM,WAAW,cAAc;EAC7B,MAAM,cAAc,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAChC,aAAY,KACV,0DACE,oCAAC;GAAS,KAAK;GAAG,SAAQ;GAAO,WAAW,QAAQ;IAAY,EAChE,oCAAC,cAAW,MAAK,QAAQ,CACxB,CACJ;AAEH,SAAO;IACN,CAAC,QAAQ,CAAC;CAGb,MAAM,2BAA2B,cAAc;AAC7C,MAAI,YAAY,aAAa,CAAC,SAAS,SAAS,WAAW,aAAa,CAAC,CACvE,QAAO,iBAAiB,QACrB,SAAS,CAAC,qCAAqC,SAAS,KAAK,KAAK,CACpE;AAEH,SAAO,iBAAiB,QAAQ,SAAS,KAAK,SAAS,oBAAoB;IAC1E,CAAC,kBAAkB,WAAW,CAAC;CAElC,MAAM,mBAAmB,cAAc;AACrC,MAAI,KACF,QACE,oCAAC,eAAY,SAAS,gBACpB,oCAAC;GACO;GACN,KAAK;GACL,UAAU;GACV,cAAc;IACZ,QAAQ,MAAM;IACd,kBAAkB;IACN;IACA;IACI;IACJ;IACG;IACf,SAAS;IACU;IACM;IACH;IACN;IACG;IACT;IACA;IACX;GACD,gBAAgB;IAChB,CACU;MAGhB,QACE,0DACE,oCAAC;GACC,kBAAkB;GACH;GACC;GACM;GACN;GACN;GACA;GACE;GACA;GACA;IACZ,EACF,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAU,CACP,CACL;IAGN;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oCAAC,aACE,cACC,0DACG,SAAS,KAAK,OAAO,GAAG,EACzB,oCAAC,cAAW,MAAK,OAAO,EACxB,oCAAC;EAAS,SAAQ;EAAO,WAAW,QAAQ;GAAkB,CAC7D,GAEH,iBAEE;;AAIV,mBAAmB,YAAY;CAI7B,kBAAkB,UAAU;CAI5B,gBAAgB,UAAU;CAI1B,sBAAsB,UAAU;CAIhC,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}
1	+ {"version":3,"file":"CrudTableSidePanel-D8UYaXhS.js","names":[],"sources":["../src/maintenanceEngine/entityAttributeActions.js","../src/maintenanceEngine/crudBrowser/CrudTableSidePanel.jsx"],"sourcesContent":["export const UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE = [\n 'businessObjectKey',\n 'clusterId',\n 'data',\n 'domainName'\n];\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { CrudForm } from '../../UI/forms/CrudForm';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE } from '../entityAttributeActions';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n divider: {\n marginTop: theme.spacing(2)\n }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const CrudTableSidePanel = (props) => {\n const {\n entityAttributes,\n udpFieldInfos,\n foreignKeyData,\n crudTableEditionData,\n closeSideSheet,\n onCreate,\n onUpdate,\n pageId,\n setSideSheetWidth,\n setSideSheetButtonLabel,\n setSideSheetOnSubmit,\n setSideSheetProps,\n isNewEntry,\n entityData,\n entityName\n } = props;\n const user = useUser();\n const classes = useStyles();\n\n const [{ data: page, loading: loadingPage }] = useAxiosGet(\n ConfigService.tenantV1ApiUrl,\n `page/${pageId}`,\n {},\n !!!pageId,\n false\n );\n\n const skeleton = useMemo(() => {\n const skeletonArr = [];\n for (let i = 0; i < FIELD_NUMBER; i++) {\n skeletonArr.push(\n <>\n <Skeleton key={i} variant='rect' className={classes.skeleton} />\n <LayoutUnit unit='xxs' />\n </>\n );\n }\n return skeletonArr;\n }, [classes]);\n\n // LAA UNT-3026: Remove businessObjectKey field from the side panel crud form\n const filteredEntityAttributes = useMemo(() => {\n if (entityName?.toLowerCase().includes(UdpEnums.Udp_Lookup.toLowerCase())) {\n return entityAttributes.filter(\n (attr) => !UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE.includes(attr.name)\n );\n }\n return entityAttributes.filter((attr) => attr.name !== 'businessObjectKey');\n }, [entityAttributes, entityName]);\n\n const sideSheetContent = useMemo(() => {\n if (page) {\n return (\n <DndProvider backend={HTML5Backend}>\n <PageContainer\n user={user}\n key={pageId}\n pageData={page}\n widgetParams={{\n pageId: page?.pageId,\n entityAttributes: filteredEntityAttributes,\n entityData: entityData,\n entityName: entityName,\n foreignKeyData: foreignKeyData,\n isNewEntry: isNewEntry,\n udpFieldInfos: udpFieldInfos,\n nodeObj: crudTableEditionData,\n setSideSheetWidth: setSideSheetWidth,\n setSideSheetButtonLabel: setSideSheetButtonLabel,\n setSideSheetOnSubmit: setSideSheetOnSubmit,\n closeSideSheet: closeSideSheet,\n setSideSheetProps: setSideSheetProps,\n onCreate: onCreate,\n onUpdate: onUpdate\n }}\n disableMargins={true}\n />\n </DndProvider>\n );\n } else {\n return (\n <>\n <CrudForm\n entityAttributes={filteredEntityAttributes}\n udpFieldInfos={udpFieldInfos}\n foreignKeyData={foreignKeyData}\n crudTableEditionData={crudTableEditionData}\n closeSideSheet={closeSideSheet}\n onCreate={onCreate}\n onUpdate={onUpdate}\n isNewEntry={isNewEntry}\n entityData={entityData}\n entityName={entityName}\n />\n <div className={classes.divider}>\n <Divider />\n </div>\n </>\n );\n }\n }, [\n page,\n user,\n pageId,\n setSideSheetWidth,\n setSideSheetButtonLabel,\n setSideSheetOnSubmit,\n setSideSheetProps,\n closeSideSheet,\n onCreate,\n onUpdate,\n filteredEntityAttributes,\n foreignKeyData,\n isNewEntry,\n entityData,\n classes,\n entityName,\n udpFieldInfos,\n crudTableEditionData\n ]);\n\n return (\n <div>\n {loadingPage ? (\n <>\n {skeleton.map((sk) => sk)}\n <LayoutUnit unit='md' />\n <Skeleton variant='rect' className={classes.skeletonButton} />\n </>\n ) : (\n sideSheetContent\n )}\n </div>\n );\n};\n\nCrudTableSidePanel.propTypes = {\n /*\n Entity attributes for selected entity within catalog\n /\n entityAttributes: PropTypes.array,\n /\n Foreign key data for selected entity within catalog\n /\n foreignKeyData: PropTypes.array,\n /\n Entity data\n /\n crudTableEditionData: PropTypes.array,\n /\n onClick event for closing sidesheet\n /\n closeSideSheet: PropTypes.func,\n /\n onClick event for creating\n /\n onCreate: PropTypes.func,\n /\n onClick event for updating\n */\n onUpdate: PropTypes.func\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,MAAa,uCAAuC;CAClD;CACA;CACA;CACA;CACD;;;;ACUD,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAM,eAAe;AAErB,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,kBACA,eACA,gBACA,sBACA,gBACA,UACA,UACA,QACA,mBACA,yBACA,sBACA,mBACA,YACA,YACA,eACE;CACJ,MAAM,OAAO,SAAS;CACtB,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,EAAE,MAAM,MAAM,SAAS,iBAAiB,YAC7C,cAAc,gBACd,QAAQ,UACR,EAAE,EACF,CAAC,CAAC,CAAC,QACH,MACD;CAED,MAAM,WAAW,cAAc;EAC7B,MAAM,cAAc,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAChC,aAAY,KACV,0DACE,oCAAC;GAAS,KAAK;GAAG,SAAQ;GAAO,WAAW,QAAQ;IAAY,EAChE,oCAAC,cAAW,MAAK,QAAQ,CACxB,CACJ;AAEH,SAAO;IACN,CAAC,QAAQ,CAAC;CAGb,MAAM,2BAA2B,cAAc;AAC7C,MAAI,YAAY,aAAa,CAAC,SAAS,SAAS,WAAW,aAAa,CAAC,CACvE,QAAO,iBAAiB,QACrB,SAAS,CAAC,qCAAqC,SAAS,KAAK,KAAK,CACpE;AAEH,SAAO,iBAAiB,QAAQ,SAAS,KAAK,SAAS,oBAAoB;IAC1E,CAAC,kBAAkB,WAAW,CAAC;CAElC,MAAM,mBAAmB,cAAc;AACrC,MAAI,KACF,QACE,oCAAC,eAAY,SAAS,gBACpB,oCAAC;GACO;GACN,KAAK;GACL,UAAU;GACV,cAAc;IACZ,QAAQ,MAAM;IACd,kBAAkB;IACN;IACA;IACI;IACJ;IACG;IACf,SAAS;IACU;IACM;IACH;IACN;IACG;IACT;IACA;IACX;GACD,gBAAgB;IAChB,CACU;MAGhB,QACE,0DACE,oCAAC;GACC,kBAAkB;GACH;GACC;GACM;GACN;GACN;GACA;GACE;GACA;GACA;IACZ,EACF,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAU,CACP,CACL;IAGN;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oCAAC,aACE,cACC,0DACG,SAAS,KAAK,OAAO,GAAG,EACzB,oCAAC,cAAW,MAAK,OAAO,EACxB,oCAAC;EAAS,SAAQ;EAAO,WAAW,QAAQ;GAAkB,CAC7D,GAEH,iBAEE;;AAIV,mBAAmB,YAAY;CAI7B,kBAAkB,UAAU;CAI5B,gBAAgB,UAAU;CAI1B,sBAAsB,UAAU;CAIhC,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}

package/dist/{DataBrowserContainer-D4gJ66IC.js → DataBrowserContainer-DGEL52Un.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import { t as ActionsRenderer } from "./ActionsRenderer-DbrPKZ1o.js";
 import { t as useLookupsStore } from "./lookupsStore-DPI8oD9R.js";
 import { t as useQueryExecutors } from "./useQueryExecutors-DuuHrj2M.js";
 import { t as SearchServiceDatasource } from "./SearchServiceDatasource-D8egrLwe.js";
-import { t as CrudTableSidePanel } from "./CrudTableSidePanel-Dw8gZSqR.js";
+import { t as CrudTableSidePanel } from "./CrudTableSidePanel-D8UYaXhS.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useHistory } from "react-router-dom";
 import { AddIcon, ConfigurationSolidIcon, LookupEntitiesIcon } from "@fluentui/react-icons";
@@ -394,4 +394,4 @@ const DataBrowserContainer = (props) => {
 //#endregion
 export { DataBrowserColumnDefs as n, defaultColActionsDef as r, DataBrowserContainer as t };
-//# sourceMappingURL=DataBrowserContainer-D4gJ66IC.js.map
+//# sourceMappingURL=DataBrowserContainer-DGEL52Un.js.map

package/dist/{DataBrowserContainer-D4gJ66IC.js.map → DataBrowserContainer-DGEL52Un.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataBrowserContainer-D4gJ66IC.js","names":["filterChipsArray"],"sources":["../src/dataBrowser/DataBrowserColumnDefs.js","../src/dataBrowser/DataBrowserContainer.jsx"],"sourcesContent":["import {\n toTitleCase,\n toLowerFirstChar\n} from '../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n headerName: '',\n field: '',\n minWidth: 80,\n autoHeight: false,\n sortable: false\n};\n\nexport const DataBrowserColumnDefs = (\n entityAttributes,\n actionList,\n isServerSide,\n queryColumnsData,\n columnName = 'Actions',\n crudTableActionRenderName = 'actionsRenderer',\n panelDirection = 'right'\n) => {\n const childEntityAttributes = entityAttributes?.reduce((defs, element) => {\n if (element?.extendedProperties?.childEntity) {\n defs.push(element);\n }\n return defs;\n }, []);\n\n let shownColumns = [];\n let hiddenColumns = [];\n\n entityAttributes?.forEach((element) => {\n if (!element?.extendedProperties?.childEntity) {\n let matchingColumn = null;\n const matchingColumnIndex = queryColumnsData.findIndex(\n (column) => column.name === element?.name\n );\n\n if (matchingColumnIndex >= 0) {\n matchingColumn = queryColumnsData[matchingColumnIndex];\n }\n\n // update column header if attribute has a child entity\n const childEntity = childEntityAttributes.find(\n (ea) =>\n Object.keys(ea?.extendedProperties?.childEntityAssoc \|\| {}).length &&\n !ea?.extendedProperties?.childEntityAssoc?.UdpType &&\n ea?.name === element?.name &&\n ea?.extendedProperties?.childEntityAssoc.Keys.find((k) =>\n toLowerFirstChar(k).includes(element?.name)\n )\n );\n\n let columnHeaderName = toTitleCase(\n childEntity ? childEntity?.reference : element?.name\n );\n\n if (matchingColumn) {\n columnHeaderName = toTitleCase(\n childEntity\n ? childEntity?.reference\n : matchingColumn?.alias \|\| matchingColumn?.name\n );\n }\n\n let def = {\n ...defaultGridColumn,\n headerName: columnHeaderName,\n field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n hide: !matchingColumn\n };\n\n if (element?.extendedProperties?.searchable && isServerSide) {\n def = {\n ...def,\n filter: 'agTextColumnFilter',\n filterParams: {\n suppressAndOrCondition: true,\n filterOptions: [\n 'equals',\n 'contains',\n 'notEqual',\n 'greaterThan',\n 'lessThan',\n 'greaterThanOrEqual',\n 'lessThanOrEqual'\n ]\n },\n enableRowGroup: true\n };\n }\n if (element?.extendedProperties?.orderable \|\| !isServerSide) {\n def = {\n ...def,\n sortable: true\n };\n }\n\n if (matchingColumn) {\n shownColumns[matchingColumnIndex] = def;\n } else {\n hiddenColumns.push(def);\n }\n }\n });\n\n let columnDefs = shownColumns.concat(hiddenColumns);\n\n columnDefs.push({\n headerName:\n crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n filter: false,\n pinned: panelDirection,\n width: 150,\n maxWidth: 180,\n cellRenderer: crudTableActionRenderName,\n cellRendererParams: {\n actionList\n },\n valueGetter: (params) => params.data,\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n });\n\n return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n resizable: true,\n editable: false,\n sortable: false,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { AmbientGridTemplate } from '../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../UI/templates/ui/renderers/ActionsRenderer';\nimport { DataBrowserColumnDefs } from './DataBrowserColumnDefs';\nimport {\n AddIcon,\n LookupEntitiesIcon,\n ConfigurationSolidIcon\n} from '@fluentui/react-icons';\nimport { CrudTableSidePanel } from '../maintenanceEngine/crudBrowser/CrudTableSidePanel';\nimport { format } from 'date-fns';\nimport { findTermByType } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../enums/unitySystemEnums';\nimport {\n executeQueryAdHoc,\n executeQueryWithParameters\n} from '../udp/utilities/methodUtils';\nimport { useAgGridApi } from '../utilities/aggrid/AgTable';\nimport { SearchServiceDatasource } from '../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useUser } from '../utilities/auth/useUser';\nimport {\n toTitleCase,\n toUpperFirstChar\n} from '../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { useQueryExecutors } from '../hooks/useQueryExecutors';\nimport { useLookupsStore } from '../stores/lookupsStore';\nimport { SqlFilterOperators } from '../enums/aggridEnums';\nimport { useBuildEnvironment } from '../shell/ui/useBuildEnvironment';\nimport { usePromotedMethodEntity } from '../hooks/usePromotedMethodEntity';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const DataBrowserContainer = (props) => {\n const {\n entityData,\n actionList,\n onCreate,\n entityAttributes,\n foreignKeyData,\n isLoading,\n promotedEntity,\n setEntityData,\n apiMethod,\n isServerSide = false,\n setGridApi,\n filterElements,\n backToConfigPage,\n queryColumnsData,\n lookupsMap = {},\n ...other\n } = props;\n const [isSheetOpen, setSheetOpen] = useState(false);\n const [sideSheetWidth, setSideSheetWidth] = useState(600);\n const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n () => () => console.warn('onSubmit not set')\n );\n const [filterChipsArray, setFilterChipsArray] = useState([]);\n const [searchFilterElements, setSearchFilterElements] =\n useState(filterElements);\n const [entityUdpObjectInfo, setEntityUdpObjectInfo] = useState(null);\n const { t } = useTranslation();\n const history = useHistory();\n const user = useUser();\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const { executeQueryAdHocAndMapLookups, getCleanData } = useQueryExecutors();\n const lookupApiMethodId = useLookupsStore((state) => state.lookupApiMethodId);\n const buildEnv = useBuildEnvironment();\n const closeSheet = useCallback(() => {\n setSheetOpen(false);\n }, []);\n\n const { data: udpObjectInfoEntity } = usePromotedMethodEntity(\n 'udpObjectInfo',\n true\n );\n\n const entityName = useMemo(() => {\n if (!promotedEntity) return '';\n return promotedEntity.entityName \|\| '';\n }, [promotedEntity]);\n\n const commonEntityName = useMemo(() => {\n if (!entityName \|\| !entityUdpObjectInfo) return '';\n return toTitleCase(\n entityUdpObjectInfo?.properties?.displayName \|\|\n getSanitizedName(entityName)\n );\n }, [entityName, entityUdpObjectInfo]);\n\n const createApiMethodPageId = useMemo(() => {\n return promotedEntity?.unityBaseCreateMethod?.pageId;\n }, [promotedEntity]);\n\n const secondaryActionButtons = useMemo(() => {\n const actions = [];\n if (backToConfigPage) {\n actions.push({\n onClick: backToConfigPage,\n label: t('Back To Config'),\n icon: ConfigurationSolidIcon,\n tooltip: t('Back To Config'),\n background: 'transparent'\n });\n }\n // actions.push({\n // onClick: () => {},\n // label: t('Load to Tree'),\n // icon: UploadIcon,\n // tooltip: t('Load to Tree'),\n // background: 'transparent'\n // });\n return actions;\n }, [backToConfigPage, t]);\n\n const virtualActions = useMemo(() => {\n return [\n // Action for opening Virtual Configuration\n {\n id: 3,\n title: t('Open Virtual Table'),\n icon: LookupEntitiesIcon,\n loading: !!!foreignKeyData,\n onClick: (value) => {\n history.push({\n pathname: `/virtual/${value.id}`,\n search: `?entityName=${entityName}`,\n state: {\n value,\n promotedEntity,\n label: value.name\n }\n });\n },\n checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n }\n ];\n }, [entityName, t, history, promotedEntity, foreignKeyData]);\n\n const jointActionList = useMemo(() => {\n if (!actionList) {\n return [];\n }\n // Check if it's a udp lookup entity\n if (entityName.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase()) {\n return [...actionList, ...virtualActions];\n }\n return actionList;\n }, [actionList, virtualActions, entityName]);\n\n const columnDefs = useMemo(() => {\n return DataBrowserColumnDefs(\n entityAttributes,\n jointActionList,\n true,\n queryColumnsData\n );\n }, [entityAttributes, jointActionList, queryColumnsData]);\n\n const groupData = useMemo(() => {\n return columnDefs?.map((item) => {\n return {\n groupItem: item.field,\n label: item.headerName,\n value: item.field\n };\n });\n }, [columnDefs]);\n\n const SideOptionList = useMemo(\n () => (\n <SideSheet\n open={isSheetOpen}\n onClose={closeSheet}\n title={`Add New ${commonEntityName}`}\n width={sideSheetWidth}\n buttonLabel={sideSheetButtonLabel}\n onSubmit={sideSheetOnSubmit}\n {...otherSideSheetProps}\n >\n <CrudTableSidePanel\n entityAttributes={entityAttributes}\n foreignKeyData={foreignKeyData}\n onCreate={onCreate}\n closeSideSheet={closeSheet}\n pageId={createApiMethodPageId}\n setSideSheetWidth={setSideSheetWidth}\n setSideSheetButtonLabel={setSideSheetButtonLabel}\n setSideSheetOnSubmit={setSideSheetOnSubmit}\n setSideSheetProps={setOtherSideSheetProps}\n isNewEntry={true}\n entityData={entityData}\n entityName={entityName}\n />\n </SideSheet>\n ),\n [\n isSheetOpen,\n closeSheet,\n entityName,\n sideSheetWidth,\n sideSheetButtonLabel,\n sideSheetOnSubmit,\n entityAttributes,\n foreignKeyData,\n onCreate,\n createApiMethodPageId,\n entityData,\n otherSideSheetProps,\n commonEntityName\n ]\n );\n\n const getLookupResults = useCallback(async () => {\n if (!lookupsMap \|\| !lookupApiMethodId) return null;\n const lookupToFilterOn = Object.values(lookupsMap).find(\n (item) => item.filterOn\n );\n const lookupId = lookupToFilterOn?.value \|\| '';\n if (lookupId) {\n const lookupResult = await executeQueryWithParameters(\n { data: { id: lookupId } },\n lookupApiMethodId\n );\n return lookupResult;\n }\n return null;\n }, [lookupsMap, lookupApiMethodId]);\n\n const formattedData = useMemo(() => {\n if (entityData) {\n let formattedEntityData = cloneDeep(entityData);\n\n // get list of attributes that are datetime\n const datetimeFields = entityAttributes?.reduce((defs, element) => {\n if (\n !element?.extendedProperties?.childEntity &&\n findTermByType(element?.type, 'datetime')\n ) {\n defs.push(\n element?.name.charAt(0).toLowerCase() + element?.name.slice(1)\n );\n }\n return defs;\n }, []);\n\n if (datetimeFields?.length) {\n formattedEntityData.forEach((e) => {\n Object.keys(e).forEach((key) => {\n // format all datetime fields\n if (datetimeFields.find((field) => field === key)) {\n // LAA UNT-2977: add null check to prevent default date from being added when null\n if (e[key] === null) return;\n e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n }\n });\n });\n }\n\n return formattedEntityData;\n }\n return [];\n }, [entityAttributes, entityData]);\n\n const handleChipToggle = useCallback(\n (chip) => {\n if (isServerSide && chip && chip.filterValue && chip.keyName) {\n const updatedSearchFilterElements = [...searchFilterElements];\n const chipFilterElement = {\n searchValue: chip.filterValue,\n searchField: toUpperFirstChar(chip.keyName),\n searchOperator: SqlFilterOperators.EQUALS\n };\n updatedSearchFilterElements.push(chipFilterElement);\n setSearchFilterElements(updatedSearchFilterElements);\n } else {\n // TODO: handle client side filter chips\n }\n },\n [isServerSide, searchFilterElements]\n );\n\n const handleChipUntoggle = useCallback(() => {\n setSearchFilterElements(filterElements);\n }, [filterElements]);\n\n const setFilterChips = useCallback(async () => {\n let filterChipsArray = [];\n\n // A list of all the products (for product lookup)\n const lookup = await getLookupResults();\n const lookupResults = lookup?.data;\n\n if (!lookupResults) {\n setFilterChipsArray([]);\n return; // no lookup results\n }\n\n let keyName = lookupResults.keyName;\n const valueName = lookupResults.valueName;\n\n const lookupToFilterOn = Object.values(lookupsMap).find(\n (item) => item.filterOn\n );\n\n let chipKey = keyName;\n const lookupMapKeys = Object.keys(lookupsMap);\n for (let i = 0; i < lookupMapKeys.length; i++) {\n const key = lookupMapKeys[i];\n if (lookupsMap[key].value === lookupToFilterOn?.value) {\n chipKey = key;\n break;\n }\n }\n\n // Add the chips\n for (let i = 0; i < lookupResults?.data.length; i++) {\n const lookupResult = lookupResults.data[i];\n\n const label = lookupResult[valueName];\n const numRows = formattedData?.filter(\n (obj) => obj[keyName] === label\n )?.length;\n\n let chipData = {\n label: `${label}`,\n value: !isServerSide ? numRows \|\| '' : '',\n filterValue: lookupResult[keyName],\n id: i,\n keyName: chipKey\n };\n chipData.onToggle = () => handleChipToggle(chipData);\n chipData.onUntoggle = () => handleChipUntoggle();\n\n // Only add the chip if it has results and is not using server side\n if (!isServerSide && numRows > 0) {\n filterChipsArray.push(chipData);\n }\n if (isServerSide) {\n filterChipsArray.push(chipData);\n }\n }\n\n setFilterChipsArray(filterChipsArray);\n }, [\n getLookupResults,\n handleChipToggle,\n handleChipUntoggle,\n isServerSide,\n formattedData,\n lookupsMap\n ]);\n\n useEffect(() => {\n setFilterChips();\n }, [setFilterChips]);\n\n useEffect(() => {\n setSearchFilterElements(filterElements \|\| []);\n }, [filterElements]);\n\n useEffect(() => {\n if (!gridApi) return;\n if (setGridApi) {\n setGridApi(gridApi);\n }\n if (promotedEntity && isServerSide && lookupsMap) {\n let datasource = SearchServiceDatasource(\n null,\n promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n searchFilterElements,\n 1,\n executeQueryAdHocAndMapLookups,\n setEntityData,\n lookupsMap,\n false,\n getCleanData\n );\n // eslint-disable-next-line no-unused-expressions\n gridApi?.setServerSideDatasource(datasource);\n }\n }, [\n gridApi,\n promotedEntity,\n setEntityData,\n setGridApi,\n isServerSide,\n searchFilterElements,\n executeQueryAdHocAndMapLookups,\n lookupsMap,\n getCleanData\n ]);\n\n useEffect(() => {\n const executeSearchForEntityUdpObjectInfo = async (\n apiMethodId,\n sanitizedEntityName\n ) => {\n const filterElements = [\n {\n searchField: 'SanitizedName',\n searchOperator: '=',\n searchValue: sanitizedEntityName\n }\n ];\n const requestObj = getSearchObject(filterElements, 1, 50, false);\n const response = await executeQueryAdHoc(\n { data: requestObj },\n apiMethodId\n );\n if (response.status === 200) {\n const data = response?.data?.pageList[0];\n setEntityUdpObjectInfo(data);\n }\n };\n if (udpObjectInfoEntity?.unityBaseSearchMethod && entityName) {\n executeSearchForEntityUdpObjectInfo(\n udpObjectInfoEntity?.unityBaseSearchMethod?.apiMethodId,\n getSanitizedName(entityName)\n );\n }\n }, [udpObjectInfoEntity, entityName]);\n\n return (\n <>\n <AmbientGridTemplate\n gridId={GRID_ID}\n user={user}\n useNewHeader\n api={gridApi}\n onGridReady={onGridReady}\n columnApi={gridColumnApi}\n apiMethod={apiMethod}\n title={commonEntityName}\n data={!isServerSide && formattedData}\n columnDefs={columnDefs}\n groupingData={groupData}\n onPrimaryActionClick={() => setSheetOpen && setSheetOpen(true)}\n primaryActionLabel={t('Add')}\n primaryActionIcon={AddIcon}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n hideSearchBar={isServerSide}\n loading={isLoading}\n suppressScrollOnNewData\n dynamicSizing={false}\n // rowSelection='multiple'\n // rowMultiSelectWithClick={true}\n disableRowSelection={true}\n rowModelType={isServerSide ? 'serverSide' : null}\n serverSideStoreType={isServerSide ? 'partial' : null}\n cacheOverflowSize={isServerSide ? 2 : null}\n cacheBlockSize={isServerSide ? 20 : null}\n maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n secondaryActionButtons={secondaryActionButtons}\n filterChips={[...filterChipsArray]}\n {...other}\n />\n {SideOptionList}\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"DataBrowserContainer-DGEL52Un.js","names":["filterChipsArray"],"sources":["../src/dataBrowser/DataBrowserColumnDefs.js","../src/dataBrowser/DataBrowserContainer.jsx"],"sourcesContent":["import {\n toTitleCase,\n toLowerFirstChar\n} from '../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n headerName: '',\n field: '',\n minWidth: 80,\n autoHeight: false,\n sortable: false\n};\n\nexport const DataBrowserColumnDefs = (\n entityAttributes,\n actionList,\n isServerSide,\n queryColumnsData,\n columnName = 'Actions',\n crudTableActionRenderName = 'actionsRenderer',\n panelDirection = 'right'\n) => {\n const childEntityAttributes = entityAttributes?.reduce((defs, element) => {\n if (element?.extendedProperties?.childEntity) {\n defs.push(element);\n }\n return defs;\n }, []);\n\n let shownColumns = [];\n let hiddenColumns = [];\n\n entityAttributes?.forEach((element) => {\n if (!element?.extendedProperties?.childEntity) {\n let matchingColumn = null;\n const matchingColumnIndex = queryColumnsData.findIndex(\n (column) => column.name === element?.name\n );\n\n if (matchingColumnIndex >= 0) {\n matchingColumn = queryColumnsData[matchingColumnIndex];\n }\n\n // update column header if attribute has a child entity\n const childEntity = childEntityAttributes.find(\n (ea) =>\n Object.keys(ea?.extendedProperties?.childEntityAssoc \|\| {}).length &&\n !ea?.extendedProperties?.childEntityAssoc?.UdpType &&\n ea?.name === element?.name &&\n ea?.extendedProperties?.childEntityAssoc.Keys.find((k) =>\n toLowerFirstChar(k).includes(element?.name)\n )\n );\n\n let columnHeaderName = toTitleCase(\n childEntity ? childEntity?.reference : element?.name\n );\n\n if (matchingColumn) {\n columnHeaderName = toTitleCase(\n childEntity\n ? childEntity?.reference\n : matchingColumn?.alias \|\| matchingColumn?.name\n );\n }\n\n let def = {\n ...defaultGridColumn,\n headerName: columnHeaderName,\n field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n hide: !matchingColumn\n };\n\n if (element?.extendedProperties?.searchable && isServerSide) {\n def = {\n ...def,\n filter: 'agTextColumnFilter',\n filterParams: {\n suppressAndOrCondition: true,\n filterOptions: [\n 'equals',\n 'contains',\n 'notEqual',\n 'greaterThan',\n 'lessThan',\n 'greaterThanOrEqual',\n 'lessThanOrEqual'\n ]\n },\n enableRowGroup: true\n };\n }\n if (element?.extendedProperties?.orderable \|\| !isServerSide) {\n def = {\n ...def,\n sortable: true\n };\n }\n\n if (matchingColumn) {\n shownColumns[matchingColumnIndex] = def;\n } else {\n hiddenColumns.push(def);\n }\n }\n });\n\n let columnDefs = shownColumns.concat(hiddenColumns);\n\n columnDefs.push({\n headerName:\n crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n filter: false,\n pinned: panelDirection,\n width: 150,\n maxWidth: 180,\n cellRenderer: crudTableActionRenderName,\n cellRendererParams: {\n actionList\n },\n valueGetter: (params) => params.data,\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n });\n\n return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n resizable: true,\n editable: false,\n sortable: false,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { AmbientGridTemplate } from '../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../UI/templates/ui/renderers/ActionsRenderer';\nimport { DataBrowserColumnDefs } from './DataBrowserColumnDefs';\nimport {\n AddIcon,\n LookupEntitiesIcon,\n ConfigurationSolidIcon\n} from '@fluentui/react-icons';\nimport { CrudTableSidePanel } from '../maintenanceEngine/crudBrowser/CrudTableSidePanel';\nimport { format } from 'date-fns';\nimport { findTermByType } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../enums/unitySystemEnums';\nimport {\n executeQueryAdHoc,\n executeQueryWithParameters\n} from '../udp/utilities/methodUtils';\nimport { useAgGridApi } from '../utilities/aggrid/AgTable';\nimport { SearchServiceDatasource } from '../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useUser } from '../utilities/auth/useUser';\nimport {\n toTitleCase,\n toUpperFirstChar\n} from '../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { useQueryExecutors } from '../hooks/useQueryExecutors';\nimport { useLookupsStore } from '../stores/lookupsStore';\nimport { SqlFilterOperators } from '../enums/aggridEnums';\nimport { useBuildEnvironment } from '../shell/ui/useBuildEnvironment';\nimport { usePromotedMethodEntity } from '../hooks/usePromotedMethodEntity';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const DataBrowserContainer = (props) => {\n const {\n entityData,\n actionList,\n onCreate,\n entityAttributes,\n foreignKeyData,\n isLoading,\n promotedEntity,\n setEntityData,\n apiMethod,\n isServerSide = false,\n setGridApi,\n filterElements,\n backToConfigPage,\n queryColumnsData,\n lookupsMap = {},\n ...other\n } = props;\n const [isSheetOpen, setSheetOpen] = useState(false);\n const [sideSheetWidth, setSideSheetWidth] = useState(600);\n const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n () => () => console.warn('onSubmit not set')\n );\n const [filterChipsArray, setFilterChipsArray] = useState([]);\n const [searchFilterElements, setSearchFilterElements] =\n useState(filterElements);\n const [entityUdpObjectInfo, setEntityUdpObjectInfo] = useState(null);\n const { t } = useTranslation();\n const history = useHistory();\n const user = useUser();\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const { executeQueryAdHocAndMapLookups, getCleanData } = useQueryExecutors();\n const lookupApiMethodId = useLookupsStore((state) => state.lookupApiMethodId);\n const buildEnv = useBuildEnvironment();\n const closeSheet = useCallback(() => {\n setSheetOpen(false);\n }, []);\n\n const { data: udpObjectInfoEntity } = usePromotedMethodEntity(\n 'udpObjectInfo',\n true\n );\n\n const entityName = useMemo(() => {\n if (!promotedEntity) return '';\n return promotedEntity.entityName \|\| '';\n }, [promotedEntity]);\n\n const commonEntityName = useMemo(() => {\n if (!entityName \|\| !entityUdpObjectInfo) return '';\n return toTitleCase(\n entityUdpObjectInfo?.properties?.displayName \|\|\n getSanitizedName(entityName)\n );\n }, [entityName, entityUdpObjectInfo]);\n\n const createApiMethodPageId = useMemo(() => {\n return promotedEntity?.unityBaseCreateMethod?.pageId;\n }, [promotedEntity]);\n\n const secondaryActionButtons = useMemo(() => {\n const actions = [];\n if (backToConfigPage) {\n actions.push({\n onClick: backToConfigPage,\n label: t('Back To Config'),\n icon: ConfigurationSolidIcon,\n tooltip: t('Back To Config'),\n background: 'transparent'\n });\n }\n // actions.push({\n // onClick: () => {},\n // label: t('Load to Tree'),\n // icon: UploadIcon,\n // tooltip: t('Load to Tree'),\n // background: 'transparent'\n // });\n return actions;\n }, [backToConfigPage, t]);\n\n const virtualActions = useMemo(() => {\n return [\n // Action for opening Virtual Configuration\n {\n id: 3,\n title: t('Open Virtual Table'),\n icon: LookupEntitiesIcon,\n loading: !!!foreignKeyData,\n onClick: (value) => {\n history.push({\n pathname: `/virtual/${value.id}`,\n search: `?entityName=${entityName}`,\n state: {\n value,\n promotedEntity,\n label: value.name\n }\n });\n },\n checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n }\n ];\n }, [entityName, t, history, promotedEntity, foreignKeyData]);\n\n const jointActionList = useMemo(() => {\n if (!actionList) {\n return [];\n }\n // Check if it's a udp lookup entity\n if (entityName.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase()) {\n return [...actionList, ...virtualActions];\n }\n return actionList;\n }, [actionList, virtualActions, entityName]);\n\n const columnDefs = useMemo(() => {\n return DataBrowserColumnDefs(\n entityAttributes,\n jointActionList,\n true,\n queryColumnsData\n );\n }, [entityAttributes, jointActionList, queryColumnsData]);\n\n const groupData = useMemo(() => {\n return columnDefs?.map((item) => {\n return {\n groupItem: item.field,\n label: item.headerName,\n value: item.field\n };\n });\n }, [columnDefs]);\n\n const SideOptionList = useMemo(\n () => (\n <SideSheet\n open={isSheetOpen}\n onClose={closeSheet}\n title={`Add New ${commonEntityName}`}\n width={sideSheetWidth}\n buttonLabel={sideSheetButtonLabel}\n onSubmit={sideSheetOnSubmit}\n {...otherSideSheetProps}\n >\n <CrudTableSidePanel\n entityAttributes={entityAttributes}\n foreignKeyData={foreignKeyData}\n onCreate={onCreate}\n closeSideSheet={closeSheet}\n pageId={createApiMethodPageId}\n setSideSheetWidth={setSideSheetWidth}\n setSideSheetButtonLabel={setSideSheetButtonLabel}\n setSideSheetOnSubmit={setSideSheetOnSubmit}\n setSideSheetProps={setOtherSideSheetProps}\n isNewEntry={true}\n entityData={entityData}\n entityName={entityName}\n />\n </SideSheet>\n ),\n [\n isSheetOpen,\n closeSheet,\n entityName,\n sideSheetWidth,\n sideSheetButtonLabel,\n sideSheetOnSubmit,\n entityAttributes,\n foreignKeyData,\n onCreate,\n createApiMethodPageId,\n entityData,\n otherSideSheetProps,\n commonEntityName\n ]\n );\n\n const getLookupResults = useCallback(async () => {\n if (!lookupsMap \|\| !lookupApiMethodId) return null;\n const lookupToFilterOn = Object.values(lookupsMap).find(\n (item) => item.filterOn\n );\n const lookupId = lookupToFilterOn?.value \|\| '';\n if (lookupId) {\n const lookupResult = await executeQueryWithParameters(\n { data: { id: lookupId } },\n lookupApiMethodId\n );\n return lookupResult;\n }\n return null;\n }, [lookupsMap, lookupApiMethodId]);\n\n const formattedData = useMemo(() => {\n if (entityData) {\n let formattedEntityData = cloneDeep(entityData);\n\n // get list of attributes that are datetime\n const datetimeFields = entityAttributes?.reduce((defs, element) => {\n if (\n !element?.extendedProperties?.childEntity &&\n findTermByType(element?.type, 'datetime')\n ) {\n defs.push(\n element?.name.charAt(0).toLowerCase() + element?.name.slice(1)\n );\n }\n return defs;\n }, []);\n\n if (datetimeFields?.length) {\n formattedEntityData.forEach((e) => {\n Object.keys(e).forEach((key) => {\n // format all datetime fields\n if (datetimeFields.find((field) => field === key)) {\n // LAA UNT-2977: add null check to prevent default date from being added when null\n if (e[key] === null) return;\n e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n }\n });\n });\n }\n\n return formattedEntityData;\n }\n return [];\n }, [entityAttributes, entityData]);\n\n const handleChipToggle = useCallback(\n (chip) => {\n if (isServerSide && chip && chip.filterValue && chip.keyName) {\n const updatedSearchFilterElements = [...searchFilterElements];\n const chipFilterElement = {\n searchValue: chip.filterValue,\n searchField: toUpperFirstChar(chip.keyName),\n searchOperator: SqlFilterOperators.EQUALS\n };\n updatedSearchFilterElements.push(chipFilterElement);\n setSearchFilterElements(updatedSearchFilterElements);\n } else {\n // TODO: handle client side filter chips\n }\n },\n [isServerSide, searchFilterElements]\n );\n\n const handleChipUntoggle = useCallback(() => {\n setSearchFilterElements(filterElements);\n }, [filterElements]);\n\n const setFilterChips = useCallback(async () => {\n let filterChipsArray = [];\n\n // A list of all the products (for product lookup)\n const lookup = await getLookupResults();\n const lookupResults = lookup?.data;\n\n if (!lookupResults) {\n setFilterChipsArray([]);\n return; // no lookup results\n }\n\n let keyName = lookupResults.keyName;\n const valueName = lookupResults.valueName;\n\n const lookupToFilterOn = Object.values(lookupsMap).find(\n (item) => item.filterOn\n );\n\n let chipKey = keyName;\n const lookupMapKeys = Object.keys(lookupsMap);\n for (let i = 0; i < lookupMapKeys.length; i++) {\n const key = lookupMapKeys[i];\n if (lookupsMap[key].value === lookupToFilterOn?.value) {\n chipKey = key;\n break;\n }\n }\n\n // Add the chips\n for (let i = 0; i < lookupResults?.data.length; i++) {\n const lookupResult = lookupResults.data[i];\n\n const label = lookupResult[valueName];\n const numRows = formattedData?.filter(\n (obj) => obj[keyName] === label\n )?.length;\n\n let chipData = {\n label: `${label}`,\n value: !isServerSide ? numRows \|\| '' : '',\n filterValue: lookupResult[keyName],\n id: i,\n keyName: chipKey\n };\n chipData.onToggle = () => handleChipToggle(chipData);\n chipData.onUntoggle = () => handleChipUntoggle();\n\n // Only add the chip if it has results and is not using server side\n if (!isServerSide && numRows > 0) {\n filterChipsArray.push(chipData);\n }\n if (isServerSide) {\n filterChipsArray.push(chipData);\n }\n }\n\n setFilterChipsArray(filterChipsArray);\n }, [\n getLookupResults,\n handleChipToggle,\n handleChipUntoggle,\n isServerSide,\n formattedData,\n lookupsMap\n ]);\n\n useEffect(() => {\n setFilterChips();\n }, [setFilterChips]);\n\n useEffect(() => {\n setSearchFilterElements(filterElements \|\| []);\n }, [filterElements]);\n\n useEffect(() => {\n if (!gridApi) return;\n if (setGridApi) {\n setGridApi(gridApi);\n }\n if (promotedEntity && isServerSide && lookupsMap) {\n let datasource = SearchServiceDatasource(\n null,\n promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n searchFilterElements,\n 1,\n executeQueryAdHocAndMapLookups,\n setEntityData,\n lookupsMap,\n false,\n getCleanData\n );\n // eslint-disable-next-line no-unused-expressions\n gridApi?.setServerSideDatasource(datasource);\n }\n }, [\n gridApi,\n promotedEntity,\n setEntityData,\n setGridApi,\n isServerSide,\n searchFilterElements,\n executeQueryAdHocAndMapLookups,\n lookupsMap,\n getCleanData\n ]);\n\n useEffect(() => {\n const executeSearchForEntityUdpObjectInfo = async (\n apiMethodId,\n sanitizedEntityName\n ) => {\n const filterElements = [\n {\n searchField: 'SanitizedName',\n searchOperator: '=',\n searchValue: sanitizedEntityName\n }\n ];\n const requestObj = getSearchObject(filterElements, 1, 50, false);\n const response = await executeQueryAdHoc(\n { data: requestObj },\n apiMethodId\n );\n if (response.status === 200) {\n const data = response?.data?.pageList[0];\n setEntityUdpObjectInfo(data);\n }\n };\n if (udpObjectInfoEntity?.unityBaseSearchMethod && entityName) {\n executeSearchForEntityUdpObjectInfo(\n udpObjectInfoEntity?.unityBaseSearchMethod?.apiMethodId,\n getSanitizedName(entityName)\n );\n }\n }, [udpObjectInfoEntity, entityName]);\n\n return (\n <>\n <AmbientGridTemplate\n gridId={GRID_ID}\n user={user}\n useNewHeader\n api={gridApi}\n onGridReady={onGridReady}\n columnApi={gridColumnApi}\n apiMethod={apiMethod}\n title={commonEntityName}\n data={!isServerSide && formattedData}\n columnDefs={columnDefs}\n groupingData={groupData}\n onPrimaryActionClick={() => setSheetOpen && setSheetOpen(true)}\n primaryActionLabel={t('Add')}\n primaryActionIcon={AddIcon}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n hideSearchBar={isServerSide}\n loading={isLoading}\n suppressScrollOnNewData\n dynamicSizing={false}\n // rowSelection='multiple'\n // rowMultiSelectWithClick={true}\n disableRowSelection={true}\n rowModelType={isServerSide ? 'serverSide' : null}\n serverSideStoreType={isServerSide ? 'partial' : null}\n cacheOverflowSize={isServerSide ? 2 : null}\n cacheBlockSize={isServerSide ? 20 : null}\n maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n secondaryActionButtons={secondaryActionButtons}\n filterChips={[...filterChipsArray]}\n {...other}\n />\n {SideOptionList}\n </>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,oBAAoB;CACxB,YAAY;CACZ,OAAO;CACP,UAAU;CACV,YAAY;CACZ,UAAU;CACX;AAED,MAAa,yBACX,kBACA,YACA,cACA,kBACA,aAAa,WACb,4BAA4B,mBAC5B,iBAAiB,YACd;CACH,MAAM,wBAAwB,kBAAkB,QAAQ,MAAM,YAAY;AACxE,MAAI,SAAS,oBAAoB,YAC/B,MAAK,KAAK,QAAQ;AAEpB,SAAO;IACN,EAAE,CAAC;CAEN,IAAI,eAAe,EAAE;CACrB,IAAI,gBAAgB,EAAE;AAEtB,mBAAkB,SAAS,YAAY;AACrC,MAAI,CAAC,SAAS,oBAAoB,aAAa;GAC7C,IAAI,iBAAiB;GACrB,MAAM,sBAAsB,iBAAiB,WAC1C,WAAW,OAAO,SAAS,SAAS,KACtC;AAED,OAAI,uBAAuB,EACzB,kBAAiB,iBAAiB;GAIpC,MAAM,cAAc,sBAAsB,MACvC,OACC,OAAO,KAAK,IAAI,oBAAoB,oBAAoB,EAAE,CAAC,CAAC,UAC5D,CAAC,IAAI,oBAAoB,kBAAkB,WAC3C,IAAI,SAAS,SAAS,QACtB,IAAI,oBAAoB,iBAAiB,KAAK,MAAM,MAClD,iBAAiB,EAAE,CAAC,SAAS,SAAS,KAAK,CAC5C,CACJ;GAED,IAAI,mBAAmB,YACrB,cAAc,aAAa,YAAY,SAAS,KACjD;AAED,OAAI,eACF,oBAAmB,YACjB,cACI,aAAa,YACb,gBAAgB,SAAS,gBAAgB,KAC9C;GAGH,IAAI,MAAM;IACR,GAAG;IACH,YAAY;IACZ,OAAO,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,SAAS,KAAK,MAAM,EAAE;IACrE,MAAM,CAAC;IACR;AAED,OAAI,SAAS,oBAAoB,cAAc,aAC7C,OAAM;IACJ,GAAG;IACH,QAAQ;IACR,cAAc;KACZ,wBAAwB;KACxB,eAAe;MACb;MACA;MACA;MACA;MACA;MACA;MACA;MACD;KACF;IACD,gBAAgB;IACjB;AAEH,OAAI,SAAS,oBAAoB,aAAa,CAAC,aAC7C,OAAM;IACJ,GAAG;IACH,UAAU;IACX;AAGH,OAAI,eACF,cAAa,uBAAuB;OAEpC,eAAc,KAAK,IAAI;;GAG3B;CAEF,IAAI,aAAa,aAAa,OAAO,cAAc;AAEnD,YAAW,KAAK;EACd,YACE,8BAA8B,oBAAoB,YAAY;EAChE,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACV,cAAc;EACd,oBAAoB,EAClB,YACD;EACD,cAAc,WAAW,OAAO;EAChC,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CAAC;AAEF,QAAO;;AAGT,MAAa,uBAAuB;CAClC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACpGD,MAAM,UAAU;AAEhB,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,YACA,YACA,UACA,kBACA,gBACA,WACA,gBACA,eACA,WACA,eAAe,OACf,YACA,gBACA,kBACA,kBACA,aAAa,EAAE,EACf,GAAG,UACD;CACJ,MAAM,CAAC,aAAa,gBAAgB,SAAS,MAAM;CACnD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,IAAI;CACzD,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,GAAG;CACpE,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,EAAE,CAAC;CAClE,MAAM,CAAC,mBAAmB,wBAAwB,qBACpC,QAAQ,KAAK,mBAAmB,CAC7C;CACD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,EAAE,CAAC;CAC5D,MAAM,CAAC,sBAAsB,2BAC3B,SAAS,eAAe;CAC1B,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,KAAK;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,EAAE,gCAAgC,iBAAiB,mBAAmB;CAC5E,MAAM,oBAAoB,iBAAiB,UAAU,MAAM,kBAAkB;CAC7E,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,kBAAkB;AACnC,eAAa,MAAM;IAClB,EAAE,CAAC;CAEN,MAAM,EAAE,MAAM,wBAAwB,wBACpC,iBACA,KACD;CAED,MAAM,aAAa,cAAc;AAC/B,MAAI,CAAC,eAAgB,QAAO;AAC5B,SAAO,eAAe,cAAc;IACnC,CAAC,eAAe,CAAC;CAEpB,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,cAAc,CAAC,oBAAqB,QAAO;AAChD,SAAO,YACL,qBAAqB,YAAY,eAC/B,iBAAiB,WAAW,CAC/B;IACA,CAAC,YAAY,oBAAoB,CAAC;CAErC,MAAM,wBAAwB,cAAc;AAC1C,SAAO,gBAAgB,uBAAuB;IAC7C,CAAC,eAAe,CAAC;CAEpB,MAAM,yBAAyB,cAAc;EAC3C,MAAM,UAAU,EAAE;AAClB,MAAI,iBACF,SAAQ,KAAK;GACX,SAAS;GACT,OAAO,EAAE,iBAAiB;GAC1B,MAAM;GACN,SAAS,EAAE,iBAAiB;GAC5B,YAAY;GACb,CAAC;AASJ,SAAO;IACN,CAAC,kBAAkB,EAAE,CAAC;CAEzB,MAAM,iBAAiB,cAAc;AACnC,SAAO,CAEL;GACE,IAAI;GACJ,OAAO,EAAE,qBAAqB;GAC9B,MAAM;GACN,SAAS,CAAC,CAAC,CAAC;GACZ,UAAU,UAAU;AAClB,YAAQ,KAAK;KACX,UAAU,YAAY,MAAM;KAC5B,QAAQ,eAAe;KACvB,OAAO;MACL;MACA;MACA,OAAO,MAAM;MACd;KACF,CAAC;;GAEJ,gBAAgB,UAAU,MAAM,WAAW,kBAAkB;GAC9D,CACF;IACA;EAAC;EAAY;EAAG;EAAS;EAAgB;EAAe,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,WACH,QAAO,EAAE;AAGX,MAAI,WAAW,aAAa,KAAK,SAAS,WAAW,aAAa,CAChE,QAAO,CAAC,GAAG,YAAY,GAAG,eAAe;AAE3C,SAAO;IACN;EAAC;EAAY;EAAgB;EAAW,CAAC;CAE5C,MAAM,aAAa,cAAc;AAC/B,SAAO,sBACL,kBACA,iBACA,MACA,iBACD;IACA;EAAC;EAAkB;EAAiB;EAAiB,CAAC;CAEzD,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,cAEnB,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAO,WAAW;EAClB,OAAO;EACP,aAAa;EACb,UAAU;EACV,GAAI;IAEJ,oCAAC;EACmB;EACF;EACN;EACV,gBAAgB;EAChB,QAAQ;EACW;EACM;EACH;EACtB,mBAAmB;EACnB,YAAY;EACA;EACA;GACZ,CACQ,EAEd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,mBAAmB,YAAY,YAAY;AAC/C,MAAI,CAAC,cAAc,CAAC,kBAAmB,QAAO;EAI9C,MAAM,WAHmB,OAAO,OAAO,WAAW,CAAC,MAChD,SAAS,KAAK,SAChB,EACkC,SAAS;AAC5C,MAAI,SAKF,QAJqB,MAAM,2BACzB,EAAE,MAAM,EAAE,IAAI,UAAU,EAAE,EAC1B,kBACD;AAGH,SAAO;IACN,CAAC,YAAY,kBAAkB,CAAC;CAEnC,MAAM,gBAAgB,cAAc;AAClC,MAAI,YAAY;GACd,IAAI,sBAAsB,UAAU,WAAW;GAG/C,MAAM,iBAAiB,kBAAkB,QAAQ,MAAM,YAAY;AACjE,QACE,CAAC,SAAS,oBAAoB,eAC9B,eAAe,SAAS,MAAM,WAAW,CAEzC,MAAK,KACH,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,SAAS,KAAK,MAAM,EAAE,CAC/D;AAEH,WAAO;MACN,EAAE,CAAC;AAEN,OAAI,gBAAgB,OAClB,qBAAoB,SAAS,MAAM;AACjC,WAAO,KAAK,EAAE,CAAC,SAAS,QAAQ;AAE9B,SAAI,eAAe,MAAM,UAAU,UAAU,IAAI,EAAE;AAEjD,UAAI,EAAE,SAAS,KAAM;AACrB,QAAE,OAAO,OAAO,IAAI,KAAK,EAAE,KAAK,EAAE,sBAAsB;;MAE1D;KACF;AAGJ,UAAO;;AAET,SAAO,EAAE;IACR,CAAC,kBAAkB,WAAW,CAAC;CAElC,MAAM,mBAAmB,aACtB,SAAS;AACR,MAAI,gBAAgB,QAAQ,KAAK,eAAe,KAAK,SAAS;GAC5D,MAAM,8BAA8B,CAAC,GAAG,qBAAqB;GAC7D,MAAM,oBAAoB;IACxB,aAAa,KAAK;IAClB,aAAa,iBAAiB,KAAK,QAAQ;IAC3C,gBAAgB,mBAAmB;IACpC;AACD,+BAA4B,KAAK,kBAAkB;AACnD,2BAAwB,4BAA4B;;IAKxD,CAAC,cAAc,qBAAqB,CACrC;CAED,MAAM,qBAAqB,kBAAkB;AAC3C,0BAAwB,eAAe;IACtC,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,YAAY,YAAY;EAC7C,IAAIA,qBAAmB,EAAE;EAIzB,MAAM,iBADS,MAAM,kBAAkB,GACT;AAE9B,MAAI,CAAC,eAAe;AAClB,uBAAoB,EAAE,CAAC;AACvB;;EAGF,IAAI,UAAU,cAAc;EAC5B,MAAM,YAAY,cAAc;EAEhC,MAAM,mBAAmB,OAAO,OAAO,WAAW,CAAC,MAChD,SAAS,KAAK,SAChB;EAED,IAAI,UAAU;EACd,MAAM,gBAAgB,OAAO,KAAK,WAAW;AAC7C,OAAK,IAAI,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;GAC7C,MAAM,MAAM,cAAc;AAC1B,OAAI,WAAW,KAAK,UAAU,kBAAkB,OAAO;AACrD,cAAU;AACV;;;AAKJ,OAAK,IAAI,IAAI,GAAG,IAAI,eAAe,KAAK,QAAQ,KAAK;GACnD,MAAM,eAAe,cAAc,KAAK;GAExC,MAAM,QAAQ,aAAa;GAC3B,MAAM,UAAU,eAAe,QAC5B,QAAQ,IAAI,aAAa,MAC3B,EAAE;GAEH,IAAI,WAAW;IACb,OAAO,GAAG;IACV,OAAO,CAAC,eAAe,WAAW,KAAK;IACvC,aAAa,aAAa;IAC1B,IAAI;IACJ,SAAS;IACV;AACD,YAAS,iBAAiB,iBAAiB,SAAS;AACpD,YAAS,mBAAmB,oBAAoB;AAGhD,OAAI,CAAC,gBAAgB,UAAU,EAC7B,oBAAiB,KAAK,SAAS;AAEjC,OAAI,aACF,oBAAiB,KAAK,SAAS;;AAInC,sBAAoBA,mBAAiB;IACpC;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;AACd,kBAAgB;IACf,CAAC,eAAe,CAAC;AAEpB,iBAAgB;AACd,0BAAwB,kBAAkB,EAAE,CAAC;IAC5C,CAAC,eAAe,CAAC;AAEpB,iBAAgB;AACd,MAAI,CAAC,QAAS;AACd,MAAI,WACF,YAAW,QAAQ;AAErB,MAAI,kBAAkB,gBAAgB,YAAY;GAChD,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,sBACA,GACA,gCACA,eACA,YACA,OACA,aACD;AAED,YAAS,wBAAwB,WAAW;;IAE7C;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;EACd,MAAM,sCAAsC,OAC1C,aACA,wBACG;GASH,MAAM,WAAW,MAAM,kBACrB,EAAE,MAFe,gBAPI,CACrB;IACE,aAAa;IACb,gBAAgB;IAChB,aAAa;IACd,CACF,EACkD,GAAG,IAAI,MAAM,EAE1C,EACpB,YACD;AACD,OAAI,SAAS,WAAW,KAAK;IAC3B,MAAM,OAAO,UAAU,MAAM,SAAS;AACtC,2BAAuB,KAAK;;;AAGhC,MAAI,qBAAqB,yBAAyB,WAChD,qCACE,qBAAqB,uBAAuB,aAC5C,iBAAiB,WAAW,CAC7B;IAEF,CAAC,qBAAqB,WAAW,CAAC;AAErC,QACE,0DACE,oCAAC;EACC,QAAQ;EACF;EACN;EACA,KAAK;EACQ;EACb,WAAW;EACA;EACX,OAAO;EACP,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,4BAA4B,gBAAgB,aAAa,KAAK;EAC9D,oBAAoB,EAAE,MAAM;EAC5B,mBAAmB;EACnB,qBAAqB,EAAE,iBAAiB,iBAAiB;EACzD,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EACrD,eAAe;EACf,SAAS;EACT;EACA,eAAe;EAGf,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC5B;EACxB,aAAa,CAAC,GAAG,iBAAiB;EAClC,GAAI;GACJ,EACD,eACA"}

package/dist/{DateTrendWidget-CbhpScrj.js → DateTrendWidget-CeJydQNr.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./chunk-BN_g-Awi.js";
-import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
-import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-CDTlsa6u.js";
+import { t as WidgetCard_default } from "./WidgetCard-CgZSNV38.js";
+import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-DaeGuXtJ.js";
 import React, { forwardRef } from "react";
 import { Grid, makeStyles } from "@material-ui/core";
@@ -57,4 +57,4 @@ var DateTrendWidget_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { DateTrendWidget_default as n, layout as r, DateTrendWidget_exports as t };
-//# sourceMappingURL=DateTrendWidget-CbhpScrj.js.map
+//# sourceMappingURL=DateTrendWidget-CeJydQNr.js.map

package/dist/{DateTrendWidget-CbhpScrj.js.map → DateTrendWidget-CeJydQNr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTrendWidget-~~CbhpScrj~~.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx","../src/UI/widgets/library/DateTrendWidget/index.ts"],"sourcesContent":["import { Grid, makeStyles } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\n\nconst useStyles = makeStyles((theme) => ({\n column: {\n width: 160\n }\n}))\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DateTrendWidget = (props, ref) => {\n const classes = useStyles()\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container direction='row' spacing={1}>\n <Grid item className={classes.column}>\n <FluentPrimaryStatNumber\n mainStat={mockData?.primary.value}\n mainLabel={mockData?.primary.label}\n />\n </Grid>\n <Grid item>\n {mockData?.secondary.map((secondary) => (\n <Grid item key={secondary.category}>\n <FluentSecondaryStatNumber\n secondaryStat={secondary.value}\n secondaryLabel={secondary.category}\n trend={secondary.value < 0 ? 'down' : 'up'}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DateTrendWidget)\n","export * from './DateTrendWidget';\nexport {default} from './DateTrendWidget';\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,OAAO,KACR,EACF,EAAE;AAEH,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAK;EAAU,WAAU;EAAM,SAAS;IACvC,oCAAC;EAAK;EAAK,WAAW,QAAQ;IAC5B,oCAACC;EACC,UAAU,UAAU,QAAQ;EAC5B,WAAW,UAAU,QAAQ;GAC7B,CACG,EACP,oCAAC,QAAK,cACH,UAAU,UAAU,KAAK,cACxB,oCAAC;EAAK;EAAK,KAAK,UAAU;IACxB,oCAACC;EACC,eAAe,UAAU;EACzB,gBAAgB,UAAU;EAC1B,OAAO,UAAU,QAAQ,IAAI,SAAS;GACtC,CACG,CACP,CACG,CACF,EACN,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}
1	+ {"version":3,"file":"DateTrendWidget-CeJydQNr.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx","../src/UI/widgets/library/DateTrendWidget/index.ts"],"sourcesContent":["import { Grid, makeStyles } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\n\nconst useStyles = makeStyles((theme) => ({\n column: {\n width: 160\n }\n}))\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DateTrendWidget = (props, ref) => {\n const classes = useStyles()\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container direction='row' spacing={1}>\n <Grid item className={classes.column}>\n <FluentPrimaryStatNumber\n mainStat={mockData?.primary.value}\n mainLabel={mockData?.primary.label}\n />\n </Grid>\n <Grid item>\n {mockData?.secondary.map((secondary) => (\n <Grid item key={secondary.category}>\n <FluentSecondaryStatNumber\n secondaryStat={secondary.value}\n secondaryLabel={secondary.category}\n trend={secondary.value < 0 ? 'down' : 'up'}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DateTrendWidget)\n","export * from './DateTrendWidget';\nexport {default} from './DateTrendWidget';\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,OAAO,KACR,EACF,EAAE;AAEH,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAK;EAAU,WAAU;EAAM,SAAS;IACvC,oCAAC;EAAK;EAAK,WAAW,QAAQ;IAC5B,oCAACC;EACC,UAAU,UAAU,QAAQ;EAC5B,WAAW,UAAU,QAAQ;GAC7B,CACG,EACP,oCAAC,QAAK,cACH,UAAU,UAAU,KAAK,cACxB,oCAAC;EAAK;EAAK,KAAK,UAAU;IACxB,oCAACC;EACC,eAAe,UAAU;EACzB,gBAAgB,UAAU;EAC1B,OAAO,UAAU,QAAQ,IAAI,SAAS;GACtC,CACG,CACP,CACG,CACF,EACN,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/{DensePlotWidget-CsrA6oiC.js → DensePlotWidget-lJW-uzdQ.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./chunk-BN_g-Awi.js";
-import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
+import { t as WidgetCard_default } from "./WidgetCard-CgZSNV38.js";
 import React, { forwardRef } from "react";
 import { Box } from "@material-ui/core";
 import { MuiVegaLite } from "@material-vega/material-ui";
@@ -64,4 +64,4 @@ var DensePlotWidget_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { params as i, DensePlotWidget_default as n, layout as r, DensePlotWidget_exports as t };
-//# sourceMappingURL=DensePlotWidget-CsrA6oiC.js.map
+//# sourceMappingURL=DensePlotWidget-lJW-uzdQ.js.map

package/dist/{DensePlotWidget-CsrA6oiC.js.map → DensePlotWidget-lJW-uzdQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DensePlotWidget-~~CsrA6oiC~~.js","names":["params","WidgetCard"],"sources":["../src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx","../src/UI/widgets/library/DensePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst DensePlotWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='scatterplotChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'point',\n height: 180,\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: { field: 'yAxis', type: mockData?.yAxisType }\n }\n }}\n />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DensePlotWidget)\n","export * from './DensePlotWidget';\nexport {default} from './DensePlotWidget';\n"],"mappings":";;;;;;;AAKA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,QAAQ;GACR,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;GACD,CACE,EACL,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}
1	+ {"version":3,"file":"DensePlotWidget-lJW-uzdQ.js","names":["params","WidgetCard"],"sources":["../src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx","../src/UI/widgets/library/DensePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst DensePlotWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='scatterplotChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'point',\n height: 180,\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: { field: 'yAxis', type: mockData?.yAxisType }\n }\n }}\n />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DensePlotWidget)\n","export * from './DensePlotWidget';\nexport {default} from './DensePlotWidget';\n"],"mappings":";;;;;;;AAKA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,QAAQ;GACR,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;GACD,CACE,EACL,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/{DonutChartWidget-C0XsTjF9.js → DonutChartWidget-C6HPYg7I.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./chunk-BN_g-Awi.js";
-import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BN9VkqNq.js";
-import { t as ChartSummaryToggle_default } from "./ChartSummaryToggle-BxJXaJO8.js";
-import { t as convertISODate } from "./ConvertISODate-C640-_Cm.js";
+import { t as WidgetCard_default } from "./WidgetCard-CgZSNV38.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-DKMsXSfg.js";
+import { t as ChartSummaryToggle_default } from "./ChartSummaryToggle-U4alJS0G.js";
+import { t as convertISODate } from "./ConvertISODate-C6RoXn_x.js";
 import React, { Fragment, forwardRef } from "react";
 import { Box, Grid, Typography } from "@material-ui/core";
 import { MuiVegaLite } from "@material-vega/material-ui";
@@ -158,4 +158,4 @@ var DonutChartWidget_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { DonutChartWidget_default as n, layout as r, DonutChartWidget_exports as t };
-//# sourceMappingURL=DonutChartWidget-C0XsTjF9.js.map
+//# sourceMappingURL=DonutChartWidget-C6HPYg7I.js.map

package/dist/{DonutChartWidget-C0XsTjF9.js.map → DonutChartWidget-C6HPYg7I.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DonutChartWidget-~~C0XsTjF9~~.js","names":["FluentStatsSnippet","WidgetCard","ChartSummaryToggle"],"sources":["../src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx","../src/UI/widgets/library/DonutChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport ChartSummaryToggle from '../../FluentComponents/ChartSummaryToggle'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DonutChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n let body = (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='donutChart'\n style={{\n overflow: 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: 200,\n height: 200,\n data: [\n {\n name: 'table',\n values: mockData?.data,\n transform: [\n {\n type: 'pie',\n field: 'value'\n }\n ]\n },\n {\n name: 'used',\n source: 'table',\n transform: [\n {\n type: 'formula',\n expr: \"datum.id === 'Other' ? 'Other' : 'Main'\",\n as: 'id'\n },\n {\n type: 'aggregate',\n fields: ['field'],\n groupby: ['id'],\n ops: ['sum'],\n as: ['sum']\n },\n {\n type: 'pivot',\n field: 'label',\n value: 'sum'\n }\n ]\n }\n ],\n scales: [\n {\n name: 'color',\n type: 'ordinal',\n domain: { data: 'table', field: 'label' },\n range: { scheme: 'greys' }\n }\n ],\n marks: [\n {\n type: 'arc',\n from: { data: 'table' },\n encode: {\n enter: {\n fill: { scale: 'color', field: 'label' },\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n padAngle: { value: 0.01 }\n },\n update: {\n startAngle: { field: 'startAngle' },\n endAngle: { field: 'endAngle' },\n innerRadius: { signal: 'width / 2 - 10' },\n outerRadius: { signal: 'width / 2' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'used' },\n style: ['percent'],\n encode: {\n enter: {\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n align: { value: 'center' },\n baseline: { value: 'middle' },\n fontSize: { value: 24 }\n }\n }\n }\n ],\n legends: [\n {\n fill: 'color',\n direction: 'vertical',\n encode: {\n labels: {\n name: 'legendLabel',\n enter: { text: { field: 'label' } }\n }\n },\n orient: 'right',\n labelColor: theme === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)'\n }\n ]\n }}\n />\n </Box>\n {children}\n </Fragment>\n )\n\n return (\n <WidgetCard\n theme={theme}\n ref={ref}\n headerActions={\n <ChartSummaryToggle\n value={params.mode}\n onChange={(value) => setParam('mode', value)}\n />\n }\n {...other}\n title={mockData?.title}\n >\n {mockData ? (\n body\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DonutChartWidget)\n","export * from './DonutChartWidget';\nexport {default} from './DonutChartWidget';\n"],"mappings":"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"}
1	+ {"version":3,"file":"DonutChartWidget-C6HPYg7I.js","names":["FluentStatsSnippet","WidgetCard","ChartSummaryToggle"],"sources":["../src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx","../src/UI/widgets/library/DonutChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport ChartSummaryToggle from '../../FluentComponents/ChartSummaryToggle'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DonutChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n let body = (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='donutChart'\n style={{\n overflow: 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: 200,\n height: 200,\n data: [\n {\n name: 'table',\n values: mockData?.data,\n transform: [\n {\n type: 'pie',\n field: 'value'\n }\n ]\n },\n {\n name: 'used',\n source: 'table',\n transform: [\n {\n type: 'formula',\n expr: \"datum.id === 'Other' ? 'Other' : 'Main'\",\n as: 'id'\n },\n {\n type: 'aggregate',\n fields: ['field'],\n groupby: ['id'],\n ops: ['sum'],\n as: ['sum']\n },\n {\n type: 'pivot',\n field: 'label',\n value: 'sum'\n }\n ]\n }\n ],\n scales: [\n {\n name: 'color',\n type: 'ordinal',\n domain: { data: 'table', field: 'label' },\n range: { scheme: 'greys' }\n }\n ],\n marks: [\n {\n type: 'arc',\n from: { data: 'table' },\n encode: {\n enter: {\n fill: { scale: 'color', field: 'label' },\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n padAngle: { value: 0.01 }\n },\n update: {\n startAngle: { field: 'startAngle' },\n endAngle: { field: 'endAngle' },\n innerRadius: { signal: 'width / 2 - 10' },\n outerRadius: { signal: 'width / 2' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'used' },\n style: ['percent'],\n encode: {\n enter: {\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n align: { value: 'center' },\n baseline: { value: 'middle' },\n fontSize: { value: 24 }\n }\n }\n }\n ],\n legends: [\n {\n fill: 'color',\n direction: 'vertical',\n encode: {\n labels: {\n name: 'legendLabel',\n enter: { text: { field: 'label' } }\n }\n },\n orient: 'right',\n labelColor: theme === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)'\n }\n ]\n }}\n />\n </Box>\n {children}\n </Fragment>\n )\n\n return (\n <WidgetCard\n theme={theme}\n ref={ref}\n headerActions={\n <ChartSummaryToggle\n value={params.mode}\n onChange={(value) => setParam('mode', value)}\n />\n }\n {...other}\n title={mockData?.title}\n >\n {mockData ? (\n body\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DonutChartWidget)\n","export * from './DonutChartWidget';\nexport {default} from './DonutChartWidget';\n"],"mappings":"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"}

package/dist/{DragDropFileUpload-CVnUu-6f.js → DragDropFileUpload-C0Jho_xA.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { t as formatBytes } from "./formatBytes-Bt-B_Lo8.js";
+import { t as formatBytes } from "./formatBytes-I1Y1rO8O.js";
 import React, { useMemo } from "react";
 import { Typography, lighten, makeStyles } from "@material-ui/core";
 import { PageIcon } from "@fluentui/react-icons";
@@ -86,4 +86,4 @@ DragDropFileUpload.propTypes = {
 //#endregion
 export { DragDropFileUpload as t };
-//# sourceMappingURL=DragDropFileUpload-CVnUu-6f.js.map
+//# sourceMappingURL=DragDropFileUpload-C0Jho_xA.js.map

package/dist/{DragDropFileUpload-CVnUu-6f.js.map → DragDropFileUpload-C0Jho_xA.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragDropFileUpload-~~CVnUu-6f~~.js","names":[],"sources":["../src/uploader/DragDropFileUpload.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { useTranslation } from 'react-i18next';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { formatBytes } from '../utilities/uploader/formatBytes';\nimport { PageIcon } from '@fluentui/react-icons';\nimport { Typography, lighten, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n btnWrapper: {\n display: 'flex',\n justifyContent: 'center',\n gap: theme.spacing(2),\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n dndWrapper: {\n backgroundColor: lighten(theme.palette.secondary.light, 0.8),\n height: '100%',\n minHeight: (props) => props?.minHeight,\n maxHeight: (props) => props?.maxHeight,\n display: 'flex',\n alignItems: 'center',\n textAlign: 'center',\n border: `dashed 2px ${lighten(theme.palette.secondary.light, 0.4)}`,\n overflow: 'hidden'\n },\n fileNameWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center',\n textAlign: 'center',\n justifyContent: 'center'\n },\n dndContent: {\n flexGrow: 1,\n textAlign: 'center'\n },\n textWrapper: {\n overflow: 'hidden',\n marginRight: theme.spacing(2),\n marginLeft: theme.spacing(2)\n }\n}));\n\nexport const DragDropFileUpload = (props) => {\n const {\n title,\n handleUploadFile,\n hideSelectFileButton = false,\n hideFilePreview = false,\n minHeight,\n maxHeight,\n multiple = false,\n ...otherDropZoneProps\n } = props;\n const { t } = useTranslation();\n const classes = useStyles({ minHeight, maxHeight });\n\n const { open, acceptedFiles, getRootProps, getInputProps } = useDropzone({\n noClick: true,\n noKeyboard: true,\n multiple: multiple,\n onDrop: handleUploadFile,\n ...otherDropZoneProps\n });\n\n const files = useMemo(() => {\n return acceptedFiles.map((file) => (\n <div className={classes.fileNameWrapper}>\n <FluentIcon size='small' component={PageIcon} />\n <Typography>{` ${file?.path} (${formatBytes(file?.size)})`}</Typography>\n </div>\n ));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [acceptedFiles]);\n\n return (\n <div>\n <div\n {...getRootProps({ className: 'dropzone' })}\n className={classes.dndWrapper}\n >\n <div className={classes.dndContent}>\n <input {...getInputProps()} />\n <Typography className={classes.textWrapper}>\n {title\n ? title\n : multiple\n ? t('Drag and drop files here or select files')\n : t('Drag and drop a file here or select a file')}\n </Typography>\n {!hideSelectFileButton && (\n <div className={classes.btnWrapper}>\n <FluentButton\n onClick={open}\n color='secondary'\n variant='contained'\n >\n <Typography noWrap>\n {multiple ? t('Select Files') : t('Select a File')}\n </Typography>\n </FluentButton>\n </div>\n )}\n {!hideFilePreview && <div>{files}</div>}\n </div>\n </div>\n </div>\n );\n};\n\nDragDropFileUpload.propTypes = {\n /*\n Optional, title\n /\n title: PropTypes.string,\n\n /\n Optional, event handler that accept a param (an array of files) when drop or select files.\n * can use other props to handle this event such as onDropAccepted, onDropRejected.\n * https://react-dropzone.js.org/#section-components\n /\n handleUploadFile: PropTypes.func,\n\n /\n Optional, hide or show the select file button (default is false)\n /\n hideSelectFileButton: PropTypes.bool,\n\n /\n Optional, hide or show the file sneak preview (default is false)\n /\n hideFilePreview: PropTypes.bool,\n\n /\n Optional, minimum height\n /\n minHeight: PropTypes.string \| PropTypes.number,\n\n /\n Optional, maximum height\n /\n maxHeight: PropTypes.string \| PropTypes.number,\n\n /\n Optional, allow to add multiple files at a time (default is false)\n */\n multiple: PropTypes.bool\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,EAAE;EACrB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,YAAY;EACV,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,QAAQ;EACR,YAAY,UAAU,OAAO;EAC7B,YAAY,UAAU,OAAO;EAC7B,SAAS;EACT,YAAY;EACZ,WAAW;EACX,QAAQ,cAAc,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EACjE,UAAU;EACX;CACD,iBAAiB;EACf,SAAS;EACT,KAAK,MAAM,QAAQ,EAAE;EACrB,YAAY;EACZ,WAAW;EACX,gBAAgB;EACjB;CACD,YAAY;EACV,UAAU;EACV,WAAW;EACZ;CACD,aAAa;EACX,UAAU;EACV,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,OACA,kBACA,uBAAuB,OACvB,kBAAkB,OAClB,WACA,WACA,WAAW,OACX,GAAG,uBACD;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,UAAU;EAAE;EAAW;EAAW,CAAC;CAEnD,MAAM,EAAE,MAAM,eAAe,cAAc,kBAAkB,YAAY;EACvE,SAAS;EACT,YAAY;EACF;EACV,QAAQ;EACR,GAAG;EACJ,CAAC;CAEF,MAAM,QAAQ,cAAc;AAC1B,SAAO,cAAc,KAAK,SACxB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;GAAW,MAAK;GAAQ,WAAW;IAAY,EAChD,oCAAC,kBAAY,IAAI,MAAM,KAAK,IAAI,YAAY,MAAM,KAAK,CAAC,GAAgB,CACpE,CACN;IAED,CAAC,cAAc,CAAC;AAEnB,QACE,oCAAC,aACC,oCAAC;EACC,GAAI,aAAa,EAAE,WAAW,YAAY,CAAC;EAC3C,WAAW,QAAQ;IAEnB,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAU,eAAe,CAAI,EAC9B,oCAAC,cAAW,WAAW,QAAQ,eAC5B,QACG,QACA,WACA,EAAE,2CAA2C,GAC7C,EAAE,6CAA6C,CACxC,EACZ,CAAC,wBACA,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,SAAS;EACT,OAAM;EACN,SAAQ;IAER,oCAAC,cAAW,gBACT,WAAW,EAAE,eAAe,GAAG,EAAE,gBAAgB,CACvC,CACA,CACX,EAEP,CAAC,mBAAmB,oCAAC,aAAK,MAAY,CACnC,CACF,CACF;;AAIV,mBAAmB,YAAY;CAI7B,OAAO,UAAU;CAOjB,kBAAkB,UAAU;CAK5B,sBAAsB,UAAU;CAKhC,iBAAiB,UAAU;CAK3B,WAAW,UAAU,SAAS,UAAU;CAKxC,WAAW,UAAU,SAAS,UAAU;CAKxC,UAAU,UAAU;CACrB"}
1	+ {"version":3,"file":"DragDropFileUpload-C0Jho_xA.js","names":[],"sources":["../src/uploader/DragDropFileUpload.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { useTranslation } from 'react-i18next';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { formatBytes } from '../utilities/uploader/formatBytes';\nimport { PageIcon } from '@fluentui/react-icons';\nimport { Typography, lighten, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n btnWrapper: {\n display: 'flex',\n justifyContent: 'center',\n gap: theme.spacing(2),\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n dndWrapper: {\n backgroundColor: lighten(theme.palette.secondary.light, 0.8),\n height: '100%',\n minHeight: (props) => props?.minHeight,\n maxHeight: (props) => props?.maxHeight,\n display: 'flex',\n alignItems: 'center',\n textAlign: 'center',\n border: `dashed 2px ${lighten(theme.palette.secondary.light, 0.4)}`,\n overflow: 'hidden'\n },\n fileNameWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center',\n textAlign: 'center',\n justifyContent: 'center'\n },\n dndContent: {\n flexGrow: 1,\n textAlign: 'center'\n },\n textWrapper: {\n overflow: 'hidden',\n marginRight: theme.spacing(2),\n marginLeft: theme.spacing(2)\n }\n}));\n\nexport const DragDropFileUpload = (props) => {\n const {\n title,\n handleUploadFile,\n hideSelectFileButton = false,\n hideFilePreview = false,\n minHeight,\n maxHeight,\n multiple = false,\n ...otherDropZoneProps\n } = props;\n const { t } = useTranslation();\n const classes = useStyles({ minHeight, maxHeight });\n\n const { open, acceptedFiles, getRootProps, getInputProps } = useDropzone({\n noClick: true,\n noKeyboard: true,\n multiple: multiple,\n onDrop: handleUploadFile,\n ...otherDropZoneProps\n });\n\n const files = useMemo(() => {\n return acceptedFiles.map((file) => (\n <div className={classes.fileNameWrapper}>\n <FluentIcon size='small' component={PageIcon} />\n <Typography>{` ${file?.path} (${formatBytes(file?.size)})`}</Typography>\n </div>\n ));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [acceptedFiles]);\n\n return (\n <div>\n <div\n {...getRootProps({ className: 'dropzone' })}\n className={classes.dndWrapper}\n >\n <div className={classes.dndContent}>\n <input {...getInputProps()} />\n <Typography className={classes.textWrapper}>\n {title\n ? title\n : multiple\n ? t('Drag and drop files here or select files')\n : t('Drag and drop a file here or select a file')}\n </Typography>\n {!hideSelectFileButton && (\n <div className={classes.btnWrapper}>\n <FluentButton\n onClick={open}\n color='secondary'\n variant='contained'\n >\n <Typography noWrap>\n {multiple ? t('Select Files') : t('Select a File')}\n </Typography>\n </FluentButton>\n </div>\n )}\n {!hideFilePreview && <div>{files}</div>}\n </div>\n </div>\n </div>\n );\n};\n\nDragDropFileUpload.propTypes = {\n /*\n Optional, title\n /\n title: PropTypes.string,\n\n /\n Optional, event handler that accept a param (an array of files) when drop or select files.\n * can use other props to handle this event such as onDropAccepted, onDropRejected.\n * https://react-dropzone.js.org/#section-components\n /\n handleUploadFile: PropTypes.func,\n\n /\n Optional, hide or show the select file button (default is false)\n /\n hideSelectFileButton: PropTypes.bool,\n\n /\n Optional, hide or show the file sneak preview (default is false)\n /\n hideFilePreview: PropTypes.bool,\n\n /\n Optional, minimum height\n /\n minHeight: PropTypes.string \| PropTypes.number,\n\n /\n Optional, maximum height\n /\n maxHeight: PropTypes.string \| PropTypes.number,\n\n /\n Optional, allow to add multiple files at a time (default is false)\n */\n multiple: PropTypes.bool\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,EAAE;EACrB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,YAAY;EACV,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,QAAQ;EACR,YAAY,UAAU,OAAO;EAC7B,YAAY,UAAU,OAAO;EAC7B,SAAS;EACT,YAAY;EACZ,WAAW;EACX,QAAQ,cAAc,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EACjE,UAAU;EACX;CACD,iBAAiB;EACf,SAAS;EACT,KAAK,MAAM,QAAQ,EAAE;EACrB,YAAY;EACZ,WAAW;EACX,gBAAgB;EACjB;CACD,YAAY;EACV,UAAU;EACV,WAAW;EACZ;CACD,aAAa;EACX,UAAU;EACV,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,OACA,kBACA,uBAAuB,OACvB,kBAAkB,OAClB,WACA,WACA,WAAW,OACX,GAAG,uBACD;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,UAAU;EAAE;EAAW;EAAW,CAAC;CAEnD,MAAM,EAAE,MAAM,eAAe,cAAc,kBAAkB,YAAY;EACvE,SAAS;EACT,YAAY;EACF;EACV,QAAQ;EACR,GAAG;EACJ,CAAC;CAEF,MAAM,QAAQ,cAAc;AAC1B,SAAO,cAAc,KAAK,SACxB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;GAAW,MAAK;GAAQ,WAAW;IAAY,EAChD,oCAAC,kBAAY,IAAI,MAAM,KAAK,IAAI,YAAY,MAAM,KAAK,CAAC,GAAgB,CACpE,CACN;IAED,CAAC,cAAc,CAAC;AAEnB,QACE,oCAAC,aACC,oCAAC;EACC,GAAI,aAAa,EAAE,WAAW,YAAY,CAAC;EAC3C,WAAW,QAAQ;IAEnB,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAU,eAAe,CAAI,EAC9B,oCAAC,cAAW,WAAW,QAAQ,eAC5B,QACG,QACA,WACA,EAAE,2CAA2C,GAC7C,EAAE,6CAA6C,CACxC,EACZ,CAAC,wBACA,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,SAAS;EACT,OAAM;EACN,SAAQ;IAER,oCAAC,cAAW,gBACT,WAAW,EAAE,eAAe,GAAG,EAAE,gBAAgB,CACvC,CACA,CACX,EAEP,CAAC,mBAAmB,oCAAC,aAAK,MAAY,CACnC,CACF,CACF;;AAIV,mBAAmB,YAAY;CAI7B,OAAO,UAAU;CAOjB,kBAAkB,UAAU;CAK5B,sBAAsB,UAAU;CAKhC,iBAAiB,UAAU;CAK3B,WAAW,UAAU,SAAS,UAAU;CAKxC,WAAW,UAAU,SAAS,UAAU;CAKxC,UAAU,UAAU;CACrB"}

package/dist/{EmptyStateDisplay-YOwCw38_.js → EmptyStateDisplay-CyINqvWU.js} RENAMED Viewed

@@ -63,4 +63,4 @@ EmptyStateDisplay.defaultProps = {
 //#endregion
 export { EmptyStateDisplay as t };
-//# sourceMappingURL=EmptyStateDisplay-YOwCw38_.js.map
+//# sourceMappingURL=EmptyStateDisplay-CyINqvWU.js.map

package/dist/{EmptyStateDisplay-YOwCw38_.js.map → EmptyStateDisplay-CyINqvWU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyStateDisplay-~~YOwCw38_~~.js","names":[],"sources":["../src/UI/dataDisplay/EmptyStateDisplay.jsx"],"sourcesContent":["import { ErrorIcon } from '@fluentui/react-icons';\nimport { Typography, makeStyles, Box } from '@material-ui/core';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { FluentButton } from '../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n },\n secondaryText: {\n color: theme.palette.text.secondary,\n },\n image: {\n width: props => props?.imageWidth,\n },\n}));\n\nexport const EmptyStateDisplay = props => {\n const {\n icon,\n iconSize = 48,\n customIconSize = true,\n imageSrc,\n imageWidth = '100px',\n primaryText,\n secondaryText,\n actionLabel,\n action,\n } = props;\n const classes = useStyles({ imageWidth });\n\n return (\n <div className={classes.container}>\n {imageSrc ? (\n <img src={imageSrc} alt='logo' className={classes.image} />\n ) : (\n <FluentIcon\n component={icon ?? ErrorIcon}\n size={iconSize}\n customSize={customIconSize}\n />\n )}\n <LayoutUnit unit=\"xxs\" />\n {primaryText && (\n <div>\n <Typography variant='subtitle2' align='center'>\n {primaryText}\n </Typography>\n </div>\n )}\n {secondaryText && (\n <div>\n <Typography className={classes.secondaryText} align='center'>\n {secondaryText}\n </Typography>\n </div>\n )}\n {(primaryText \|\| secondaryText) && <LayoutUnit unit=\"xxs\" />}\n {action && (\n <div\n className={primaryText \|\| secondaryText ? classes.buttonWrapper : ''}\n >\n <FluentButton\n onClick={action}\n variant='outlined'\n color='secondary'\n id={\n 'udpRecord-EmptyStateDisplay-' +\n primaryText.replace(/\\s+/g, '') +\n '-' +\n actionLabel.replace(/\\s+/g, '')\n }\n udprecordid={\n 'udpRecord-EmptyStateDisplay-' +\n primaryText.replace(/\\s+/g, '') +\n '-' +\n actionLabel.replace(/\\s+/g, '')\n }\n >\n {actionLabel}\n </FluentButton>\n </div>\n )}\n </div>\n );\n};\n\nEmptyStateDisplay.propTypes = {\n icon: PropTypes.elementType,\n iconSize: PropTypes.number,\n customIconSize: PropTypes.bool,\n imageSrc: PropTypes.string,\n imageWidth: PropTypes.string,\n primaryText: PropTypes.string,\n secondaryText: PropTypes.string,\n actionLabel: PropTypes.string,\n action: PropTypes.func\n};\n\nEmptyStateDisplay.defaultProps = {\n iconSize: 48,\n customIconSize: true,\n imageWidth: '100px'\n};\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAW,WAAU;CACrC,WAAW;EACT,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACR;CACD,eAAe,EACb,OAAO,MAAM,QAAQ,KAAK,WAC3B;CACD,OAAO,EACL,QAAO,UAAS,OAAO,YACxB;CACF,EAAE;AAEH,MAAa,qBAAoB,UAAS;CACxC,MAAM,EACJ,MACA,WAAW,IACX,iBAAiB,MACjB,UACA,aAAa,SACb,aACA,eACA,aACA,WACE;CACJ,MAAM,UAAU,UAAU,EAAE,YAAY,CAAC;AAEzC,QACE,oCAAC,SAAI,WAAW,QAAQ,aACrB,WACC,oCAAC;EAAI,KAAK;EAAU,KAAI;EAAO,WAAW,QAAQ;GAAS,GAE3D,oCAAC;EACC,WAAW,QAAQ;EACnB,MAAM;EACN,YAAY;GACZ,EAEJ,oCAAC,cAAW,MAAK,QAAQ,EACxB,eACC,oCAAC,aACC,oCAAC;EAAW,SAAQ;EAAY,OAAM;IACnC,YACU,CACT,EAEP,iBACC,oCAAC,aACC,oCAAC;EAAW,WAAW,QAAQ;EAAe,OAAM;IACjD,cACU,CACT,GAEN,eAAe,kBAAkB,oCAAC,cAAW,MAAK,QAAQ,EAC3D,UACC,oCAAC,SACC,WAAW,eAAe,gBAAgB,QAAQ,gBAAgB,MAElE,oCAAC;EACC,SAAS;EACT,SAAQ;EACR,OAAM;EACN,IACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;EAEjC,aACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;IAGhC,YACY,CACX,CAEJ;;AAIV,kBAAkB,YAAY;CAC5B,MAAM,UAAU;CAChB,UAAU,UAAU;CACpB,gBAAgB,UAAU;CAC1B,UAAU,UAAU;CACpB,YAAY,UAAU;CACtB,aAAa,UAAU;CACvB,eAAe,UAAU;CACzB,aAAa,UAAU;CACvB,QAAQ,UAAU;CACnB;AAED,kBAAkB,eAAe;CAC/B,UAAU;CACV,gBAAgB;CAChB,YAAY;CACb"}
1	+ {"version":3,"file":"EmptyStateDisplay-CyINqvWU.js","names":[],"sources":["../src/UI/dataDisplay/EmptyStateDisplay.jsx"],"sourcesContent":["import { ErrorIcon } from '@fluentui/react-icons';\nimport { Typography, makeStyles, Box } from '@material-ui/core';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { FluentButton } from '../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n },\n secondaryText: {\n color: theme.palette.text.secondary,\n },\n image: {\n width: props => props?.imageWidth,\n },\n}));\n\nexport const EmptyStateDisplay = props => {\n const {\n icon,\n iconSize = 48,\n customIconSize = true,\n imageSrc,\n imageWidth = '100px',\n primaryText,\n secondaryText,\n actionLabel,\n action,\n } = props;\n const classes = useStyles({ imageWidth });\n\n return (\n <div className={classes.container}>\n {imageSrc ? (\n <img src={imageSrc} alt='logo' className={classes.image} />\n ) : (\n <FluentIcon\n component={icon ?? ErrorIcon}\n size={iconSize}\n customSize={customIconSize}\n />\n )}\n <LayoutUnit unit=\"xxs\" />\n {primaryText && (\n <div>\n <Typography variant='subtitle2' align='center'>\n {primaryText}\n </Typography>\n </div>\n )}\n {secondaryText && (\n <div>\n <Typography className={classes.secondaryText} align='center'>\n {secondaryText}\n </Typography>\n </div>\n )}\n {(primaryText \|\| secondaryText) && <LayoutUnit unit=\"xxs\" />}\n {action && (\n <div\n className={primaryText \|\| secondaryText ? classes.buttonWrapper : ''}\n >\n <FluentButton\n onClick={action}\n variant='outlined'\n color='secondary'\n id={\n 'udpRecord-EmptyStateDisplay-' +\n primaryText.replace(/\\s+/g, '') +\n '-' +\n actionLabel.replace(/\\s+/g, '')\n }\n udprecordid={\n 'udpRecord-EmptyStateDisplay-' +\n primaryText.replace(/\\s+/g, '') +\n '-' +\n actionLabel.replace(/\\s+/g, '')\n }\n >\n {actionLabel}\n </FluentButton>\n </div>\n )}\n </div>\n );\n};\n\nEmptyStateDisplay.propTypes = {\n icon: PropTypes.elementType,\n iconSize: PropTypes.number,\n customIconSize: PropTypes.bool,\n imageSrc: PropTypes.string,\n imageWidth: PropTypes.string,\n primaryText: PropTypes.string,\n secondaryText: PropTypes.string,\n actionLabel: PropTypes.string,\n action: PropTypes.func\n};\n\nEmptyStateDisplay.defaultProps = {\n iconSize: 48,\n customIconSize: true,\n imageWidth: '100px'\n};\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAW,WAAU;CACrC,WAAW;EACT,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACR;CACD,eAAe,EACb,OAAO,MAAM,QAAQ,KAAK,WAC3B;CACD,OAAO,EACL,QAAO,UAAS,OAAO,YACxB;CACF,EAAE;AAEH,MAAa,qBAAoB,UAAS;CACxC,MAAM,EACJ,MACA,WAAW,IACX,iBAAiB,MACjB,UACA,aAAa,SACb,aACA,eACA,aACA,WACE;CACJ,MAAM,UAAU,UAAU,EAAE,YAAY,CAAC;AAEzC,QACE,oCAAC,SAAI,WAAW,QAAQ,aACrB,WACC,oCAAC;EAAI,KAAK;EAAU,KAAI;EAAO,WAAW,QAAQ;GAAS,GAE3D,oCAAC;EACC,WAAW,QAAQ;EACnB,MAAM;EACN,YAAY;GACZ,EAEJ,oCAAC,cAAW,MAAK,QAAQ,EACxB,eACC,oCAAC,aACC,oCAAC;EAAW,SAAQ;EAAY,OAAM;IACnC,YACU,CACT,EAEP,iBACC,oCAAC,aACC,oCAAC;EAAW,WAAW,QAAQ;EAAe,OAAM;IACjD,cACU,CACT,GAEN,eAAe,kBAAkB,oCAAC,cAAW,MAAK,QAAQ,EAC3D,UACC,oCAAC,SACC,WAAW,eAAe,gBAAgB,QAAQ,gBAAgB,MAElE,oCAAC;EACC,SAAS;EACT,SAAQ;EACR,OAAM;EACN,IACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;EAEjC,aACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;IAGhC,YACY,CACX,CAEJ;;AAIV,kBAAkB,YAAY;CAC5B,MAAM,UAAU;CAChB,UAAU,UAAU;CACpB,gBAAgB,UAAU;CAC1B,UAAU,UAAU;CACpB,YAAY,UAAU;CACtB,aAAa,UAAU;CACvB,eAAe,UAAU;CACzB,aAAa,UAAU;CACvB,QAAQ,UAAU;CACnB;AAED,kBAAkB,eAAe;CAC/B,UAAU;CACV,gBAAgB;CAChB,YAAY;CACb"}

package/dist/{EntityHeader-C3Ae5BLK.js → EntityHeader-CPvUEp7i.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
 import { t as IconRenderer } from "./IconRenderer-BEezfZ3N.js";
 import { n as AlertPill } from "./AggregateChip-BF7S3x_K.js";
 import { t as UdpAlertsContainer } from "./UdpAlertsContainer-CbiqX1P0.js";
-import { t as ChipAlphabet } from "./ChipAlphabet-DCU1DsB-.js";
+import { t as ChipAlphabet } from "./ChipAlphabet-9xlSgNha.js";
 import React, { Children, cloneElement, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Avatar, Divider, Link, Typography, alpha, darken, lighten, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -525,4 +525,4 @@ EntityHeader.propTypes = {
 //#endregion
 export { EntityHeader as t };
-//# sourceMappingURL=EntityHeader-C3Ae5BLK.js.map
+//# sourceMappingURL=EntityHeader-CPvUEp7i.js.map