udp-react-enterprise-component-library 25.18.4-beta.109 → 25.18.4-beta.110

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 (59) hide show
  1. package/dist/{AmbientGridTemplate-Cq87LA5D.js → AmbientGridTemplate-Cs50Xfre.js} +2 -2
  2. package/dist/AmbientGridTemplate-Cs50Xfre.js.map +1 -0
  3. package/dist/{BioCardWrapper-DsQuArrE.js → BioCardWrapper-nuC7vkkV.js} +2 -2
  4. package/dist/{BioCardWrapper-DsQuArrE.js.map → BioCardWrapper-nuC7vkkV.js.map} +1 -1
  5. package/dist/{FieldArrayCard-_HY33Lr1.js → FieldArrayCard-BqTdxvB8.js} +2 -2
  6. package/dist/{FieldArrayCard-_HY33Lr1.js.map → FieldArrayCard-BqTdxvB8.js.map} +1 -1
  7. package/dist/{MyExportsPage-o5FmOQEx.js → MyExportsPage-BnQfrMaE.js} +2 -2
  8. package/dist/{MyExportsPage-o5FmOQEx.js.map → MyExportsPage-BnQfrMaE.js.map} +1 -1
  9. package/dist/{PageRenderer-CVvQcGHx.js → PageRenderer-D-yAa9Qs.js} +2 -2
  10. package/dist/{PageRenderer-CVvQcGHx.js.map → PageRenderer-D-yAa9Qs.js.map} +1 -1
  11. package/dist/{RemindersWidget-99rhrHA3.js → RemindersWidget-BAml1Ybe.js} +7 -14
  12. package/dist/{RemindersWidget-99rhrHA3.js.map → RemindersWidget-BAml1Ybe.js.map} +1 -1
  13. package/dist/{Shell-C6WEk6J8.js → Shell-BNjPV4FY.js} +2 -2
  14. package/dist/{Shell-C6WEk6J8.js.map → Shell-BNjPV4FY.js.map} +1 -1
  15. package/dist/{TableContainer-OkjJypJb.js → TableContainer-BkIjurId.js} +2 -2
  16. package/dist/{TableContainer-OkjJypJb.js.map → TableContainer-BkIjurId.js.map} +1 -1
  17. package/dist/UI/floorplans/index.js +1 -1
  18. package/dist/UI/inputs/fieldArrayCard/index.js +1 -1
  19. package/dist/UI/mapLayout/index.js +1 -1
  20. package/dist/UI/templates/deprecated/AmbientGridTemplate/index.js +1 -1
  21. package/dist/UI/widgets/library/RemindersWidget/index.js +1 -1
  22. package/dist/{UdpGridPanelManagementPage-BBazqe9H.js → UdpGridPanelManagementPage-BUqwjmT3.js} +2 -2
  23. package/dist/{UdpGridPanelManagementPage-BBazqe9H.js.map → UdpGridPanelManagementPage-BUqwjmT3.js.map} +1 -1
  24. package/dist/{UdpNotesPage-CmEQNQE1.js → UdpNotesPage-D6_yhelu.js} +2 -2
  25. package/dist/{UdpNotesPage-CmEQNQE1.js.map → UdpNotesPage-D6_yhelu.js.map} +1 -1
  26. package/dist/{UdpRemindersPage-arFjvPfo.js → UdpRemindersPage-CB_MY5ri.js} +2 -2
  27. package/dist/{UdpRemindersPage-arFjvPfo.js.map → UdpRemindersPage-CB_MY5ri.js.map} +1 -1
  28. package/dist/{UdpRoutes-CBfBJGtM.js → UdpRoutes-1F6OQITp.js} +3 -3
  29. package/dist/{UdpRoutes-CBfBJGtM.js.map → UdpRoutes-1F6OQITp.js.map} +1 -1
  30. package/dist/{UdpVerticalManagementPage-DfpYZISg.js → UdpVerticalManagementPage-BSqDcBQe.js} +3 -3
  31. package/dist/{UdpVerticalManagementPage-DfpYZISg.js.map → UdpVerticalManagementPage-BSqDcBQe.js.map} +1 -1
  32. package/dist/{UdpVerticalManagementSidesheet-BuRBdGj6.js → UdpVerticalManagementSidesheet-DN0bT0vv.js} +2 -2
  33. package/dist/{UdpVerticalManagementSidesheet-BuRBdGj6.js.map → UdpVerticalManagementSidesheet-DN0bT0vv.js.map} +1 -1
  34. package/dist/{VirtualBrowser-Bo8dBBsT.js → VirtualBrowser-8X8i92lm.js} +2 -2
  35. package/dist/{VirtualBrowser-Bo8dBBsT.js.map → VirtualBrowser-8X8i92lm.js.map} +1 -1
  36. package/dist/componentSystems/pageRenderer/hocs/index.js +1 -1
  37. package/dist/componentSystems/pageRenderer/index.js +3 -3
  38. package/dist/componentSystems/pageRenderer/wrappers/index.js +1 -1
  39. package/dist/index.js +8 -8
  40. package/dist/maintenanceEngine/index.js +2 -2
  41. package/dist/maintenanceEngine/tableBrowser/index.js +1 -1
  42. package/dist/maintenanceEngine/virtualBrowser/index.js +1 -1
  43. package/dist/routes/index.js +1 -1
  44. package/dist/shell/index.js +1 -1
  45. package/dist/types/src/UI/widgets/library/RemindersWidget/RemindersWidget.d.ts.map +1 -1
  46. package/dist/types/tsconfig.tsbuildinfo +1 -1
  47. package/dist/udp/export/index.js +1 -1
  48. package/dist/udp/fileImportMapping/index.js +1 -1
  49. package/dist/udp/pages/UdpGridPanelManagementPage/index.js +1 -1
  50. package/dist/udp/pages/UdpNotesPage/index.js +1 -1
  51. package/dist/udp/pages/UdpPages/index.js +5 -5
  52. package/dist/udp/pages/UdpRemindersPage/index.js +1 -1
  53. package/dist/udp/pages/UdpVerticalManagementPage/index.js +1 -1
  54. package/dist/udp/pages/UdpVerticalManagementSidesheet/index.js +1 -1
  55. package/dist/{withEngineComponent-CyAnIGby.js → withEngineComponent-G0YFJhhs.js} +2 -2
  56. package/dist/{withEngineComponent-CyAnIGby.js.map → withEngineComponent-G0YFJhhs.js.map} +1 -1
  57. package/export-map.json +1 -1
  58. package/package.json +1 -1
  59. package/dist/AmbientGridTemplate-Cq87LA5D.js.map +0 -1
@@ -245,7 +245,7 @@ const AmbientGridTemplate = (props) => {
245
245
  setViewsRowData(views);
246
246
  }, [openViews, views]);
247
247
  const getView = useCallback(async () => {
248
- await apiMutate(ConfigService.tenantV2ApiUrl, `GridView/${selectedView.gridViewId}/PartiallyFull`, { method: "get" }).then((response) => {
248
+ await apiMutate(ConfigService.tenantV2ApiUrl, `GridView/${selectedView?.gridViewId}/PartiallyFull`, { method: "get" }).then((response) => {
249
249
  setView(response.data);
250
250
  }).catch((error) => {
251
251
  console.log(error);
@@ -535,4 +535,4 @@ AmbientGridTemplate.propTypes = {
535
535
  //#endregion
536
536
  export { AmbientGridTemplate as t };
537
537
 
538
- //# sourceMappingURL=AmbientGridTemplate-Cq87LA5D.js.map
538
+ //# sourceMappingURL=AmbientGridTemplate-Cs50Xfre.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AmbientGridTemplate-Cs50Xfre.js","names":[],"sources":["../src/UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress, Grow } from '@material-ui/core';\nimport '../../../../style.css';\nimport { GridGroupingSidebar } from '../../ui/GridGroupingSidebar';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport invariant from 'invariant';\nimport PropTypes from 'prop-types';\nimport { AgTable, useAgGridApi } from '../../../../utilities/aggrid/AgTable';\nimport { GridActionBar } from '../../../utilityDisplay/GridActionBar';\nimport { GridPrimaryBar } from '../../../utilityDisplay/GridPrimaryBar.jsx';\nimport { SaveViewFormDialog } from '../../../utilityDisplay/SaveViewFormDialog.jsx';\nimport { ChipSection } from '../../../utilityDisplay/ChipSection.jsx';\n// import GridViewsSideSheet from '../utilityDisplay/GridViewsSideSheet.jsx';\nimport { useAxiosGet } from '../../../../utilities/useAxiosGet';\nimport { apiMutate } from '../../../../utilities/useAxiosMutate';\nimport { onFirstDataRendered } from '../../../../utilities/aggrid/GridFunctions';\nimport { BulkActionsGridButton } from '../../../utilityDisplay/BulkActionsGridButton';\nimport { useActions } from '../../../../hooks/useActions';\nimport { FilterOperators } from '../../../../models/SearchOperator';\nimport { ConfigService } from '../../../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n pab: {\n display: 'flex',\n [theme.breakpoints.between('xs', 'sm')]: {\n position: 'fixed',\n bottom: theme.spacing(2),\n right: theme.spacing(2),\n zIndex: theme.zIndex.appBar\n }\n },\n groupSideBar: {\n width: 225\n },\n gridApi: {\n display: 'flex'\n }\n}));\nexport const AmbientGridTemplate = (props) => {\n const {\n additionalFilters,\n api,\n apiMethod,\n applicationName,\n bulkActionFunctions,\n clearGridConfig,\n columnApi,\n columnDefs,\n data,\n defaultAutoSize,\n deleteGridConfig,\n disablePagination,\n disableDynamicSizing,\n disableRowSelection,\n entityName,\n filterChips = [],\n filters,\n frameworkComponents,\n gridReady,\n gridId,\n groupingData,\n height,\n hideFitGrid,\n hideExpandGrid,\n hideExportGrid,\n hideRemoveFilters,\n hideFilterTab,\n hideGroupTab,\n hideColumnTab,\n hideSearchBar,\n hiddenLabels,\n hiddenActionButtons = [],\n kpiValues = [],\n loading = false,\n onRowSelected,\n onSearch,\n onPrimaryActionClick,\n paginationPageSize = 20,\n primaryActionButton,\n primaryActionDisabled,\n primaryActionLabel,\n primaryActionIcon,\n rowModelType = 'clientSide',\n rowNodeIdName,\n saveGridConfig,\n scrollToTopOnStateChange,\n secondaryActionButtons,\n title,\n tenantName,\n hideHeader,\n useNewHeader,\n insightsClick,\n user,\n id,\n udprecordid,\n additionalGridOptions = {},\n headerBackgroundColor,\n onSearchKeyDown,\n ...otherGridProps\n } = props;\n\n const classes = useStyles();\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const [isVisible, setIsVisible] = useState();\n const [sidebarIsVisible, setSidebarIsVisible] = useState(false);\n const [showGroupOptions, setShowGroupOptions] = useState(false);\n const [selectedRow, setSelectedRow] = useState(null);\n const [value, setValue] = useState(0);\n const [saveViewOpen, setSaveViewOpen] = useState(false);\n const [defaultViews, setDefaultViews] = useState([]);\n const [viewsOpen, setViewsOpen] = useState(false);\n const [agGridOptions, setAgGridOptions] = useState({\n frameworkComponents: frameworkComponents,\n suppressScrollOnNewData: !scrollToTopOnStateChange,\n ...additionalGridOptions\n });\n const gApi = api || gridApi;\n const gcApi = columnApi || gridColumnApi;\n\n const [viewChips, setViewChips] = useState([]);\n const [additionalFilterChips, setAdditionalFilterChips] =\n useState(additionalFilters);\n const [columnDefsValues, setColumnDefsValues] = useState(null);\n const [selectedView, setSelectedView] = useState(null);\n const [viewsRowData, setViewsRowData] = useState(null);\n const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();\n const [numSelectedRows, setNumSelectedRows] = useState(0);\n const [domain, setDomain] = useState(null);\n const [apiCatalogId, setApiCatalogId] = useState(null);\n\n const { triggerAction } = useActions();\n\n useEffect(() => {\n if (apiMethod) {\n setDomain(apiMethod.entityName);\n setApiCatalogId(apiMethod.apiCatalogId);\n }\n }, [apiMethod, setDomain, setApiCatalogId]);\n\n const defaultColActionsDef = {\n resizable: true,\n editable: false,\n sortable: true,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true,\n filterParams: {\n filterOptions: rowModelType === 'serverSide' ? Object.keys(FilterOperators) : undefined\n }\n };\n\n const handleChange = (event, newValue) => {\n event.preventDefault();\n setValue((preValue) => {\n if (newValue === preValue && newValue !== 1) {\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n } else if (newValue === 0) {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n } else if (newValue === 1) {\n showGrouping();\n gApi.setSideBarVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n }\n\n return newValue;\n });\n };\n\n const onFilterClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setValue(0);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const onGroupClick = (event) => {\n // event.preventDefault();\n // // gApi.setSideBarVisible(!gApi.isSideBarVisible());\n // showGrouping();\n // setValue(1);\n alert('Group button clicked');\n };\n\n const onColumnsClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n setValue(2);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const emptyArr = [];\n\n const handleRowSelected = useCallback(\n (event) => {\n if (!gApi) return;\n const selectedRows = gApi.getSelectedRows();\n setNumSelectedRows(selectedRows.length); //for bulk actions ui\n const row = selectedRows.length && selectedRows[0];\n setSelectedRow(row);\n if (onRowSelected) {\n onRowSelected(event, row);\n }\n },\n [gApi, onRowSelected]\n );\n\n const setSideBarInvisible = () => {\n if (gApi.isSideBarVisible()) {\n gApi.setSideBarVisible(false);\n setIsVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setIsVisible(true);\n }\n };\n\n const handleFilterChange = (event) => {\n gApi.setQuickFilter(event.target.value);\n };\n\n // Sets Grouping on grid based on passed filter string\n const groupGridItems = (groupItem) => {\n gcApi.setRowGroupColumns([groupItem]);\n gApi.expandAll();\n // setToggleFlag(groupItem)\n };\n\n const restoreGridDefault = () => {\n gApi.setQuickFilter('');\n gcApi.setRowGroupColumns([]);\n gApi.setFilterModel(null);\n gApi.setQuickFilter('');\n gcApi.resetColumnState();\n };\n\n const showGrouping = () => {\n setShowGroupOptions(!showGroupOptions);\n gApi.setSideBarVisible(false);\n };\n\n const expandGroupedGrid = () => {\n gApi.expandAll();\n };\n\n const collapseGroupedGrid = () => {\n gApi.collapseAll();\n };\n\n const fitToSpace = () => {\n gApi.sizeColumnsToFit();\n };\n\n const exportGrid = () => {\n gApi.exportDataAsCsv({\n allColumns: true,\n fileName: 'export'\n });\n };\n\n const openSaveView = () => {\n setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));\n setSaveViewOpen(true);\n };\n\n const closeSaveView = () => {\n setSaveViewOpen(false);\n };\n\n const openViews = useCallback(() => {\n setViewsOpen(true);\n },[]);\n\n const closeViews = () => {\n setViewsOpen(false);\n };\n\n const handleTriggerAction = useCallback(\n (actionId) => {\n if (triggerAction && gApi) {\n triggerAction(actionId, gApi.getSelectedRows());\n }\n },\n [triggerAction, gApi]\n );\n\n const autoSizeAll = useCallback(\n (skipHeader) => {\n invariant(gcApi, `gridColumnApi not ready`);\n const allColumnIds = [];\n gcApi.getAllColumns().forEach((column) => {\n allColumnIds.push(column.getColId());\n });\n gcApi.autoSizeColumns(allColumnIds, skipHeader);\n },\n [gcApi]\n );\n\n const autoSizeAllWithoutHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n\n const firstDataRendered = useCallback(\n (params) => {\n // Size columns to fit after the first data render\n !defaultAutoSize && params?.api.sizeColumnsToFit();\n\n defaultAutoSize && autoSizeAllWithoutHeader();\n },\n [defaultAutoSize, autoSizeAllWithoutHeader]\n );\n\n useEffect(() => {\n if (!gApi) return;\n\n setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);\n selectedRow && gApi.ensureNodeVisible(selectedRow);\n }, [gApi, selectedRow]);\n\n const handleChipDelete = (chipType, chipIndex) => {\n switch (chipType) {\n case 'view':\n setViewChips((prevChips) =>\n prevChips.filter((_, index) => index !== chipIndex)\n );\n setSelectedView(null);\n gcApi.resetColumnState();\n gApi.sizeColumnsToFit();\n break;\n case 'additionalFilter':\n setAdditionalFilterChips((prevChips) => {\n if (prevChips[chipIndex]?.onUntoggle) {\n prevChips[chipIndex]?.onUntoggle();\n }\n return prevChips.filter((_, index) => index !== chipIndex);\n });\n break;\n default:\n break;\n }\n };\n\n useEffect(() => {\n if (viewsRowData?.length > 0) {\n const DefaultViews = viewsRowData.reduce((acc, row) => {\n if (row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n\n const nonDefaultViews = viewsRowData.reduce((acc, row) => {\n if (!row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n setDefaultViews(DefaultViews);\n setNonDefaultViewsRowData(nonDefaultViews);\n }\n }, [viewsRowData]);\n\n // Function to handle closing the side sheet\n // const handleSideSheetClose = () => {\n // setIsSideSheetOpen(false);\n // };\n\n const setView = useCallback(\n (value) => {\n const columnState = value?.gridViewGridViewGridConfiguration.map(\n (ele) => ele.gridViewGridConfigurationGridConfiguration\n );\n setViewChips((prevChips) => [{ label: value?.name }]);\n onFirstDataRendered(gApi, gcApi, columnState);\n },\n [setViewChips, gApi, gcApi]\n );\n\n const setFilter = (value) => {\n // todo: filter will come from the ApiMethodInstance endpoint\n };\n\n const [{ data: views }, refetch] = useAxiosGet(\n ConfigService.tenantV2ApiUrl,\n `GridView/getFromUser/${user?.id}/${gridId}`,\n {\n params: {\n domainName: domain,\n apiCatalogId: apiCatalogId\n }\n },\n !!!ConfigService.tenantV2ApiUrl || !!!gridId || !!!user\n );\n\n const [{ data: bulkActions }] = useAxiosGet(\n ConfigService.integrationV2ApiUrl,\n `action/grid/${gridId}`,\n {},\n !!!ConfigService.integrationV2ApiUrl || !!!gridId\n );\n\n useEffect(() => {\n setViewsRowData(views);\n }, [openViews, views]);\n\n const getView = useCallback(async () => {\n await apiMutate(\n ConfigService.tenantV2ApiUrl,\n `GridView/${selectedView?.gridViewId}/PartiallyFull`,\n {\n method: 'get'\n }\n )\n .then((response) => {\n setView(response.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, [selectedView, setView]);\n\n useEffect(() => {\n if (!selectedView?.gridViewId) {\n gcApi?.resetColumnState();\n gApi?.sizeColumnsToFit();\n return undefined;\n }\n getView();\n\n // No cleanup function needed, so return undefined\n return undefined;\n }, [setSelectedView, selectedView, gcApi, gApi, getView]);\n\n useEffect(() => {\n if (additionalFilters) {\n setAdditionalFilterChips(additionalFilters);\n }\n }, [additionalFilters]);\n\n return (\n <>\n {/* Must wait for gApi to be instantiated before rendering primary bar */}\n {!hideHeader && useNewHeader && gApi && (\n <GridPrimaryBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch || handleFilterChange}\n showGroup={showGrouping}\n value={value}\n saveViewClick={openSaveView}\n viewsClick={openViews}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n insightsClick={insightsClick}\n clearClick={restoreGridDefault}\n filterClick={onFilterClick}\n columnsClick={onColumnsClick}\n // groupClick={onGroupClick}\n hideSearchBar={hideSearchBar}\n secondaryActionButtons={secondaryActionButtons || []}\n onPrimaryActionClick={onPrimaryActionClick}\n primaryActionDisabled={primaryActionDisabled}\n primaryActionLabel={primaryActionLabel}\n primaryActionIcon={primaryActionIcon}\n hiddenActionButtons={hiddenActionButtons || []}\n hiddenLabels={hiddenLabels || []}\n background={headerBackgroundColor}\n onSearchKeyDown={onSearchKeyDown}\n />\n )}\n {useNewHeader &&\n (kpiValues?.length > 0 ||\n filterChips?.length > 0 ||\n filters?.length > 0 ||\n viewChips?.length > 0 ||\n additionalFilterChips?.length > 0) && (\n <div style={{ display: 'flex', flexDirection: 'row', height: 40 }}>\n <Grow in={bulkActions && numSelectedRows > 0} unmountOnExit>\n <BulkActionsGridButton\n bulkActions={bulkActions}\n numSelectedRows={numSelectedRows}\n triggerAction={handleTriggerAction}\n domain={domain}\n />\n </Grow>\n\n <ChipSection\n filterChips={filterChips}\n viewChips={viewChips}\n additionalFilterChips={additionalFilterChips}\n kpiValues={kpiValues}\n handleDelete={handleChipDelete}\n setAdditionalFilterChips={setAdditionalFilterChips}\n setViewChips={setViewChips}\n setFilter={setFilter}\n />\n </div>\n )}\n\n {/* {useNewHeader && gApi && gcApi && (\n <GridViewsSideSheet\n open={viewsOpen}\n onClose={closeViews}\n openSaveView={openSaveView}\n setViewChips={setViewChips}\n setFilter={setView}\n rowData={views}\n setSelectedView={setSelectedView}\n />\n )} */}\n\n {!hideHeader && !useNewHeader && (\n <GridActionBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch || handleFilterChange}\n showGroup={showGrouping}\n value={value}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n clearClick={restoreGridDefault}\n saveGridConfig={saveGridConfig}\n deleteGridConfig={deleteGridConfig}\n clearGridConfig={clearGridConfig}\n hideFitGrid={hideFitGrid}\n hideExpandGrid={hideExpandGrid}\n hideExportGrid={hideExportGrid}\n hideRemoveFilters={hideRemoveFilters}\n hideFilterTab={hideFilterTab}\n hideGroupTab={hideGroupTab}\n hideColumnTab={hideColumnTab}\n hideSearchBar={hideSearchBar}\n >\n {primaryActionButton && (\n <div className={classes.pab}>{primaryActionButton}</div>\n )}\n </GridActionBar>\n )}\n\n {loading && <LinearProgress />}\n <div style={{ display: 'flex' }}>\n <div style={{ width: '100%' }}>\n <AgTable\n {...agGridOptions}\n columnDefs={columnDefs}\n dynamicSizing={!disableDynamicSizing}\n rowData={data || emptyArr}\n onGridReady={gridReady || onGridReady}\n onRowSelected={handleRowSelected}\n suppressCellSelection={true}\n suppressRowClickSelection={false}\n defaultColDef={defaultColActionsDef}\n enableRangeSelection={true}\n enableColResize\n sideBar={sidebarIsVisible}\n pivotMode={false}\n pivotPanelShow='never'\n groupSelectsChildren={true}\n animateRows={false}\n pagination={!disablePagination}\n showOpenedGroup={true}\n paginateChildRows={true}\n paginationPageSize={paginationPageSize}\n modules={\n rowModelType === 'serverSide' ? [ServerSideRowModelModule] : []\n }\n onFirstDataRendered={firstDataRendered}\n rowModelType={rowModelType}\n rowClassRules={{\n 'first-row-in-group': (params) =>\n params.node.rowIndex !== 0 && params.node.firstChild\n }}\n height={height}\n api={gApi}\n rowSelection={\n !disableRowSelection && (bulkActions ? 'multiple' : 'single')\n }\n hideHeader={hideHeader}\n {...otherGridProps}\n />\n </div>\n {showGroupOptions && (\n <div className={classes.groupSideBar}>\n <GridGroupingSidebar\n groupItem={(item) => groupGridItems(item)}\n closeClick={() => groupGridItems('')}\n expandClick={expandGroupedGrid}\n collapseClick={collapseGroupedGrid}\n groupingData={groupingData}\n height={height}\n />\n </div>\n )}\n {!hiddenActionButtons?.includes('saveView') && (\n <SaveViewFormDialog\n open={saveViewOpen}\n handleClose={closeSaveView}\n application={applicationName}\n tenant={tenantName}\n user={user}\n columnDefsValues={columnDefsValues}\n refetchViews={refetch}\n gApi={gApi}\n gcApi={gcApi}\n setSelectedView={setView}\n gridId={gridId}\n domain={domain}\n apiCatalogId={apiCatalogId}\n />\n )}\n </div>\n </>\n );\n};\n\nAmbientGridTemplate.propTypes = {\n /**\n * Column Definitions for Ag Grid\n */\n columnDefs: PropTypes.array,\n /**\n * AG Grid function for onRowSelected\n */\n handleRowSelected: PropTypes.func,\n /**\n * Data array for AG Grid\n */\n data: PropTypes.array,\n /**\n * Title of the grid\n */\n title: PropTypes.string,\n /**\n * Array of data to allow for custom grouping, example: {groupItem: 'instructors', label: 'Instructors', value: 'instructors'}\n */\n groupingData: PropTypes.array,\n /**\n * Grid Options\n */\n frameworkComponents: PropTypes.object,\n /**\n * Handle loading status with progress animation\n */\n loading: PropTypes.bool,\n /**\n * Primary Action Button Component\n */\n primaryActionButton: PropTypes.object,\n /**\n * name of the property for the id\n */\n rowNodeIdName: PropTypes.string,\n /**\n * Sets the grid default to expaned size if true. The default is 'size to fit'.\n */\n defaultAutoSize: PropTypes.bool,\n /**\n * Scrolls the grid back to the top on state change if true, otherwise maintains scroll position. The default is false.\n */\n scrollToTopOnStateChange: PropTypes.bool,\n /**\n * Disable dynamicSizing so that the grid size stays the same regardless of the window size if true. The default is false.\n */\n disableDynamicSizing: PropTypes.bool,\n /**\n * An array of filter chips.\n */\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ),\n /**\n * An array of view chips.\n */\n views: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /**\n * An array of additional filter chips.\n */\n additionalFilters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /**\n * An array of KPI values.\n */\n kpis: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .isRequired\n })\n ),\n /**\n * Enable the new header for data grids v2 if true. The default is false.\n */\n useNewHeader: PropTypes.bool,\n /**\n * Passes function that executes on the insights button click\n */\n insightsClick: PropTypes.func,\n /*\n * Specifies which action buttons to hide\n */\n hiddenActionButtons: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /*\n * Specifies which action button labels to hide\n */\n hiddenLabels: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /**\n * Passes function that executes on the primary action button click\n */\n onPrimaryActionClick: PropTypes.func,\n /**\n * Specifies the label for the primary action button\n */\n primaryActionLabel: PropTypes.string,\n /**\n * Specifies the icon for the primary action button\n */\n primaryActionIcon: PropTypes.elementType,\n /**\n * An array of objects that will be used to create the secondary action buttons. The default is an empty array.\n */\n secondaryActionButtons: PropTypes.array,\n /**\n * The name of the application that the grid is being used in\n */\n applicationName: PropTypes.string,\n /**\n * The name of the entity that the data in the grid is associated with\n */\n entityName: PropTypes.string,\n /**\n * The name of the tenant that is currently logged in\n */\n tenantName: PropTypes.string,\n /**\n * User object (optional)\n */\n user: PropTypes.object,\n /**\n * Array of KPI values (optional)\n */\n kpiValues: PropTypes.array\n};\n"],"mappings":"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"}
@@ -4,7 +4,7 @@ import { AmbientCard } from "./UI/surfaces/cards/AmbientCard/index.js";
4
4
  import { t as fluentLibraryIcons } from "./LibraryData-CTyLVNeg.js";
5
5
  import { t as useReadMetaData } from "./useReadMetaData-DyMdR1ZA.js";
6
6
  import { t as FluentMenuListItem } from "./FluentMenuListItem-DqcUmJ95.js";
7
- import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cq87LA5D.js";
7
+ import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cs50Xfre.js";
8
8
  import { t as TableColumnDefs } from "./TableColumnDefs-DyXJcnOH.js";
9
9
  import { t as ActionsRenderer } from "./ActionsRenderer-D9d0_Uw5.js";
10
10
  import { t as BioCard } from "./BioCard-DWCgO5bS.js";
@@ -502,4 +502,4 @@ const BioCardWrapper = (props) => {
502
502
  //#endregion
503
503
  export { DonutWrapper as a, BarChartWrapper as c, LineGraphWrapper as i, DisplayCardWrapper as l, AgGridSimpleWrapper as n, barChartWrapperProps as o, data as r, HistogramWrapper as s, BioCardWrapper as t, PrimaryActionHeaderWrapper as u };
504
504
 
505
- //# sourceMappingURL=BioCardWrapper-DsQuArrE.js.map
505
+ //# sourceMappingURL=BioCardWrapper-nuC7vkkV.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BioCardWrapper-DsQuArrE.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n const { propsComponent } = props;\n const { id, title, subheader } = useReadMetaData(propsComponent);\n\n return (\n // <SubHeaderAction key={id}>\n\n // </SubHeaderAction>\n <PrimaryActionHeader\n title={title?.label || ''}\n //subheader={subheader?.label || ''}\n buttonLabel={subheader?.label || ''}\n single={true}\n grid={false}\n />\n );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n const {\n propsComponent,\n setSideSheetOpen,\n sideSheetOpen,\n setSideSheetComponent\n } = props;\n // const { id, columnSize, title, label, status, button, secondaryButtons } =\n // useReadMetaData(propsComponent);\n\n // useEffect(() => {\n // const { view } = button;\n\n // setSideSheetComponent({\n // id: view?.id,\n // component: view?.component,\n // propsComponent: view?.properties,\n // });\n // }, [button, setSideSheetComponent]);\n\n return (\n <Grid\n item\n // xs={columnSize?.xs}\n // sm={columnSize?.sm}\n // md={columnSize?.md}\n // key={id}\n >\n <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n <AmbientCard\n // title={title?.label}\n // status={status?.label}\n overrideStatusSuccess='current'\n overrideStatusError='expired'\n editEvent={() => {}}\n deleteEvent={() => {}}\n // label={label?.label}\n fullWidth={true}\n >\n <div>\n <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n {/* {button && (\n <FluentButton\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n {button?.label?.label}\n </FluentButton>\n )} */}\n\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n Test Button\n </FluentButton>\n\n {/* {secondaryButtons &&\n secondaryButtons.value?.map((button, index) => (\n <FluentIconButton\n key={index}\n icon={\n fluentLibraryIcons.find(x => x.id === button.icon)?.icon ||\n ChevronDownIcon\n }\n style={{ width: '40px', height: '40px' }}\n size=\"small\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n />\n ))} */}\n </div>\n </AmbientCard>\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: 'container',\n data: {\n // values: [\n // { quarter: 'Q1', percent: 0.2 },\n // { quarter: 'Q2', percent: 0.28 },\n // { quarter: 'Q3', percent: 0.32 },\n // { quarter: 'Q4', percent: 0.39 },\n // ],\n values: values,\n },\n mark: 'bar',\n //encoding: encoding,\n encoding: {\n x: {\n field: xfield,\n type: 'nominal',\n axis: {\n ticks: false,\n },\n band: 0.5,\n },\n y: {\n field: yfield,\n type: 'quantitative',\n axis: {\n format: 'p',\n },\n },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"histogram\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n description:\n 'An interactive histogram for visualizing a univariate distribution.',\n width: 500,\n height: 100,\n padding: 5,\n\n signals: [\n {\n name: 'binOffset',\n value: 0,\n bind: { input: 'range', min: -0.1, max: 0.1 },\n },\n {\n name: 'binStep',\n value: 0.1,\n bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n },\n ],\n\n data: [\n {\n name: 'points',\n url: 'data/normal-2d.json',\n },\n {\n name: 'binned',\n source: 'points',\n transform: [\n {\n type: 'bin',\n field: 'u',\n extent: [-1, 1],\n anchor: { signal: 'binOffset' },\n step: { signal: 'binStep' },\n nice: false,\n },\n {\n type: 'aggregate',\n key: 'bin0',\n groupby: ['bin0', 'bin1'],\n fields: ['bin0'],\n ops: ['count'],\n as: ['count'],\n },\n ],\n },\n ],\n\n scales: [\n {\n name: 'xscale',\n type: 'linear',\n range: 'width',\n domain: [-1, 1],\n },\n {\n name: 'yscale',\n type: 'linear',\n range: 'height',\n round: true,\n domain: { data: 'binned', field: 'count' },\n zero: true,\n nice: true,\n },\n ],\n\n axes: [\n { orient: 'bottom', scale: 'xscale', zindex: 1 },\n { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n ],\n\n marks: [\n {\n type: 'rect',\n from: { data: 'binned' },\n encode: {\n update: {\n x: { scale: 'xscale', field: 'bin0' },\n x2: {\n scale: 'xscale',\n field: 'bin1',\n offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n },\n y: { scale: 'yscale', field: 'count' },\n y2: { scale: 'yscale', value: 0 },\n fill: { value: 'steelblue' },\n },\n hover: { fill: { value: 'firebrick' } },\n },\n },\n {\n type: 'rect',\n from: { data: 'points' },\n encode: {\n enter: {\n x: { scale: 'xscale', field: 'u' },\n width: { value: 1 },\n y: { value: 25, offset: { signal: 'height' } },\n height: { value: 5 },\n fill: { value: 'steelblue' },\n fillOpacity: { value: 0.4 },\n },\n },\n },\n ],\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n description: 'A simple donut chart with embedded data.',\n data: {\n values: values,\n // values: [\n // { category: 1, value: 4 },\n // { category: 2, value: 6 },\n // { category: 3, value: 10 },\n // { category: 4, value: 3 },\n // { category: 5, value: 7 },\n // { category: 6, value: 8 },\n // ],\n },\n mark: { type: 'arc', innerRadius: 160 },\n width: 350,\n height: 350,\n encoding: {\n theta: { field: 'value', type: 'quantitative' },\n color: { field: 'category', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"lineChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: 'Values perdicted by the model',\n width: 'container',\n data: {\n // values: [\n // { a: 'A', b: 28, predicted: false },\n // { a: 'B', b: 55, predicted: false },\n // { a: 'D', b: 91, predicted: false },\n // { a: 'E', b: 81, predicted: false },\n // { a: 'E', b: 81, predicted: true },\n // { a: 'G', b: 19, predicted: true },\n // { a: 'H', b: 87, predicted: true },\n // ],\n values: values,\n },\n mark: 'line',\n encoding: {\n x: { field: 'a', type: 'ordinal' },\n y: { field: 'b', type: 'quantitative' },\n strokeDash: { field: 'predicted', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n {\n id: 1,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Liam Atchison'\n },\n {\n id: 2,\n name: 'Skating Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Luca Thomas'\n },\n {\n id: 3,\n name: 'Skating Lessons',\n tags: 'Adult',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'John Smith'\n },\n {\n id: 4,\n name: 'Pre-School Swim Lessons',\n tags: 'Self-Pace',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'In Progress',\n instructors: 'Lucy May'\n },\n {\n id: 5,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-08-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Pending',\n instructors: 'Matteo Thomas'\n }\n];\n\n// Demonstrative purpose\nconst groupData = [\n { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n { groupItem: 'name', label: 'Course Name', value: 'name' },\n { groupItem: 'status', label: 'Status', value: 'status' },\n { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n const { propsComponent } = props;\n const { id, columnSize, columnDefs, actionsList, values } =\n useReadMetaData(propsComponent);\n\n const columnDefinitions = useMemo(() => {\n if (columnDefs?.length) {\n const newActionsList = actionsList?.map((actionItem) => {\n return {\n ...actionItem,\n icon:\n fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon ||\n actionItem.icon,\n onClick: () => {}\n };\n });\n\n return TableColumnDefs(columnDefs, newActionsList);\n }\n return [];\n }, [actionsList, columnDefs]);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <AmbientGridTemplate\n title='Course List'\n data={values}\n columnDefs={columnDefinitions}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n groupingData={groupData}\n />\n </Grid>\n );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n const { id, propsComponent } = props;\n const { columnSize } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <BioCard\n firstName='Marlene'\n lastName='Smith'\n avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n alt='Marlene'\n address={\n <>\n <AddressListItem>\n 123 Fake Street, Encinitas, CA, 92024\n </AddressListItem>\n <AddressListItem> +1.767.815.8957 </AddressListItem>\n <AddressListItem> marlene@smith.com </AddressListItem>\n </>\n }\n copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com '\n >\n <h1>Marlene Smith</h1>\n </BioCard>\n </Grid>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"BioCardWrapper-nuC7vkkV.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n const { propsComponent } = props;\n const { id, title, subheader } = useReadMetaData(propsComponent);\n\n return (\n // <SubHeaderAction key={id}>\n\n // </SubHeaderAction>\n <PrimaryActionHeader\n title={title?.label || ''}\n //subheader={subheader?.label || ''}\n buttonLabel={subheader?.label || ''}\n single={true}\n grid={false}\n />\n );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n const {\n propsComponent,\n setSideSheetOpen,\n sideSheetOpen,\n setSideSheetComponent\n } = props;\n // const { id, columnSize, title, label, status, button, secondaryButtons } =\n // useReadMetaData(propsComponent);\n\n // useEffect(() => {\n // const { view } = button;\n\n // setSideSheetComponent({\n // id: view?.id,\n // component: view?.component,\n // propsComponent: view?.properties,\n // });\n // }, [button, setSideSheetComponent]);\n\n return (\n <Grid\n item\n // xs={columnSize?.xs}\n // sm={columnSize?.sm}\n // md={columnSize?.md}\n // key={id}\n >\n <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n <AmbientCard\n // title={title?.label}\n // status={status?.label}\n overrideStatusSuccess='current'\n overrideStatusError='expired'\n editEvent={() => {}}\n deleteEvent={() => {}}\n // label={label?.label}\n fullWidth={true}\n >\n <div>\n <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n {/* {button && (\n <FluentButton\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n {button?.label?.label}\n </FluentButton>\n )} */}\n\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n Test Button\n </FluentButton>\n\n {/* {secondaryButtons &&\n secondaryButtons.value?.map((button, index) => (\n <FluentIconButton\n key={index}\n icon={\n fluentLibraryIcons.find(x => x.id === button.icon)?.icon ||\n ChevronDownIcon\n }\n style={{ width: '40px', height: '40px' }}\n size=\"small\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n />\n ))} */}\n </div>\n </AmbientCard>\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: 'container',\n data: {\n // values: [\n // { quarter: 'Q1', percent: 0.2 },\n // { quarter: 'Q2', percent: 0.28 },\n // { quarter: 'Q3', percent: 0.32 },\n // { quarter: 'Q4', percent: 0.39 },\n // ],\n values: values,\n },\n mark: 'bar',\n //encoding: encoding,\n encoding: {\n x: {\n field: xfield,\n type: 'nominal',\n axis: {\n ticks: false,\n },\n band: 0.5,\n },\n y: {\n field: yfield,\n type: 'quantitative',\n axis: {\n format: 'p',\n },\n },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"histogram\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n description:\n 'An interactive histogram for visualizing a univariate distribution.',\n width: 500,\n height: 100,\n padding: 5,\n\n signals: [\n {\n name: 'binOffset',\n value: 0,\n bind: { input: 'range', min: -0.1, max: 0.1 },\n },\n {\n name: 'binStep',\n value: 0.1,\n bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n },\n ],\n\n data: [\n {\n name: 'points',\n url: 'data/normal-2d.json',\n },\n {\n name: 'binned',\n source: 'points',\n transform: [\n {\n type: 'bin',\n field: 'u',\n extent: [-1, 1],\n anchor: { signal: 'binOffset' },\n step: { signal: 'binStep' },\n nice: false,\n },\n {\n type: 'aggregate',\n key: 'bin0',\n groupby: ['bin0', 'bin1'],\n fields: ['bin0'],\n ops: ['count'],\n as: ['count'],\n },\n ],\n },\n ],\n\n scales: [\n {\n name: 'xscale',\n type: 'linear',\n range: 'width',\n domain: [-1, 1],\n },\n {\n name: 'yscale',\n type: 'linear',\n range: 'height',\n round: true,\n domain: { data: 'binned', field: 'count' },\n zero: true,\n nice: true,\n },\n ],\n\n axes: [\n { orient: 'bottom', scale: 'xscale', zindex: 1 },\n { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n ],\n\n marks: [\n {\n type: 'rect',\n from: { data: 'binned' },\n encode: {\n update: {\n x: { scale: 'xscale', field: 'bin0' },\n x2: {\n scale: 'xscale',\n field: 'bin1',\n offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n },\n y: { scale: 'yscale', field: 'count' },\n y2: { scale: 'yscale', value: 0 },\n fill: { value: 'steelblue' },\n },\n hover: { fill: { value: 'firebrick' } },\n },\n },\n {\n type: 'rect',\n from: { data: 'points' },\n encode: {\n enter: {\n x: { scale: 'xscale', field: 'u' },\n width: { value: 1 },\n y: { value: 25, offset: { signal: 'height' } },\n height: { value: 5 },\n fill: { value: 'steelblue' },\n fillOpacity: { value: 0.4 },\n },\n },\n },\n ],\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n description: 'A simple donut chart with embedded data.',\n data: {\n values: values,\n // values: [\n // { category: 1, value: 4 },\n // { category: 2, value: 6 },\n // { category: 3, value: 10 },\n // { category: 4, value: 3 },\n // { category: 5, value: 7 },\n // { category: 6, value: 8 },\n // ],\n },\n mark: { type: 'arc', innerRadius: 160 },\n width: 350,\n height: 350,\n encoding: {\n theta: { field: 'value', type: 'quantitative' },\n color: { field: 'category', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"lineChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: 'Values perdicted by the model',\n width: 'container',\n data: {\n // values: [\n // { a: 'A', b: 28, predicted: false },\n // { a: 'B', b: 55, predicted: false },\n // { a: 'D', b: 91, predicted: false },\n // { a: 'E', b: 81, predicted: false },\n // { a: 'E', b: 81, predicted: true },\n // { a: 'G', b: 19, predicted: true },\n // { a: 'H', b: 87, predicted: true },\n // ],\n values: values,\n },\n mark: 'line',\n encoding: {\n x: { field: 'a', type: 'ordinal' },\n y: { field: 'b', type: 'quantitative' },\n strokeDash: { field: 'predicted', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n {\n id: 1,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Liam Atchison'\n },\n {\n id: 2,\n name: 'Skating Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Luca Thomas'\n },\n {\n id: 3,\n name: 'Skating Lessons',\n tags: 'Adult',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'John Smith'\n },\n {\n id: 4,\n name: 'Pre-School Swim Lessons',\n tags: 'Self-Pace',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'In Progress',\n instructors: 'Lucy May'\n },\n {\n id: 5,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-08-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Pending',\n instructors: 'Matteo Thomas'\n }\n];\n\n// Demonstrative purpose\nconst groupData = [\n { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n { groupItem: 'name', label: 'Course Name', value: 'name' },\n { groupItem: 'status', label: 'Status', value: 'status' },\n { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n const { propsComponent } = props;\n const { id, columnSize, columnDefs, actionsList, values } =\n useReadMetaData(propsComponent);\n\n const columnDefinitions = useMemo(() => {\n if (columnDefs?.length) {\n const newActionsList = actionsList?.map((actionItem) => {\n return {\n ...actionItem,\n icon:\n fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon ||\n actionItem.icon,\n onClick: () => {}\n };\n });\n\n return TableColumnDefs(columnDefs, newActionsList);\n }\n return [];\n }, [actionsList, columnDefs]);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <AmbientGridTemplate\n title='Course List'\n data={values}\n columnDefs={columnDefinitions}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n groupingData={groupData}\n />\n </Grid>\n );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n const { id, propsComponent } = props;\n const { columnSize } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <BioCard\n firstName='Marlene'\n lastName='Smith'\n avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n alt='Marlene'\n address={\n <>\n <AddressListItem>\n 123 Fake Street, Encinitas, CA, 92024\n </AddressListItem>\n <AddressListItem> +1.767.815.8957 </AddressListItem>\n <AddressListItem> marlene@smith.com </AddressListItem>\n </>\n }\n copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com '\n >\n <h1>Marlene Smith</h1>\n </BioCard>\n </Grid>\n );\n};\n"],"mappings":"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"}
@@ -10,7 +10,7 @@ import { n as SideSheet } from "./SideSheet-C_6X8Wxw.js";
10
10
  import { AmbientCard } from "./UI/surfaces/cards/AmbientCard/index.js";
11
11
  import { t as FluentDatePicker } from "./FluentDatePicker-DfdIAwSg.js";
12
12
  import { t as FilterOperators } from "./SearchOperator-DIT-hj3G.js";
13
- import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cq87LA5D.js";
13
+ import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cs50Xfre.js";
14
14
  import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-BKtZiCta.js";
15
15
  import { t as FluentTextField } from "./FluentTextField-D8QyNUYT.js";
16
16
  import { t as FormControlLabel$1 } from "./FormControlLabel-wQt0gpic.js";
@@ -393,4 +393,4 @@ const FieldArrayCard = (props) => {
393
393
  //#endregion
394
394
  export { FieldType as n, FieldArrayCard as t };
395
395
 
396
- //# sourceMappingURL=FieldArrayCard-_HY33Lr1.js.map
396
+ //# sourceMappingURL=FieldArrayCard-BqTdxvB8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FieldArrayCard-_HY33Lr1.js","names":["Grid","FormControlLabel","Typography","Grid"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) || null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch ||\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAY,YAAL,yBAAA,WAAA;CACL,UAAA,UAAA;CACA,UAAA,UAAA;CACA,UAAA,eAAA;CACA,UAAA,UAAA;CACA,UAAA,cAAA;CACA,UAAA,YAAA;CACA,UAAA,cAAA;CACA,UAAA,kBAAA;;AACF,EAAA,CAAA,CAAA;;;ACDA,MAAM,mBAAkB,UAAS;CAC/B,MAAM,EACJ,MACA,aACA,SACA,OACA,gBACA,WACA,UAAU,CAAC,GACX,WACA,SACA,aACA,cACA,QAAQ,SACR,SAAO,WACL;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,CAAC,CAAC;CACnD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,SAAS,aAAa,kBAAkB,aAAa;CAC7D,MAAM,qBAAqB;CAG3B,MAAM,aAAa,YACjB,OAAM,SACJ,UACE,gBACA,WACA,EACE,QAAQ,OACV,GACA,IACF,GACF,CAAC,gBAAgB,SAAS,CAC5B;CAEA,MAAM,qBAAqB,kBAAkB;EAE3C,gBADqB,SAAS,gBAAgB,KAAK,CAAC,CACxB;CAC9B,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,uBAAuB,aAC3B,SAAQ;EACN,YAAY,IAAI;EAChB,gBAAgB,CAAC,CAAC;CACpB,GACA,CAAC,WAAW,CACd;CAEA,MAAM,aAAa,eACV,EACL,SAAS,OAAO,EAAE,SAAS,SAAS,WAAW;EAC7C,IAAI,cAAc;GAChB,aAAa,oBAAoB,SAAS,SAAS,IAAI;GACvD;EACF;EAmBA,MAAM,WAAW,EACf,MAAM;GACJ,gBApBmB,SAAS,cAC5B,OAAO,QAAQ,QAAQ,WAAW,GAAG,KAAK,CAAC,KAAK,WAAW;IACzD,OAAO;KACL,aAAa;KACb,gBAAgB,gBAAgB,OAAO;KACvC,aAAa,OAAO;IACtB;GACF,CAAC,IACD,CAAC;GAaD,eAXkB,SAAS,YAC3B,QAAQ,WAAW,KAAI,YAAW;IAChC,OAAO;KACL,YAAY,SAAS;KACrB,eAAe,SAAS,MAAM,YAAY;IAC5C;GACF,CAAC,IACD,CAAC;GAKD,UAAU;GACV,aAAa,SAAS,YAAY,KAAK,qBAAqB;EAC9D,EACF,CAAC,EACE,MAAK,aAAY;GAChB,QAAQ;IACN,SAAS,SAAS,MAAM;IACxB,UAAU,SAAS,MAAM;GAC3B,CAAC;EACH,CAAC,EACA,OAAM,UAAS;GACd,KAAK;EACP,CAAC;CAEL,EACF,IACA,CAAC,YAAY,YAAY,CAC3B;CACA,OACE,sBAAA,cAAC,WAAD;EACQ;EACN,eAAe,qBAAqB;EAC7B;EACA;EACP,aAAa,EAAE,QAAQ;EACvB,gBAAgB;GACd,qBAAqB,YAAY;EACnC;CAiDS,GA/CT,sBAAA,cAAC,qBAAD;EACE,OAAO;EACP,cAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,qBAAoB;EACA;EACpB,YAAY,CACV;GACE,OAAO;GACP,mBAAmB;GACnB,UAAU;GACV,UAAU;GACV,eAAc,WAAU;IACtB,QAAQ,IAAI;KACV;KACA;KACA;KACA,MAAM,SAAS,MACb,iBACE,aAAa,iBAAiB,OAAO,OAAO,QAChD;IACF,CAAC;IACD,IACE,QAAQ,QACR,CAAC,CAAC,SAAS,MACT,iBACE,aAAa,iBAAiB,OAAO,OAAO,QAChD,GAEA,OAAO,KAAK,YAAY,IAAI;GAEhC;EACF,GACA,GAAG,OACL;EACA,cAAA;EACA,eAAA;EACA,2BAA2B;EACP;EACpB,cAAa;EACb,KAAK;EACL,WAAW;EACX,WAAW;EACX,eAAe;EACP;CACT,CAAA,CACQ;AAEf;;;AC/JA,MAAM,0BAAyB,UAAS;CACtC,MAAM,EAAE,OAAO,SAAS,UAAU,MAAM,GAAG,eAAe;CAE1D,MAAM,eAAe,cAAc;EACjC,IAAI,OAAO,UAAU,UACnB,OAAO;EAGT,OAAO,QAAQ,MAAK,WAAU,OAAO,aAAa,KAAK,KAAK;CAC9D,GAAG;EAAC;EAAS;EAAS;CAAK,CAAC;CAE5B,OACE,sBAAA,cAAC,6BAAD;EACE,GAAI;EACK;EACT,OAAO;CACR,CAAA;AAEL;;;AChBA,MAAM,kBAAiB,UAAS;CAC9B,MAAM,EACJ,WACA,iBAAiB,CAAC,GAClB,eAAe,CAAC,GAChB,UAAU,OACV,kBACE;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAAS;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,gBAAgB;EACd,MAAM,mBAAmB,cAAc,gBAAgB,QAAQ;EAC/D,IAAI,kBAAkB;GACpB,IAAI,UAAU,IAAI,KAAK,gBAAgB;GACvC,QAAQ,QAAQ,SAAS,QAAQ,IAAI,CAAC;GACtC,cAAc,OAAO;EACvB,OACE,cAAc,KAAA,CAAS;CAE3B,GAAG,CAAC,eAAe,eAAe,IAAI,CAAC;CAEvC,gBAAgB;EACd,MAAM,iBAAiB,cAAc,cAAc,QAAQ;EAC3D,IAAI,gBAAgB;GAClB,IAAI,UAAU,IAAI,KAAK,cAAc;GACrC,QAAQ,QAAQ,SAAS,QAAQ,IAAI,CAAC;GACtC,QAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;GAC3B,gBAAgB,OAAO;EACzB,OACE,gBAAgB,KAAA,CAAS;CAE7B,GAAG,CAAC,aAAa,MAAM,aAAa,CAAC;CAErC,OACE,sBAAA,cAACA,QAAD;EAAM,WAAA;EAAU,SAAS,UAAU,IAAI;CA6BjC,GA5BJ,sBAAA,cAACA,QAAD;EAAM,MAAA;EAAK,IAAI;EAAI,IAAI,UAAU,IAAI;CAa/B,GAZJ,sBAAA,cAAC,OAAD;EACE,GAAI;EACJ,QAAO,UAAU,QAAQ,QAAQ;EACjC,SAAQ,UAAU,QAAQ,QAAQ;EAClC,OAAO,gBAAgB,SAAS,EAAE,YAAY;EAC9C,MAAM,GAAG,UAAU,GAAG,gBAAgB,QAAQ;EAC9C,KAAK,GAAG,UAAU,GAAG,gBAAgB,QAAQ;EAC7C,WAAW;EACX,MAAK;EACL,SAAS;EACT,WAAA;CACD,CAAA,CACG,GACN,sBAAA,cAACA,QAAD;EAAM,MAAA;EAAK,IAAI;EAAI,IAAI,UAAU,IAAI;CAa/B,GAZJ,sBAAA,cAAC,OAAD;EACE,GAAI;EACJ,QAAO,UAAS,SAAS;EACzB,SAAQ,UAAS,SAAS;EAC1B,OAAO,cAAc,SAAS,EAAE,UAAU;EAC1C,MAAM,GAAG,UAAU,GAAG,cAAc,QAAQ;EAC5C,KAAK,GAAG,UAAU,GAAG,cAAc,QAAQ;EAC3C,WAAW;EACX,MAAK;EACL,SAAS;EACT,WAAA;CACD,CAAA,CACG,CACF;AAEV;;;ACjDA,MAAM,YAAY,YAAW,WAAU;CACrC,eAAe;EACb,YAAY,MAAM,QAAQ,GAAI;EAC9B,KAAK,MAAM,QAAQ,CAAC;EACpB,WAAW,MAAM,QAAQ,EAAG;CAC9B;CACA,eAAe,EACb,YAAY,MAAM,QAAQ,IAAI,EAChC;CACA,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,CAAC;EACpB,YAAY;EACZ,cAAc,MAAM,QAAQ,CAAC;CAC/B;CACA,eAAe;EACb,SAAS;EACT,eAAe;CACjB;CACA,cAAc;EACZ,SAAS;EACT,eAAe;EACf,KAAK,MAAM,QAAQ,CAAC;CACtB;CACA,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,CAAC;EACpB,YAAY;CACd;AACF,EAAE;AAEF,MAAa,kBAAiB,UAAS;CACrC,MAAM,EACJ,QAAQ,KACR,gBACA,aACA,aACA,sBAAsB,OACtB,wBAEA,uBACA,sBACA,gBAAgB,MAChB,cAAc,MACd,wBACA,gBACA,WACA,mBACA,iBACA,cACA,yBAAyB,OACzB,sBACA,0BACE;CACJ,MAAM,UAAU,UAAU;CAC1B,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,WAAW,aACd,gBAAgB,QAAQ,aAAa;EACpC,MAAM,EAAE,WAAW,WAAW,YAAY,mBAAmB;EAE7D,IAAI,iBAAiB;EAErB,QAAQ,WAAR;GACE,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;IACR,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;KACL,WAAA;IACD,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,gBAAD;KACE,GAAI;KACJ,WAAW;KACX,eAAe;IAChB,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;IACN,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;KACL,WAAA;IACD,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAACC,oBAAD;KACE,SACE,sBAAA,cAAC,OAAD;MACE,gBAAgB;MAChB,GAAI;MACJ,MAAM,GAAG,eAAe,GAAG;MAC3B,WAAW;MACX,MAAK;KACN,CAAA;KAEH,OAAO;KACP,WAAW,QAAQ;IACpB,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAACA,oBAAD;KACE,SACE,sBAAA,cAAC,OAAD;MACE,gBAAgB;MAChB,GAAI;MACJ,MAAM,GAAG,eAAe,GAAG;MAC3B,WAAW;MACX,MAAK;KACN,CAAA;KAEH,OAAO;KACP,WAAW,QAAQ;IACpB,CAAA;IAEH;GACF;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;IACR,CAAA;IAEH;EACJ;EAEA,OAAO;CACT,GACA,CAAC,QAAQ,eAAe,QAAQ,aAAa,CAC/C;CAEA,MAAM,uBAAuB,aAC1B,iBAAiB,eAAe;EAC/B,MAAM,mBAAmB,yBACrB,uBAAuB,mBAAmB,CAAC,CAAC,IAC5C;EAEJ,IAAI,kBAAkB;QACf,MAAM,UAAU,kBACnB,IACE,0BACA,CAAC,CAAC,CAAC,YAAY,OAAO,MACpB,SAAQ,KAAK,iBAAiB,OAAO,YACvC,GAEA,WAAW,KAAK,MAAM;EAAA;EAI5B,iBAAiB,KAAK;CACxB,GACA;EAAC;EAAwB;EAAa;CAAsB,CAC9D;CAEA,MAAM,iBAAiB,aACrB,WAAU;EACR,IAAI,uBACF,iBAAiB,IAAI;OAErB,IAAI,wBACF,OAAO,KAAK,sBAAsB;OAElC,OAAO,KAAK,CAAC,CAAC;CAGpB,GACA,CAAC,wBAAwB,qBAAqB,CAChD;CAEA,OACE,sBAAA,cAAC,OAAA,MACC,sBAAA,cAAC,YAAD,EAAY,MAAM,eAmGN,IAlGR,EAAE,aAAa;EACf,OACE,sBAAA,cAAC,OAAA,MACC,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,cAWnB,GAVH,sBAAA,cAAC,OAAA,MACE,SAAS,sBAAA,cAACC,cAAD,EAAY,SAAQ,KAAwB,GAAlB,KAAkB,CACnD,GACL,sBAAA,cAAC,uBAAD;GACE,eAAe;IACb,eAAe,MAAM;GACvB;GACA,MAAM;GACN,OAAO,EAAE,KAAK;EACf,CAAA,CACE,GAEL,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,aA6DnB,GA5DF,QAAQ,OAAO,SAAS,IACvB,OAAO,KAAK,MAAM,UAAU;GAC1B,MAAM,WACJ,eAAe,YAAY,QAAQ,QAAQ,MAAM;GACnD,OACE,sBAAA,cAAC,aAAD,EAAa,WAAA,KA4CA,GA3CX,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,WAQnB,GAPH,sBAAA,cAACA,cAAD,EAAY,SAAQ,KAA2B,GAArB,QAAqB,GAE/C,sBAAA,cAAC,uBAAD;IACE,eAAe,OAAO,OAAO,KAAK;IAClC,MAAM;IACN,OAAO,EAAE,QAAQ;GAClB,CAAA,CACE,GACJ,YAAY,CAAC,uBACZ,sBAAA,cAAC,YAAD,EAAY,MAAK,MAAO,CAAA,GAE1B,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,cA8BnB,GA7BF,aAAa,KAAI,WAAU;IAC1B,IAAI,MAAM,QAAQ,MAAM,GACtB,OACE,sBAAA,cAACC,QAAD;KAAM,WAAA;KAAU,SAAS;IAgBnB,GAfH,QAAQ,KAAI,gBAAe;KAC1B,OACE,sBAAA,cAACA,QAAD;MACE,MAAA;MACA,IAAI;MACJ,IAAI,KAAK,QAAQ;KAOb,GALH,SACC,MACA,aACA,QAAQ,QAAQ,MAClB,CACI;IAEV,CAAC,CACG;SAGR,OAAO,SACL,MACA,QACA,QAAQ,QAAQ,MAClB;GAEJ,CAAC,CACE,CACM;EAEjB,CAAC,IAED,sBAAA,cAAC,aAAD;GAAa,WAAA;GAAU,YAAW;EAKrB,GAJX,sBAAA,cAAC,mBAAD;GACE,aAAa,EAAE,oBAAoB;GACnC,eAAe,EAAE,gBAAgB;EAClC,CAAA,CACU,CAEZ,GACL,sBAAA,cAAC,iBAAD;GACE,MAAM;GACN,cAAa,SAAQ;IACnB,qBAAqB,MAAM,MAAM;GACnC;GACA,SAAS,yBAAyB,CAAC,IAAI,QAAQ;GAC/C,OAAO;GACS;GACL;GACX,SAAS;GACT,SAAS;GACT,aAAa;GACb,WAAW;GACG;GACd,OAAO;GACP,QAAQ;EACT,CAAA,CACE;CAET,CACU,CACT;AAET"}
1
+ {"version":3,"file":"FieldArrayCard-BqTdxvB8.js","names":["Grid","FormControlLabel","Typography","Grid"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) || null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch ||\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAY,YAAL,yBAAA,WAAA;CACL,UAAA,UAAA;CACA,UAAA,UAAA;CACA,UAAA,eAAA;CACA,UAAA,UAAA;CACA,UAAA,cAAA;CACA,UAAA,YAAA;CACA,UAAA,cAAA;CACA,UAAA,kBAAA;;AACF,EAAA,CAAA,CAAA;;;ACDA,MAAM,mBAAkB,UAAS;CAC/B,MAAM,EACJ,MACA,aACA,SACA,OACA,gBACA,WACA,UAAU,CAAC,GACX,WACA,SACA,aACA,cACA,QAAQ,SACR,SAAO,WACL;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,CAAC,CAAC;CACnD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,SAAS,aAAa,kBAAkB,aAAa;CAC7D,MAAM,qBAAqB;CAG3B,MAAM,aAAa,YACjB,OAAM,SACJ,UACE,gBACA,WACA,EACE,QAAQ,OACV,GACA,IACF,GACF,CAAC,gBAAgB,SAAS,CAC5B;CAEA,MAAM,qBAAqB,kBAAkB;EAE3C,gBADqB,SAAS,gBAAgB,KAAK,CAAC,CACxB;CAC9B,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,uBAAuB,aAC3B,SAAQ;EACN,YAAY,IAAI;EAChB,gBAAgB,CAAC,CAAC;CACpB,GACA,CAAC,WAAW,CACd;CAEA,MAAM,aAAa,eACV,EACL,SAAS,OAAO,EAAE,SAAS,SAAS,WAAW;EAC7C,IAAI,cAAc;GAChB,aAAa,oBAAoB,SAAS,SAAS,IAAI;GACvD;EACF;EAmBA,MAAM,WAAW,EACf,MAAM;GACJ,gBApBmB,SAAS,cAC5B,OAAO,QAAQ,QAAQ,WAAW,GAAG,KAAK,CAAC,KAAK,WAAW;IACzD,OAAO;KACL,aAAa;KACb,gBAAgB,gBAAgB,OAAO;KACvC,aAAa,OAAO;IACtB;GACF,CAAC,IACD,CAAC;GAaD,eAXkB,SAAS,YAC3B,QAAQ,WAAW,KAAI,YAAW;IAChC,OAAO;KACL,YAAY,SAAS;KACrB,eAAe,SAAS,MAAM,YAAY;IAC5C;GACF,CAAC,IACD,CAAC;GAKD,UAAU;GACV,aAAa,SAAS,YAAY,KAAK,qBAAqB;EAC9D,EACF,CAAC,EACE,MAAK,aAAY;GAChB,QAAQ;IACN,SAAS,SAAS,MAAM;IACxB,UAAU,SAAS,MAAM;GAC3B,CAAC;EACH,CAAC,EACA,OAAM,UAAS;GACd,KAAK;EACP,CAAC;CAEL,EACF,IACA,CAAC,YAAY,YAAY,CAC3B;CACA,OACE,sBAAA,cAAC,WAAD;EACQ;EACN,eAAe,qBAAqB;EAC7B;EACA;EACP,aAAa,EAAE,QAAQ;EACvB,gBAAgB;GACd,qBAAqB,YAAY;EACnC;CAiDS,GA/CT,sBAAA,cAAC,qBAAD;EACE,OAAO;EACP,cAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,qBAAoB;EACA;EACpB,YAAY,CACV;GACE,OAAO;GACP,mBAAmB;GACnB,UAAU;GACV,UAAU;GACV,eAAc,WAAU;IACtB,QAAQ,IAAI;KACV;KACA;KACA;KACA,MAAM,SAAS,MACb,iBACE,aAAa,iBAAiB,OAAO,OAAO,QAChD;IACF,CAAC;IACD,IACE,QAAQ,QACR,CAAC,CAAC,SAAS,MACT,iBACE,aAAa,iBAAiB,OAAO,OAAO,QAChD,GAEA,OAAO,KAAK,YAAY,IAAI;GAEhC;EACF,GACA,GAAG,OACL;EACA,cAAA;EACA,eAAA;EACA,2BAA2B;EACP;EACpB,cAAa;EACb,KAAK;EACL,WAAW;EACX,WAAW;EACX,eAAe;EACP;CACT,CAAA,CACQ;AAEf;;;AC/JA,MAAM,0BAAyB,UAAS;CACtC,MAAM,EAAE,OAAO,SAAS,UAAU,MAAM,GAAG,eAAe;CAE1D,MAAM,eAAe,cAAc;EACjC,IAAI,OAAO,UAAU,UACnB,OAAO;EAGT,OAAO,QAAQ,MAAK,WAAU,OAAO,aAAa,KAAK,KAAK;CAC9D,GAAG;EAAC;EAAS;EAAS;CAAK,CAAC;CAE5B,OACE,sBAAA,cAAC,6BAAD;EACE,GAAI;EACK;EACT,OAAO;CACR,CAAA;AAEL;;;AChBA,MAAM,kBAAiB,UAAS;CAC9B,MAAM,EACJ,WACA,iBAAiB,CAAC,GAClB,eAAe,CAAC,GAChB,UAAU,OACV,kBACE;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAAS;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,gBAAgB;EACd,MAAM,mBAAmB,cAAc,gBAAgB,QAAQ;EAC/D,IAAI,kBAAkB;GACpB,IAAI,UAAU,IAAI,KAAK,gBAAgB;GACvC,QAAQ,QAAQ,SAAS,QAAQ,IAAI,CAAC;GACtC,cAAc,OAAO;EACvB,OACE,cAAc,KAAA,CAAS;CAE3B,GAAG,CAAC,eAAe,eAAe,IAAI,CAAC;CAEvC,gBAAgB;EACd,MAAM,iBAAiB,cAAc,cAAc,QAAQ;EAC3D,IAAI,gBAAgB;GAClB,IAAI,UAAU,IAAI,KAAK,cAAc;GACrC,QAAQ,QAAQ,SAAS,QAAQ,IAAI,CAAC;GACtC,QAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;GAC3B,gBAAgB,OAAO;EACzB,OACE,gBAAgB,KAAA,CAAS;CAE7B,GAAG,CAAC,aAAa,MAAM,aAAa,CAAC;CAErC,OACE,sBAAA,cAACA,QAAD;EAAM,WAAA;EAAU,SAAS,UAAU,IAAI;CA6BjC,GA5BJ,sBAAA,cAACA,QAAD;EAAM,MAAA;EAAK,IAAI;EAAI,IAAI,UAAU,IAAI;CAa/B,GAZJ,sBAAA,cAAC,OAAD;EACE,GAAI;EACJ,QAAO,UAAU,QAAQ,QAAQ;EACjC,SAAQ,UAAU,QAAQ,QAAQ;EAClC,OAAO,gBAAgB,SAAS,EAAE,YAAY;EAC9C,MAAM,GAAG,UAAU,GAAG,gBAAgB,QAAQ;EAC9C,KAAK,GAAG,UAAU,GAAG,gBAAgB,QAAQ;EAC7C,WAAW;EACX,MAAK;EACL,SAAS;EACT,WAAA;CACD,CAAA,CACG,GACN,sBAAA,cAACA,QAAD;EAAM,MAAA;EAAK,IAAI;EAAI,IAAI,UAAU,IAAI;CAa/B,GAZJ,sBAAA,cAAC,OAAD;EACE,GAAI;EACJ,QAAO,UAAS,SAAS;EACzB,SAAQ,UAAS,SAAS;EAC1B,OAAO,cAAc,SAAS,EAAE,UAAU;EAC1C,MAAM,GAAG,UAAU,GAAG,cAAc,QAAQ;EAC5C,KAAK,GAAG,UAAU,GAAG,cAAc,QAAQ;EAC3C,WAAW;EACX,MAAK;EACL,SAAS;EACT,WAAA;CACD,CAAA,CACG,CACF;AAEV;;;ACjDA,MAAM,YAAY,YAAW,WAAU;CACrC,eAAe;EACb,YAAY,MAAM,QAAQ,GAAI;EAC9B,KAAK,MAAM,QAAQ,CAAC;EACpB,WAAW,MAAM,QAAQ,EAAG;CAC9B;CACA,eAAe,EACb,YAAY,MAAM,QAAQ,IAAI,EAChC;CACA,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,CAAC;EACpB,YAAY;EACZ,cAAc,MAAM,QAAQ,CAAC;CAC/B;CACA,eAAe;EACb,SAAS;EACT,eAAe;CACjB;CACA,cAAc;EACZ,SAAS;EACT,eAAe;EACf,KAAK,MAAM,QAAQ,CAAC;CACtB;CACA,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,CAAC;EACpB,YAAY;CACd;AACF,EAAE;AAEF,MAAa,kBAAiB,UAAS;CACrC,MAAM,EACJ,QAAQ,KACR,gBACA,aACA,aACA,sBAAsB,OACtB,wBAEA,uBACA,sBACA,gBAAgB,MAChB,cAAc,MACd,wBACA,gBACA,WACA,mBACA,iBACA,cACA,yBAAyB,OACzB,sBACA,0BACE;CACJ,MAAM,UAAU,UAAU;CAC1B,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,WAAW,aACd,gBAAgB,QAAQ,aAAa;EACpC,MAAM,EAAE,WAAW,WAAW,YAAY,mBAAmB;EAE7D,IAAI,iBAAiB;EAErB,QAAQ,WAAR;GACE,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;IACR,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;KACL,WAAA;IACD,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,gBAAD;KACE,GAAI;KACJ,WAAW;KACX,eAAe;IAChB,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;IACN,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;KACP,MAAK;KACL,WAAA;IACD,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAACC,oBAAD;KACE,SACE,sBAAA,cAAC,OAAD;MACE,gBAAgB;MAChB,GAAI;MACJ,MAAM,GAAG,eAAe,GAAG;MAC3B,WAAW;MACX,MAAK;KACN,CAAA;KAEH,OAAO;KACP,WAAW,QAAQ;IACpB,CAAA;IAEH;GACF,KAAA;IACE,iBACE,sBAAA,cAACA,oBAAD;KACE,SACE,sBAAA,cAAC,OAAD;MACE,gBAAgB;MAChB,GAAI;MACJ,MAAM,GAAG,eAAe,GAAG;MAC3B,WAAW;MACX,MAAK;KACN,CAAA;KAEH,OAAO;KACP,WAAW,QAAQ;IACpB,CAAA;IAEH;GACF;IACE,iBACE,sBAAA,cAAC,OAAD;KACE,GAAI;KACJ,MAAM,GAAG,eAAe,GAAG;KAC3B,WAAW;KACX,OAAO;IACR,CAAA;IAEH;EACJ;EAEA,OAAO;CACT,GACA,CAAC,QAAQ,eAAe,QAAQ,aAAa,CAC/C;CAEA,MAAM,uBAAuB,aAC1B,iBAAiB,eAAe;EAC/B,MAAM,mBAAmB,yBACrB,uBAAuB,mBAAmB,CAAC,CAAC,IAC5C;EAEJ,IAAI,kBAAkB;QACf,MAAM,UAAU,kBACnB,IACE,0BACA,CAAC,CAAC,CAAC,YAAY,OAAO,MACpB,SAAQ,KAAK,iBAAiB,OAAO,YACvC,GAEA,WAAW,KAAK,MAAM;EAAA;EAI5B,iBAAiB,KAAK;CACxB,GACA;EAAC;EAAwB;EAAa;CAAsB,CAC9D;CAEA,MAAM,iBAAiB,aACrB,WAAU;EACR,IAAI,uBACF,iBAAiB,IAAI;OAErB,IAAI,wBACF,OAAO,KAAK,sBAAsB;OAElC,OAAO,KAAK,CAAC,CAAC;CAGpB,GACA,CAAC,wBAAwB,qBAAqB,CAChD;CAEA,OACE,sBAAA,cAAC,OAAA,MACC,sBAAA,cAAC,YAAD,EAAY,MAAM,eAmGN,IAlGR,EAAE,aAAa;EACf,OACE,sBAAA,cAAC,OAAA,MACC,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,cAWnB,GAVH,sBAAA,cAAC,OAAA,MACE,SAAS,sBAAA,cAACC,cAAD,EAAY,SAAQ,KAAwB,GAAlB,KAAkB,CACnD,GACL,sBAAA,cAAC,uBAAD;GACE,eAAe;IACb,eAAe,MAAM;GACvB;GACA,MAAM;GACN,OAAO,EAAE,KAAK;EACf,CAAA,CACE,GAEL,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,aA6DnB,GA5DF,QAAQ,OAAO,SAAS,IACvB,OAAO,KAAK,MAAM,UAAU;GAC1B,MAAM,WACJ,eAAe,YAAY,QAAQ,QAAQ,MAAM;GACnD,OACE,sBAAA,cAAC,aAAD,EAAa,WAAA,KA4CA,GA3CX,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,WAQnB,GAPH,sBAAA,cAACA,cAAD,EAAY,SAAQ,KAA2B,GAArB,QAAqB,GAE/C,sBAAA,cAAC,uBAAD;IACE,eAAe,OAAO,OAAO,KAAK;IAClC,MAAM;IACN,OAAO,EAAE,QAAQ;GAClB,CAAA,CACE,GACJ,YAAY,CAAC,uBACZ,sBAAA,cAAC,YAAD,EAAY,MAAK,MAAO,CAAA,GAE1B,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,cA8BnB,GA7BF,aAAa,KAAI,WAAU;IAC1B,IAAI,MAAM,QAAQ,MAAM,GACtB,OACE,sBAAA,cAACC,QAAD;KAAM,WAAA;KAAU,SAAS;IAgBnB,GAfH,QAAQ,KAAI,gBAAe;KAC1B,OACE,sBAAA,cAACA,QAAD;MACE,MAAA;MACA,IAAI;MACJ,IAAI,KAAK,QAAQ;KAOb,GALH,SACC,MACA,aACA,QAAQ,QAAQ,MAClB,CACI;IAEV,CAAC,CACG;SAGR,OAAO,SACL,MACA,QACA,QAAQ,QAAQ,MAClB;GAEJ,CAAC,CACE,CACM;EAEjB,CAAC,IAED,sBAAA,cAAC,aAAD;GAAa,WAAA;GAAU,YAAW;EAKrB,GAJX,sBAAA,cAAC,mBAAD;GACE,aAAa,EAAE,oBAAoB;GACnC,eAAe,EAAE,gBAAgB;EAClC,CAAA,CACU,CAEZ,GACL,sBAAA,cAAC,iBAAD;GACE,MAAM;GACN,cAAa,SAAQ;IACnB,qBAAqB,MAAM,MAAM;GACnC;GACA,SAAS,yBAAyB,CAAC,IAAI,QAAQ;GAC/C,OAAO;GACS;GACL;GACX,SAAS;GACT,SAAS;GACT,aAAa;GACb,WAAW;GACG;GACd,OAAO;GACP,QAAQ;EACT,CAAA,CACE;CAET,CACU,CACT;AAET"}
@@ -7,7 +7,7 @@ import { t as useAxiosGet } from "./useAxiosGet-TUFI3aEx.js";
7
7
  import { i as executeQueryWithParameters } from "./methodUtils-BZXdZZ9H.js";
8
8
  import { t as FluentDialog } from "./FluentDialog-DWshZztb.js";
9
9
  import { t as ActionsRenderer } from "./ActionsRenderer-D9d0_Uw5.js";
10
- import { t as TableContainer } from "./TableContainer-OkjJypJb.js";
10
+ import { t as TableContainer } from "./TableContainer-BkIjurId.js";
11
11
  import { t as AmbientAutoComplete } from "./AmbientAutoComplete-B_U6vv7A.js";
12
12
  import { t as AmbientAlert } from "./AmbientAlert-xJPjeFs0.js";
13
13
  import { t as EmptyStateDisplay } from "./EmptyStateDisplay-DPULzi_r.js";
@@ -216,4 +216,4 @@ const MyExportsPage = (props) => {
216
216
  //#endregion
217
217
  export { MyExportsPage_exports as n, MyExportsPage as t };
218
218
 
219
- //# sourceMappingURL=MyExportsPage-o5FmOQEx.js.map
219
+ //# sourceMappingURL=MyExportsPage-BnQfrMaE.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MyExportsPage-o5FmOQEx.js","names":[],"sources":["../src/udp/export/MyExportsPage.jsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport {\n StatusCircleCheckmarkIcon,\n ErrorIcon,\n DownloadIcon\n} from '@fluentui/react-icons';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentDialog } from '../../UI/feedback/FluentDialog';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { TableContainer } from '../../maintenanceEngine/tableBrowser/TableContainer';\nimport { StatusCellRenderer } from '../../UI/templates/ui/renderers/StatusCellRenderer';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { ConfigService } from '../../configService';\n\nexport const MyExportsPage = (props) => {\n const { productId } = props;\n const user = useUser();\n const [product, setProduct] = useState();\n const [downloadLinkLoading, setDownloadLinkLoading] = useState(false);\n const [fileResultData, setFileResultData] = useState();\n const [downloadOpen, setDownloadOpen] = useState(false);\n const [noDownloadMethod, setNoDownloadMethod] = useState(false);\n\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const [{ data: products, loading: productsLoading }] = useAxiosGet(\n ConfigService.tenantV2ApiUrl,\n `tenant/products?tenantId=${user?.currentTenantId}&isSubscribable=${!user\n ?.can?.CAN_MANAGE_CATALOGS_FOR_UNSUBSCRIBABLE_PRODUCTS}`,\n {},\n !user\n );\n\n const [{ data: apiCatalog, loading: catalogLoading, error: catalogError }] =\n useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${\n productId ? productId : product?.productId\n }`,\n {},\n !(product || productId),\n false\n );\n\n const [{ data: udpJobEntity, loading: jobEntityLoading }] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `apicatalog/${apiCatalog?.apiCatalogId}/promotedMethodEntities/udpJob/product/${apiCatalog?.productId}?compareSanitizedName=true`,\n {},\n !apiCatalog?.productId || !apiCatalog?.apiCatalogId,\n false\n );\n\n const refetchfileResultData = useCallback(\n async (selectedRecord) => {\n if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n setDownloadLinkLoading(true);\n await executeQueryWithParameters(\n {\n data: { JobId: selectedRecord?.id }\n },\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n )\n .then((res) => {\n setFileResultData(res.data);\n })\n .catch((err) => {});\n setDownloadLinkLoading(false);\n } else {\n setNoDownloadMethod(true);\n }\n },\n [udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId]\n );\n\n const handleSelectRecord = useCallback(\n (data) => {\n refetchfileResultData(data);\n setDownloadOpen(true);\n },\n [refetchfileResultData]\n );\n\n const getOptionLabel = (val) => {\n return val?.name;\n };\n\n const handleProductChange = useCallback((val) => {\n setProduct(val);\n }, []);\n\n const handleFileDownload = useCallback(() => {\n if (fileResultData?.link) {\n const link = document.createElement('a');\n link.href = fileResultData?.link;\n link.download = '';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n setDownloadOpen(false);\n handleSuccessSnackbar('File successfully downloaded');\n }\n }, [fileResultData?.link, handleSuccessSnackbar]);\n\n const getJobStatus = (value) => {\n if (value === 1) {\n return null;\n } else if (value === 2) {\n return 'info';\n } else if (value === 3) {\n return 'success';\n } else if (value === 4) {\n return 'error';\n }\n };\n\n const getJobLabel = (value) => {\n if (value === 1) {\n return 'Pending';\n } else if (value === 2) {\n return 'Running';\n } else if (value === 3) {\n return 'Completed';\n } else if (value === 4) {\n return 'Failed';\n }\n };\n\n useEffect(() => {\n if (catalogError) {\n handleErrorSnackbar(\n '',\n 'Error fetching catalog for the selected product'\n );\n }\n }, [catalogError, handleErrorSnackbar]);\n\n const filterElements = useMemo(() => {\n return [\n {\n searchField: 'jobTypeId',\n searchOperator: '=',\n searchValue: 2\n }\n ];\n }, []);\n\n const actionList = useMemo(() => {\n return [\n {\n id: 1,\n title: 'Download',\n icon: DownloadIcon,\n onClick: handleSelectRecord,\n disabled: false,\n checkDisabled: (value) => value?.statusId !== 3\n }\n ];\n }, [handleSelectRecord]);\n\n const columnDefs = useMemo(\n () => [\n {\n headerName: 'Id',\n sortable: true,\n field: 'id',\n suppressMenu: true\n },\n {\n headerName: 'Name',\n sortable: false,\n field: 'name',\n minWidth: 140,\n suppressMenu: true,\n valueFormatter: (data) => getSanitizedName(data.data.name)\n },\n {\n headerName: 'Date',\n sortable: false,\n valueFormatter: (data) =>\n new Date(data.data.startTime).toLocaleString(),\n minWidth: 130,\n suppressMenu: true\n //sort: 'desc',\n },\n {\n headerName: 'Status',\n field: 'statusId',\n wrapText: true,\n autoHeight: true,\n sortable: false,\n cellRenderer: 'statusCellRenderer',\n cellRendererParams: { getStatus: getJobStatus, getLabel: getJobLabel },\n minWidth: 130,\n maxWidth: 130,\n suppressMenu: true\n },\n\n {\n headerName: 'Actions',\n filter: false,\n pinned: 'right',\n cellRenderer: 'actionsRenderer',\n width: 120,\n maxWidth: 120,\n cellRendererParams: {\n actionList: actionList,\n value: (data) => data\n },\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n }\n ],\n [actionList]\n );\n\n return (\n <div>\n {udpJobEntity && !udpJobEntity?.unityBaseSearchMethod?.apiMethodId && (\n <AmbientAlert\n alertMessage={\"UdpJob's search method must be promoted\"}\n showAlert={true}\n alertSeverity={'error'}\n />\n )}\n\n {!productId && (\n <div style={{ margin: '0px 5px 5px 5px' }}>\n <AmbientAutoComplete\n isMultiple={false}\n id={'product'}\n name={'product'}\n label='Product'\n onChange={handleProductChange}\n options={products}\n size='small'\n getOptionLabelFunction={getOptionLabel}\n value={product}\n required\n />\n </div>\n )}\n <TableContainer\n loading={productsLoading || catalogLoading || jobEntityLoading}\n title={`Exports`}\n isServerSide={true}\n eagerLoad={false}\n logicalSearchOperator={2}\n promotedEntity={udpJobEntity}\n filterElements={filterElements}\n actionList={actionList}\n customColumnDefs={columnDefs}\n frameworkComponents={{\n statusCellRenderer: StatusCellRenderer,\n actionsRenderer: ActionsRenderer\n }}\n hideSearchBar\n hiddenActionButtons={[\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'clearFilters',\n 'fitGrid',\n 'expandGrid'\n ]}\n height={'calc(100vh - 167px)'}\n dynamicSizing\n />\n <FluentDialog\n actionOne={handleFileDownload}\n actionTwo={() => setDownloadOpen(false)}\n labelOne='Download'\n labelTwo='Cancel'\n open={downloadOpen}\n handleClose={() => setDownloadOpen(false)}\n disableOne={noDownloadMethod || downloadLinkLoading}\n progress={downloadLinkLoading}\n fullWidth\n >\n {noDownloadMethod ? (\n <AmbientAlert\n alertMessage={\"UdpJob's get file result method must be promoted\"}\n showAlert={true}\n alertSeverity={'error'}\n />\n ) : downloadLinkLoading ? (\n <EmptyStateDisplay primaryText={'Fetching download link...'} />\n ) : (\n <EmptyStateDisplay\n icon={noDownloadMethod ? ErrorIcon : StatusCircleCheckmarkIcon}\n primaryText={!noDownloadMethod && 'File is ready to download!'}\n />\n )}\n </FluentDialog>\n </div>\n );\n};\n\nexport default MyExportsPage;\n"],"mappings":"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"}
1
+ {"version":3,"file":"MyExportsPage-BnQfrMaE.js","names":[],"sources":["../src/udp/export/MyExportsPage.jsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport {\n StatusCircleCheckmarkIcon,\n ErrorIcon,\n DownloadIcon\n} from '@fluentui/react-icons';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentDialog } from '../../UI/feedback/FluentDialog';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { TableContainer } from '../../maintenanceEngine/tableBrowser/TableContainer';\nimport { StatusCellRenderer } from '../../UI/templates/ui/renderers/StatusCellRenderer';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { ConfigService } from '../../configService';\n\nexport const MyExportsPage = (props) => {\n const { productId } = props;\n const user = useUser();\n const [product, setProduct] = useState();\n const [downloadLinkLoading, setDownloadLinkLoading] = useState(false);\n const [fileResultData, setFileResultData] = useState();\n const [downloadOpen, setDownloadOpen] = useState(false);\n const [noDownloadMethod, setNoDownloadMethod] = useState(false);\n\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const [{ data: products, loading: productsLoading }] = useAxiosGet(\n ConfigService.tenantV2ApiUrl,\n `tenant/products?tenantId=${user?.currentTenantId}&isSubscribable=${!user\n ?.can?.CAN_MANAGE_CATALOGS_FOR_UNSUBSCRIBABLE_PRODUCTS}`,\n {},\n !user\n );\n\n const [{ data: apiCatalog, loading: catalogLoading, error: catalogError }] =\n useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${\n productId ? productId : product?.productId\n }`,\n {},\n !(product || productId),\n false\n );\n\n const [{ data: udpJobEntity, loading: jobEntityLoading }] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `apicatalog/${apiCatalog?.apiCatalogId}/promotedMethodEntities/udpJob/product/${apiCatalog?.productId}?compareSanitizedName=true`,\n {},\n !apiCatalog?.productId || !apiCatalog?.apiCatalogId,\n false\n );\n\n const refetchfileResultData = useCallback(\n async (selectedRecord) => {\n if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n setDownloadLinkLoading(true);\n await executeQueryWithParameters(\n {\n data: { JobId: selectedRecord?.id }\n },\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n )\n .then((res) => {\n setFileResultData(res.data);\n })\n .catch((err) => {});\n setDownloadLinkLoading(false);\n } else {\n setNoDownloadMethod(true);\n }\n },\n [udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId]\n );\n\n const handleSelectRecord = useCallback(\n (data) => {\n refetchfileResultData(data);\n setDownloadOpen(true);\n },\n [refetchfileResultData]\n );\n\n const getOptionLabel = (val) => {\n return val?.name;\n };\n\n const handleProductChange = useCallback((val) => {\n setProduct(val);\n }, []);\n\n const handleFileDownload = useCallback(() => {\n if (fileResultData?.link) {\n const link = document.createElement('a');\n link.href = fileResultData?.link;\n link.download = '';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n setDownloadOpen(false);\n handleSuccessSnackbar('File successfully downloaded');\n }\n }, [fileResultData?.link, handleSuccessSnackbar]);\n\n const getJobStatus = (value) => {\n if (value === 1) {\n return null;\n } else if (value === 2) {\n return 'info';\n } else if (value === 3) {\n return 'success';\n } else if (value === 4) {\n return 'error';\n }\n };\n\n const getJobLabel = (value) => {\n if (value === 1) {\n return 'Pending';\n } else if (value === 2) {\n return 'Running';\n } else if (value === 3) {\n return 'Completed';\n } else if (value === 4) {\n return 'Failed';\n }\n };\n\n useEffect(() => {\n if (catalogError) {\n handleErrorSnackbar(\n '',\n 'Error fetching catalog for the selected product'\n );\n }\n }, [catalogError, handleErrorSnackbar]);\n\n const filterElements = useMemo(() => {\n return [\n {\n searchField: 'jobTypeId',\n searchOperator: '=',\n searchValue: 2\n }\n ];\n }, []);\n\n const actionList = useMemo(() => {\n return [\n {\n id: 1,\n title: 'Download',\n icon: DownloadIcon,\n onClick: handleSelectRecord,\n disabled: false,\n checkDisabled: (value) => value?.statusId !== 3\n }\n ];\n }, [handleSelectRecord]);\n\n const columnDefs = useMemo(\n () => [\n {\n headerName: 'Id',\n sortable: true,\n field: 'id',\n suppressMenu: true\n },\n {\n headerName: 'Name',\n sortable: false,\n field: 'name',\n minWidth: 140,\n suppressMenu: true,\n valueFormatter: (data) => getSanitizedName(data.data.name)\n },\n {\n headerName: 'Date',\n sortable: false,\n valueFormatter: (data) =>\n new Date(data.data.startTime).toLocaleString(),\n minWidth: 130,\n suppressMenu: true\n //sort: 'desc',\n },\n {\n headerName: 'Status',\n field: 'statusId',\n wrapText: true,\n autoHeight: true,\n sortable: false,\n cellRenderer: 'statusCellRenderer',\n cellRendererParams: { getStatus: getJobStatus, getLabel: getJobLabel },\n minWidth: 130,\n maxWidth: 130,\n suppressMenu: true\n },\n\n {\n headerName: 'Actions',\n filter: false,\n pinned: 'right',\n cellRenderer: 'actionsRenderer',\n width: 120,\n maxWidth: 120,\n cellRendererParams: {\n actionList: actionList,\n value: (data) => data\n },\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n }\n ],\n [actionList]\n );\n\n return (\n <div>\n {udpJobEntity && !udpJobEntity?.unityBaseSearchMethod?.apiMethodId && (\n <AmbientAlert\n alertMessage={\"UdpJob's search method must be promoted\"}\n showAlert={true}\n alertSeverity={'error'}\n />\n )}\n\n {!productId && (\n <div style={{ margin: '0px 5px 5px 5px' }}>\n <AmbientAutoComplete\n isMultiple={false}\n id={'product'}\n name={'product'}\n label='Product'\n onChange={handleProductChange}\n options={products}\n size='small'\n getOptionLabelFunction={getOptionLabel}\n value={product}\n required\n />\n </div>\n )}\n <TableContainer\n loading={productsLoading || catalogLoading || jobEntityLoading}\n title={`Exports`}\n isServerSide={true}\n eagerLoad={false}\n logicalSearchOperator={2}\n promotedEntity={udpJobEntity}\n filterElements={filterElements}\n actionList={actionList}\n customColumnDefs={columnDefs}\n frameworkComponents={{\n statusCellRenderer: StatusCellRenderer,\n actionsRenderer: ActionsRenderer\n }}\n hideSearchBar\n hiddenActionButtons={[\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'clearFilters',\n 'fitGrid',\n 'expandGrid'\n ]}\n height={'calc(100vh - 167px)'}\n dynamicSizing\n />\n <FluentDialog\n actionOne={handleFileDownload}\n actionTwo={() => setDownloadOpen(false)}\n labelOne='Download'\n labelTwo='Cancel'\n open={downloadOpen}\n handleClose={() => setDownloadOpen(false)}\n disableOne={noDownloadMethod || downloadLinkLoading}\n progress={downloadLinkLoading}\n fullWidth\n >\n {noDownloadMethod ? (\n <AmbientAlert\n alertMessage={\"UdpJob's get file result method must be promoted\"}\n showAlert={true}\n alertSeverity={'error'}\n />\n ) : downloadLinkLoading ? (\n <EmptyStateDisplay primaryText={'Fetching download link...'} />\n ) : (\n <EmptyStateDisplay\n icon={noDownloadMethod ? ErrorIcon : StatusCircleCheckmarkIcon}\n primaryText={!noDownloadMethod && 'File is ready to download!'}\n />\n )}\n </FluentDialog>\n </div>\n );\n};\n\nexport default MyExportsPage;\n"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { t as withEngineComponent } from "./withEngineComponent-CyAnIGby.js";
1
+ import { t as withEngineComponent } from "./withEngineComponent-G0YFJhhs.js";
2
2
  import { cloneElement, useCallback } from "react";
3
3
  import PropTypes from "prop-types";
4
4
  //#region src/componentSystems/pageRenderer/PageRenderer.js
@@ -29,4 +29,4 @@ viewBuilderMetaData: PropTypes.array.isRequired };
29
29
  //#endregion
30
30
  export { PageRenderer as t };
31
31
 
32
- //# sourceMappingURL=PageRenderer-CVvQcGHx.js.map
32
+ //# sourceMappingURL=PageRenderer-D-yAa9Qs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageRenderer-CVvQcGHx.js","names":[],"sources":["../src/componentSystems/pageRenderer/PageRenderer.js"],"sourcesContent":["import { useCallback, cloneElement } from 'react';\nimport { withEngineComponent } from './hocs/withEngineComponent';\nimport PropTypes from 'prop-types';\n\nexport const PageRenderer = (props) => {\n const {\n viewBuilderMetaData,\n setSideSheetOpen,\n sideSheetOpen,\n sideSheetComponent,\n setSideSheetComponent\n } = props;\n\n // useCallback is used to prevent an error due to a nested useEffect inside useMemo\n const RenderPageComponentTree = useCallback(() => {\n if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;\n\n const componentsList =\n viewBuilderMetaData &&\n viewBuilderMetaData.map((item, index) =>\n item?.map((subItem) =>\n withEngineComponent(subItem.component)({\n propsComponent: subItem,\n setSideSheetOpen,\n sideSheetOpen,\n sideSheetComponent,\n setSideSheetComponent\n })\n )\n );\n\n // viewBuilderMetaData.map(item => {\n // item.map(subItem => {\n // console.log('subItem', subItem);\n // });\n // });\n\n return componentsList?.flat() || [];\n }, [\n setSideSheetComponent,\n setSideSheetOpen,\n sideSheetComponent,\n sideSheetOpen,\n viewBuilderMetaData\n ]);\n\n return RenderPageComponentTree()?.map(\n (component, index) => cloneElement(component)\n //cloneElement(component, { key: index })\n );\n};\n\nPageRenderer.propTypes = {\n /**\n * View Builder Meta Data\n */\n viewBuilderMetaData: PropTypes.array.isRequired\n};\n"],"mappings":";;;;AAIA,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,qBACA,kBACA,eACA,oBACA,0BACE;CAmCJ,OAhCgC,kBAAkB;EAChD,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,QAAQ;EAsBzD,QAnBE,uBACA,oBAAoB,KAAK,MAAM,UAC7B,MAAM,KAAK,YACT,oBAAoB,QAAQ,SAAS,EAAE;GACrC,gBAAgB;GAChB;GACA;GACA;GACA;EACF,CAAC,CACH,CACF,IAQqB,KAAK,KAAK,CAAC;CACpC,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAE6B,EAAE,GAAG,KAC/B,WAAW,UAAU,aAAa,SAAS,CAE9C;AACF;AAEA,aAAa,YAAY;;;;AAIvB,qBAAqB,UAAU,MAAM,WACvC"}
1
+ {"version":3,"file":"PageRenderer-D-yAa9Qs.js","names":[],"sources":["../src/componentSystems/pageRenderer/PageRenderer.js"],"sourcesContent":["import { useCallback, cloneElement } from 'react';\nimport { withEngineComponent } from './hocs/withEngineComponent';\nimport PropTypes from 'prop-types';\n\nexport const PageRenderer = (props) => {\n const {\n viewBuilderMetaData,\n setSideSheetOpen,\n sideSheetOpen,\n sideSheetComponent,\n setSideSheetComponent\n } = props;\n\n // useCallback is used to prevent an error due to a nested useEffect inside useMemo\n const RenderPageComponentTree = useCallback(() => {\n if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;\n\n const componentsList =\n viewBuilderMetaData &&\n viewBuilderMetaData.map((item, index) =>\n item?.map((subItem) =>\n withEngineComponent(subItem.component)({\n propsComponent: subItem,\n setSideSheetOpen,\n sideSheetOpen,\n sideSheetComponent,\n setSideSheetComponent\n })\n )\n );\n\n // viewBuilderMetaData.map(item => {\n // item.map(subItem => {\n // console.log('subItem', subItem);\n // });\n // });\n\n return componentsList?.flat() || [];\n }, [\n setSideSheetComponent,\n setSideSheetOpen,\n sideSheetComponent,\n sideSheetOpen,\n viewBuilderMetaData\n ]);\n\n return RenderPageComponentTree()?.map(\n (component, index) => cloneElement(component)\n //cloneElement(component, { key: index })\n );\n};\n\nPageRenderer.propTypes = {\n /**\n * View Builder Meta Data\n */\n viewBuilderMetaData: PropTypes.array.isRequired\n};\n"],"mappings":";;;;AAIA,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,qBACA,kBACA,eACA,oBACA,0BACE;CAmCJ,OAhCgC,kBAAkB;EAChD,IAAI,CAAC,uBAAuB,CAAC,oBAAoB,QAAQ;EAsBzD,QAnBE,uBACA,oBAAoB,KAAK,MAAM,UAC7B,MAAM,KAAK,YACT,oBAAoB,QAAQ,SAAS,EAAE;GACrC,gBAAgB;GAChB;GACA;GACA;GACA;EACF,CAAC,CACH,CACF,IAQqB,KAAK,KAAK,CAAC;CACpC,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAE6B,EAAE,GAAG,KAC/B,WAAW,UAAU,aAAa,SAAS,CAE9C;AACF;AAEA,aAAa,YAAY;;;;AAIvB,qBAAqB,UAAU,MAAM,WACvC"}
@@ -269,20 +269,13 @@ const RemindersWidget = (props, ref) => {
269
269
  allRemindersRequested,
270
270
  reminderFiledForSearchApiMethod
271
271
  ]);
272
- const handleSwitchChange = useCallback(async (event) => {
273
- setLoading(true);
274
- if (event.target.checked) {
275
- setAllRemindersRequested(event.target.checked);
276
- await getReminders(true, reminderFiledForSearchApiMethod);
277
- } else {
278
- setAllRemindersRequested(false);
279
- await getReminders(false, reminderFiledForSearchApiMethod);
280
- }
281
- setLoading(false);
282
- }, [getReminders, reminderFiledForSearchApiMethod]);
283
- useEffect(() => {
284
- if (reminderFiledForSearchApiMethod) getReminders(false, reminderFiledForSearchApiMethod);
272
+ const handleSwitchChange = useCallback((event) => {
273
+ if (reminderFiledForSearchApiMethod) setLoading(true);
274
+ setAllRemindersRequested(event.target.checked);
285
275
  }, [reminderFiledForSearchApiMethod]);
276
+ useEffect(() => {
277
+ if (reminderFiledForSearchApiMethod) getReminders(allRemindersRequested, reminderFiledForSearchApiMethod);
278
+ }, [reminderFiledForSearchApiMethod, allRemindersRequested]);
286
279
  return /* @__PURE__ */ React.createElement(WidgetCard, {
287
280
  ref,
288
281
  hideWidgetName,
@@ -339,4 +332,4 @@ var RemindersWidget_exports = /* @__PURE__ */ __exportAll({
339
332
  //#endregion
340
333
  export { RemindersWidget as n, RemindersWidget_default as r, RemindersWidget_exports as t };
341
334
 
342
- //# sourceMappingURL=RemindersWidget-99rhrHA3.js.map
335
+ //# sourceMappingURL=RemindersWidget-BAml1Ybe.js.map