npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.10 → 25.18.1-beta.12 - Mend

udp-react-enterprise-component-library 25.18.1-beta.10 → 25.18.1-beta.12

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 (413) hide show

package/dist/{AmbientGridTemplate-CDj051YK.js.map → AmbientGridTemplate-BecuOnHe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientGridTemplate-CDj051YK.js","names":["value"],"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":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,KAAK;EACH,SAAS;GACR,MAAM,YAAY,QAAQ,MAAM,KAAK,GAAG;GACvC,UAAU;GACV,QAAQ,MAAM,QAAQ,EAAE;GACxB,OAAO,MAAM,QAAQ,EAAE;GACvB,QAAQ,MAAM,OAAO;GACtB;EACF;CACD,cAAc,EACZ,OAAO,KACR;CACD,SAAS,EACP,SAAS,QACV;CACF,EAAE;AACH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,mBACA,KACA,WACA,iBACA,qBACA,iBACA,WACA,YACA,MACA,iBACA,kBACA,mBACA,sBACA,qBACA,YACA,cAAc,EAAE,EAChB,SACA,qBACA,WACA,QACA,cACA,QACA,aACA,gBACA,gBACA,mBACA,eACA,cACA,eACA,eACA,cACA,sBAAsB,EAAE,EACxB,YAAY,EAAE,EACd,UAAU,OACV,eACA,UACA,sBACA,qBAAqB,IACrB,qBACA,uBACA,oBACA,mBACA,eAAe,cACf,eACA,gBACA,0BACA,wBACA,OACA,YACA,YACA,cACA,eACA,MACA,IACA,aACA,wBAAwB,EAAE,EAC1B,uBACA,iBACA,GAAG,mBACD;CAEJ,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,CAAC,WAAW,gBAAgB,UAAU;CAC5C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,eAAe,oBAAoB,SAAS;EAC5B;EACrB,yBAAyB,CAAC;EAC1B,GAAG;EACJ,CAAC;CACF,MAAM,OAAO,OAAO;CACpB,MAAM,QAAQ,aAAa;CAE3B,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,CAAC,uBAAuB,4BAC5B,SAAS,kBAAkB;CAC7B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAC9D,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,wBAAwB,6BAA6B,UAAU;CACtE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE;CACzD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,MAAM,EAAE,kBAAkB,YAAY;AAEtC,iBAAgB;AACd,MAAI,WAAW;AACb,aAAU,UAAU,WAAW;AAC/B,mBAAgB,UAAU,aAAa;;IAExC;EAAC;EAAW;EAAW;EAAgB,CAAC;CAE3C,MAAM,uBAAuB;EAC3B,WAAW;EACX,UAAU;EACV,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,cAAc,EACZ,eAAe,iBAAiB,eAAe,OAAO,KAAK,gBAAgB,GAAG,QAC/E;EACF;CAED,MAAM,gBAAgB,OAAO,aAAa;AACxC,QAAM,gBAAgB;AACtB,YAAU,aAAa;AACrB,OAAI,aAAa,YAAY,aAAa,EACxC,MAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;YACvC,aAAa,GAAG;AACzB,SAAK,kBAAkB,KAAK;AAC5B,SAAK,cAAc,UAAU;AAC7B,wBAAoB,MAAM;cACjB,aAAa,GAAG;AACzB,kBAAc;AACd,SAAK,kBAAkB,MAAM;UACxB;AACL,SAAK,kBAAkB,KAAK;AAC5B,SAAK,cAAc,UAAU;AAC7B,wBAAoB,MAAM;;AAG5B,UAAO;IACP;;CAGJ,MAAM,iBAAiB,UAAU;AAC/B,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;AAChD,OAAK,cAAc,UAAU;AAC7B,sBAAoB,MAAM;AAC1B,WAAS,EAAE;AACX,sBAAoB,CAAC,iBAAiB;;CAWxC,MAAM,kBAAkB,UAAU;AAChC,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;AAChD,OAAK,cAAc,UAAU;AAC7B,sBAAoB,MAAM;AAC1B,WAAS,EAAE;AACX,sBAAoB,CAAC,iBAAiB;;CAGxC,MAAM,WAAW,EAAE;CAEnB,MAAM,oBAAoB,aACvB,UAAU;AACT,MAAI,CAAC,KAAM;EACX,MAAM,eAAe,KAAK,iBAAiB;AAC3C,qBAAmB,aAAa,OAAO;EACvC,MAAM,MAAM,aAAa,UAAU,aAAa;AAChD,iBAAe,IAAI;AACnB,MAAI,cACF,eAAc,OAAO,IAAI;IAG7B,CAAC,MAAM,cAAc,CACtB;CAED,MAAM,4BAA4B;AAChC,MAAI,KAAK,kBAAkB,EAAE;AAC3B,QAAK,kBAAkB,MAAM;AAC7B,gBAAa,MAAM;SACd;AACL,QAAK,kBAAkB,KAAK;AAC5B,QAAK,cAAc,UAAU;AAC7B,uBAAoB,MAAM;AAC1B,gBAAa,KAAK;;;CAItB,MAAM,sBAAsB,UAAU;AACpC,OAAK,eAAe,MAAM,OAAO,MAAM;;CAIzC,MAAM,kBAAkB,cAAc;AACpC,QAAM,mBAAmB,CAAC,UAAU,CAAC;AACrC,OAAK,WAAW;;CAIlB,MAAM,2BAA2B;AAC/B,OAAK,eAAe,GAAG;AACvB,QAAM,mBAAmB,EAAE,CAAC;AAC5B,OAAK,eAAe,KAAK;AACzB,OAAK,eAAe,GAAG;AACvB,QAAM,kBAAkB;;CAG1B,MAAM,qBAAqB;AACzB,sBAAoB,CAAC,iBAAiB;AACtC,OAAK,kBAAkB,MAAM;;CAG/B,MAAM,0BAA0B;AAC9B,OAAK,WAAW;;CAGlB,MAAM,4BAA4B;AAChC,OAAK,aAAa;;CAGpB,MAAM,mBAAmB;AACvB,OAAK,kBAAkB;;CAGzB,MAAM,mBAAmB;AACvB,OAAK,gBAAgB;GACnB,YAAY;GACZ,UAAU;GACX,CAAC;;CAGJ,MAAM,qBAAqB;AACzB,sBAAoB,KAAK,UAAU,MAAM,gBAAgB,CAAC,CAAC;AAC3D,kBAAgB,KAAK;;CAGvB,MAAM,sBAAsB;AAC1B,kBAAgB,MAAM;;CAGxB,MAAM,YAAY,kBAAkB;AAClC,eAAa,KAAK;IAClB,EAAE,CAAC;CAML,MAAM,sBAAsB,aACzB,aAAa;AACZ,MAAI,iBAAiB,KACnB,eAAc,UAAU,KAAK,iBAAiB,CAAC;IAGnD,CAAC,eAAe,KAAK,CACtB;CAED,MAAM,cAAc,aACjB,eAAe;AACd,YAAU,OAAO,0BAA0B;EAC3C,MAAM,eAAe,EAAE;AACvB,QAAM,eAAe,CAAC,SAAS,WAAW;AACxC,gBAAa,KAAK,OAAO,UAAU,CAAC;IACpC;AACF,QAAM,gBAAgB,cAAc,WAAW;IAEjD,CAAC,MAAM,CACR;CAED,MAAM,2BAA2B,kBACzB,YAAY,MAAM,EACxB,CAAC,YAAY,CACd;CAED,MAAM,oBAAoB,aACvB,WAAW;AAEV,GAAC,mBAAmB,QAAQ,IAAI,kBAAkB;AAElD,qBAAmB,0BAA0B;IAE/C,CAAC,iBAAiB,yBAAyB,CAC5C;AAED,iBAAgB;AACd,MAAI,CAAC,KAAM;AAEX,iBAAe,KAAK,iBAAiB,EAAE,UAAU,KAAK,iBAAiB,CAAC,GAAG;AAC3E,iBAAe,KAAK,kBAAkB,YAAY;IACjD,CAAC,MAAM,YAAY,CAAC;CAEvB,MAAM,oBAAoB,UAAU,cAAc;AAChD,UAAQ,UAAR;GACE,KAAK;AACH,kBAAc,cACZ,UAAU,QAAQ,GAAG,UAAU,UAAU,UAAU,CACpD;AACD,oBAAgB,KAAK;AACrB,UAAM,kBAAkB;AACxB,SAAK,kBAAkB;AACvB;GACF,KAAK;AACH,8BAA0B,cAAc;AACtC,SAAI,UAAU,YAAY,WACxB,WAAU,YAAY,YAAY;AAEpC,YAAO,UAAU,QAAQ,GAAG,UAAU,UAAU,UAAU;MAC1D;AACF;GACF,QACE;;;AAIN,iBAAgB;AACd,MAAI,cAAc,SAAS,GAAG;GAC5B,MAAM,eAAe,aAAa,QAAQ,KAAK,QAAQ;AACrD,QAAI,IAAI,UACN,QAAO,CAAC,GAAG,KAAK,IAAI;AAEtB,WAAO;MACN,EAAE,CAAC;GAEN,MAAM,kBAAkB,aAAa,QAAQ,KAAK,QAAQ;AACxD,QAAI,CAAC,IAAI,UACP,QAAO,CAAC,GAAG,KAAK,IAAI;AAEtB,WAAO;MACN,EAAE,CAAC;AACN,mBAAgB,aAAa;AAC7B,6BAA0B,gBAAgB;;IAE3C,CAAC,aAAa,CAAC;CAOlB,MAAM,UAAU,aACb,YAAU;EACT,MAAM,cAAcA,SAAO,kCAAkC,KAC1D,QAAQ,IAAI,2CACd;AACD,gBAAc,cAAc,CAAC,EAAE,OAAOA,SAAO,MAAM,CAAC,CAAC;AACrD,sBAAoB,MAAM,OAAO,YAAY;IAE/C;EAAC;EAAc;EAAM;EAAM,CAC5B;CAED,MAAM,aAAa,YAAU;CAI7B,MAAM,CAAC,EAAE,MAAM,SAAS,WAAW,YACjC,cAAc,gBACd,wBAAwB,MAAM,GAAG,GAAG,UACpC,EACE,QAAQ;EACN,YAAY;EACE;EACf,EACF,EACD,CAAC,CAAC,CAAC,cAAc,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KACpD;CAED,MAAM,CAAC,EAAE,MAAM,iBAAiB,YAC9B,cAAc,qBACd,eAAe,UACf,EAAE,EACF,CAAC,CAAC,CAAC,cAAc,uBAAuB,CAAC,CAAC,CAAC,OAC5C;AAED,iBAAgB;AACd,kBAAgB,MAAM;IACrB,CAAC,WAAW,MAAM,CAAC;CAEtB,MAAM,UAAU,YAAY,YAAY;AACtC,QAAM,UACJ,cAAc,gBACd,YAAY,aAAa,WAAW,iBACpC,EACE,QAAQ,OACT,CACF,CACE,MAAM,aAAa;AAClB,WAAQ,SAAS,KAAK;IACtB,CACD,OAAO,UAAU;AAChB,WAAQ,IAAI,MAAM;IAClB;IACH,CAAC,cAAc,QAAQ,CAAC;AAE3B,iBAAgB;AACd,MAAI,CAAC,cAAc,YAAY;AAC7B,UAAO,kBAAkB;AACzB,SAAM,kBAAkB;AACxB;;AAEF,WAAS;IAIR;EAAC;EAAiB;EAAc;EAAO;EAAM;EAAQ,CAAC;AAEzD,iBAAgB;AACd,MAAI,kBACF,0BAAyB,kBAAkB;IAE5C,CAAC,kBAAkB,CAAC;AAEvB,QACE,0DAEG,CAAC,cAAc,gBAAgB,QAC9B,oCAAC;EACQ;EACP,YAAY;EACZ,UAAU;EACV,UAAU,YAAY;EACtB,WAAW;EACJ;EACP,eAAe;EACf,YAAY;EACE;EACd,UAAU;EACV,aAAa;EACb,aAAa;EACE;EACf,YAAY;EACZ,aAAa;EACb,cAAc;EAEC;EACf,wBAAwB,0BAA0B,EAAE;EAC9B;EACC;EACH;EACD;EACnB,qBAAqB,uBAAuB,EAAE;EAC9C,cAAc,gBAAgB,EAAE;EAChC,YAAY;EACK;GACjB,EAEH,iBACE,WAAW,SAAS,KACnB,aAAa,SAAS,KACtB,SAAS,SAAS,KAClB,WAAW,SAAS,KACpB,uBAAuB,SAAS,MAChC,oCAAC,SAAI,OAAO;EAAE,SAAS;EAAQ,eAAe;EAAO,QAAQ;EAAI,IAC/D,oCAAC;EAAK,IAAI,eAAe,kBAAkB;EAAG;IAC5C,oCAAC;EACc;EACI;EACjB,eAAe;EACP;GACR,CACG,EAEP,oCAAC;EACc;EACF;EACY;EACZ;EACX,cAAc;EACY;EACZ;EACH;GACX,CACE,EAeT,CAAC,cAAc,CAAC,gBACf,oCAAC;EACQ;EACP,YAAY;EACZ,UAAU;EACV,UAAU,YAAY;EACtB,WAAW;EACJ;EACO;EACd,UAAU;EACV,aAAa;EACb,aAAa;EACb,YAAY;EACI;EACE;EACD;EACJ;EACG;EACA;EACG;EACJ;EACD;EACC;EACA;IAEd,uBACC,oCAAC,SAAI,WAAW,QAAQ,OAAM,oBAA0B,CAE5C,EAGjB,WAAW,oCAAC,qBAAiB,EAC9B,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,IAC7B,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,GAAI;EACQ;EACZ,eAAe,CAAC;EAChB,SAAS,QAAQ;EACjB,aAAa,aAAa;EAC1B,eAAe;EACf,uBAAuB;EACvB,2BAA2B;EAC3B,eAAe;EACf,sBAAsB;EACtB;EACA,SAAS;EACT,WAAW;EACX,gBAAe;EACf,sBAAsB;EACtB,aAAa;EACb,YAAY,CAAC;EACb,iBAAiB;EACjB,mBAAmB;EACC;EACpB,SACE,iBAAiB,eAAe,CAAC,yBAAyB,GAAG,EAAE;EAEjE,qBAAqB;EACP;EACd,eAAe,EACb,uBAAuB,WACrB,OAAO,KAAK,aAAa,KAAK,OAAO,KAAK,YAC7C;EACO;EACR,KAAK;EACL,cACE,CAAC,wBAAwB,cAAc,aAAa;EAE1C;EACZ,GAAI;GACJ,CACE,EACL,oBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,YAAY,SAAS,eAAe,KAAK;EACzC,kBAAkB,eAAe,GAAG;EACpC,aAAa;EACb,eAAe;EACD;EACN;GACR,CACE,EAEP,CAAC,qBAAqB,SAAS,WAAW,IACzC,oCAAC;EACC,MAAM;EACN,aAAa;EACb,aAAa;EACb,QAAQ;EACF;EACY;EAClB,cAAc;EACR;EACC;EACP,iBAAiB;EACT;EACA;EACM;GACd,CAEA,CACL;;AAIP,oBAAoB,YAAY;CAI9B,YAAY,UAAU;CAItB,mBAAmB,UAAU;CAI7B,MAAM,UAAU;CAIhB,OAAO,UAAU;CAIjB,cAAc,UAAU;CAIxB,qBAAqB,UAAU;CAI/B,SAAS,UAAU;CAInB,qBAAqB,UAAU;CAI/B,eAAe,UAAU;CAIzB,iBAAiB,UAAU;CAI3B,0BAA0B,UAAU;CAIpC,sBAAsB,UAAU;CAIhC,SAAS,UAAU,QACjB,UAAU,MAAM;EACd,OAAO,UAAU,OAAO;EACxB,OAAO,UAAU,OAAO;EACzB,CAAC,CACH;CAID,OAAO,UAAU,QACf,UAAU,MAAM,EACd,OAAO,UAAU,OAAO,YACzB,CAAC,CACH;CAID,mBAAmB,UAAU,QAC3B,UAAU,MAAM,EACd,OAAO,UAAU,OAAO,YACzB,CAAC,CACH;CAID,MAAM,UAAU,QACd,UAAU,MAAM;EACd,OAAO,UAAU,OAAO;EACxB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAC7D;EACJ,CAAC,CACH;CAID,cAAc,UAAU;CAIxB,eAAe,UAAU;CAIzB,qBAAqB,UAAU,QAC7B,UAAU,MAAM;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,CACH;CAID,cAAc,UAAU,QACtB,UAAU,MAAM;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,CACH;CAID,sBAAsB,UAAU;CAIhC,oBAAoB,UAAU;CAI9B,mBAAmB,UAAU;CAI7B,wBAAwB,UAAU;CAIlC,iBAAiB,UAAU;CAI3B,YAAY,UAAU;CAItB,YAAY,UAAU;CAItB,MAAM,UAAU;CAIhB,WAAW,UAAU;CACtB"}
1	+ {"version":3,"file":"AmbientGridTemplate-BecuOnHe.js","names":["value"],"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":";;;;;;;;;;;;;;;;;AAqBA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,KAAK;EACH,SAAS;GACR,MAAM,YAAY,QAAQ,MAAM,KAAK,GAAG;GACvC,UAAU;GACV,QAAQ,MAAM,QAAQ,EAAE;GACxB,OAAO,MAAM,QAAQ,EAAE;GACvB,QAAQ,MAAM,OAAO;GACtB;EACF;CACD,cAAc,EACZ,OAAO,KACR;CACD,SAAS,EACP,SAAS,QACV;CACF,EAAE;AACH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,mBACA,KACA,WACA,iBACA,qBACA,iBACA,WACA,YACA,MACA,iBACA,kBACA,mBACA,sBACA,qBACA,YACA,cAAc,EAAE,EAChB,SACA,qBACA,WACA,QACA,cACA,QACA,aACA,gBACA,gBACA,mBACA,eACA,cACA,eACA,eACA,cACA,sBAAsB,EAAE,EACxB,YAAY,EAAE,EACd,UAAU,OACV,eACA,UACA,sBACA,qBAAqB,IACrB,qBACA,uBACA,oBACA,mBACA,eAAe,cACf,eACA,gBACA,0BACA,wBACA,OACA,YACA,YACA,cACA,eACA,MACA,IACA,aACA,wBAAwB,EAAE,EAC1B,uBACA,iBACA,GAAG,mBACD;CAEJ,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,CAAC,WAAW,gBAAgB,UAAU;CAC5C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,eAAe,oBAAoB,SAAS;EAC5B;EACrB,yBAAyB,CAAC;EAC1B,GAAG;EACJ,CAAC;CACF,MAAM,OAAO,OAAO;CACpB,MAAM,QAAQ,aAAa;CAE3B,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,CAAC,uBAAuB,4BAC5B,SAAS,kBAAkB;CAC7B,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAC9D,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,wBAAwB,6BAA6B,UAAU;CACtE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE;CACzD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,MAAM,EAAE,kBAAkB,YAAY;AAEtC,iBAAgB;AACd,MAAI,WAAW;AACb,aAAU,UAAU,WAAW;AAC/B,mBAAgB,UAAU,aAAa;;IAExC;EAAC;EAAW;EAAW;EAAgB,CAAC;CAE3C,MAAM,uBAAuB;EAC3B,WAAW;EACX,UAAU;EACV,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,cAAc,EACZ,eAAe,iBAAiB,eAAe,OAAO,KAAK,gBAAgB,GAAG,QAC/E;EACF;CAED,MAAM,gBAAgB,OAAO,aAAa;AACxC,QAAM,gBAAgB;AACtB,YAAU,aAAa;AACrB,OAAI,aAAa,YAAY,aAAa,EACxC,MAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;YACvC,aAAa,GAAG;AACzB,SAAK,kBAAkB,KAAK;AAC5B,SAAK,cAAc,UAAU;AAC7B,wBAAoB,MAAM;cACjB,aAAa,GAAG;AACzB,kBAAc;AACd,SAAK,kBAAkB,MAAM;UACxB;AACL,SAAK,kBAAkB,KAAK;AAC5B,SAAK,cAAc,UAAU;AAC7B,wBAAoB,MAAM;;AAG5B,UAAO;IACP;;CAGJ,MAAM,iBAAiB,UAAU;AAC/B,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;AAChD,OAAK,cAAc,UAAU;AAC7B,sBAAoB,MAAM;AAC1B,WAAS,EAAE;AACX,sBAAoB,CAAC,iBAAiB;;CAWxC,MAAM,kBAAkB,UAAU;AAChC,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,CAAC,KAAK,kBAAkB,CAAC;AAChD,OAAK,cAAc,UAAU;AAC7B,sBAAoB,MAAM;AAC1B,WAAS,EAAE;AACX,sBAAoB,CAAC,iBAAiB;;CAGxC,MAAM,WAAW,EAAE;CAEnB,MAAM,oBAAoB,aACvB,UAAU;AACT,MAAI,CAAC,KAAM;EACX,MAAM,eAAe,KAAK,iBAAiB;AAC3C,qBAAmB,aAAa,OAAO;EACvC,MAAM,MAAM,aAAa,UAAU,aAAa;AAChD,iBAAe,IAAI;AACnB,MAAI,cACF,eAAc,OAAO,IAAI;IAG7B,CAAC,MAAM,cAAc,CACtB;CAED,MAAM,4BAA4B;AAChC,MAAI,KAAK,kBAAkB,EAAE;AAC3B,QAAK,kBAAkB,MAAM;AAC7B,gBAAa,MAAM;SACd;AACL,QAAK,kBAAkB,KAAK;AAC5B,QAAK,cAAc,UAAU;AAC7B,uBAAoB,MAAM;AAC1B,gBAAa,KAAK;;;CAItB,MAAM,sBAAsB,UAAU;AACpC,OAAK,eAAe,MAAM,OAAO,MAAM;;CAIzC,MAAM,kBAAkB,cAAc;AACpC,QAAM,mBAAmB,CAAC,UAAU,CAAC;AACrC,OAAK,WAAW;;CAIlB,MAAM,2BAA2B;AAC/B,OAAK,eAAe,GAAG;AACvB,QAAM,mBAAmB,EAAE,CAAC;AAC5B,OAAK,eAAe,KAAK;AACzB,OAAK,eAAe,GAAG;AACvB,QAAM,kBAAkB;;CAG1B,MAAM,qBAAqB;AACzB,sBAAoB,CAAC,iBAAiB;AACtC,OAAK,kBAAkB,MAAM;;CAG/B,MAAM,0BAA0B;AAC9B,OAAK,WAAW;;CAGlB,MAAM,4BAA4B;AAChC,OAAK,aAAa;;CAGpB,MAAM,mBAAmB;AACvB,OAAK,kBAAkB;;CAGzB,MAAM,mBAAmB;AACvB,OAAK,gBAAgB;GACnB,YAAY;GACZ,UAAU;GACX,CAAC;;CAGJ,MAAM,qBAAqB;AACzB,sBAAoB,KAAK,UAAU,MAAM,gBAAgB,CAAC,CAAC;AAC3D,kBAAgB,KAAK;;CAGvB,MAAM,sBAAsB;AAC1B,kBAAgB,MAAM;;CAGxB,MAAM,YAAY,kBAAkB;AAClC,eAAa,KAAK;IAClB,EAAE,CAAC;CAML,MAAM,sBAAsB,aACzB,aAAa;AACZ,MAAI,iBAAiB,KACnB,eAAc,UAAU,KAAK,iBAAiB,CAAC;IAGnD,CAAC,eAAe,KAAK,CACtB;CAED,MAAM,cAAc,aACjB,eAAe;AACd,YAAU,OAAO,0BAA0B;EAC3C,MAAM,eAAe,EAAE;AACvB,QAAM,eAAe,CAAC,SAAS,WAAW;AACxC,gBAAa,KAAK,OAAO,UAAU,CAAC;IACpC;AACF,QAAM,gBAAgB,cAAc,WAAW;IAEjD,CAAC,MAAM,CACR;CAED,MAAM,2BAA2B,kBACzB,YAAY,MAAM,EACxB,CAAC,YAAY,CACd;CAED,MAAM,oBAAoB,aACvB,WAAW;AAEV,GAAC,mBAAmB,QAAQ,IAAI,kBAAkB;AAElD,qBAAmB,0BAA0B;IAE/C,CAAC,iBAAiB,yBAAyB,CAC5C;AAED,iBAAgB;AACd,MAAI,CAAC,KAAM;AAEX,iBAAe,KAAK,iBAAiB,EAAE,UAAU,KAAK,iBAAiB,CAAC,GAAG;AAC3E,iBAAe,KAAK,kBAAkB,YAAY;IACjD,CAAC,MAAM,YAAY,CAAC;CAEvB,MAAM,oBAAoB,UAAU,cAAc;AAChD,UAAQ,UAAR;GACE,KAAK;AACH,kBAAc,cACZ,UAAU,QAAQ,GAAG,UAAU,UAAU,UAAU,CACpD;AACD,oBAAgB,KAAK;AACrB,UAAM,kBAAkB;AACxB,SAAK,kBAAkB;AACvB;GACF,KAAK;AACH,8BAA0B,cAAc;AACtC,SAAI,UAAU,YAAY,WACxB,WAAU,YAAY,YAAY;AAEpC,YAAO,UAAU,QAAQ,GAAG,UAAU,UAAU,UAAU;MAC1D;AACF;GACF,QACE;;;AAIN,iBAAgB;AACd,MAAI,cAAc,SAAS,GAAG;GAC5B,MAAM,eAAe,aAAa,QAAQ,KAAK,QAAQ;AACrD,QAAI,IAAI,UACN,QAAO,CAAC,GAAG,KAAK,IAAI;AAEtB,WAAO;MACN,EAAE,CAAC;GAEN,MAAM,kBAAkB,aAAa,QAAQ,KAAK,QAAQ;AACxD,QAAI,CAAC,IAAI,UACP,QAAO,CAAC,GAAG,KAAK,IAAI;AAEtB,WAAO;MACN,EAAE,CAAC;AACN,mBAAgB,aAAa;AAC7B,6BAA0B,gBAAgB;;IAE3C,CAAC,aAAa,CAAC;CAOlB,MAAM,UAAU,aACb,YAAU;EACT,MAAM,cAAcA,SAAO,kCAAkC,KAC1D,QAAQ,IAAI,2CACd;AACD,gBAAc,cAAc,CAAC,EAAE,OAAOA,SAAO,MAAM,CAAC,CAAC;AACrD,sBAAoB,MAAM,OAAO,YAAY;IAE/C;EAAC;EAAc;EAAM;EAAM,CAC5B;CAED,MAAM,aAAa,YAAU;CAI7B,MAAM,CAAC,EAAE,MAAM,SAAS,WAAW,YACjC,cAAc,gBACd,wBAAwB,MAAM,GAAG,GAAG,UACpC,EACE,QAAQ;EACN,YAAY;EACE;EACf,EACF,EACD,CAAC,CAAC,CAAC,cAAc,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KACpD;CAED,MAAM,CAAC,EAAE,MAAM,iBAAiB,YAC9B,cAAc,qBACd,eAAe,UACf,EAAE,EACF,CAAC,CAAC,CAAC,cAAc,uBAAuB,CAAC,CAAC,CAAC,OAC5C;AAED,iBAAgB;AACd,kBAAgB,MAAM;IACrB,CAAC,WAAW,MAAM,CAAC;CAEtB,MAAM,UAAU,YAAY,YAAY;AACtC,QAAM,UACJ,cAAc,gBACd,YAAY,aAAa,WAAW,iBACpC,EACE,QAAQ,OACT,CACF,CACE,MAAM,aAAa;AAClB,WAAQ,SAAS,KAAK;IACtB,CACD,OAAO,UAAU;AAChB,WAAQ,IAAI,MAAM;IAClB;IACH,CAAC,cAAc,QAAQ,CAAC;AAE3B,iBAAgB;AACd,MAAI,CAAC,cAAc,YAAY;AAC7B,UAAO,kBAAkB;AACzB,SAAM,kBAAkB;AACxB;;AAEF,WAAS;IAIR;EAAC;EAAiB;EAAc;EAAO;EAAM;EAAQ,CAAC;AAEzD,iBAAgB;AACd,MAAI,kBACF,0BAAyB,kBAAkB;IAE5C,CAAC,kBAAkB,CAAC;AAEvB,QACE,0DAEG,CAAC,cAAc,gBAAgB,QAC9B,oCAAC;EACQ;EACP,YAAY;EACZ,UAAU;EACV,UAAU,YAAY;EACtB,WAAW;EACJ;EACP,eAAe;EACf,YAAY;EACE;EACd,UAAU;EACV,aAAa;EACb,aAAa;EACE;EACf,YAAY;EACZ,aAAa;EACb,cAAc;EAEC;EACf,wBAAwB,0BAA0B,EAAE;EAC9B;EACC;EACH;EACD;EACnB,qBAAqB,uBAAuB,EAAE;EAC9C,cAAc,gBAAgB,EAAE;EAChC,YAAY;EACK;GACjB,EAEH,iBACE,WAAW,SAAS,KACnB,aAAa,SAAS,KACtB,SAAS,SAAS,KAClB,WAAW,SAAS,KACpB,uBAAuB,SAAS,MAChC,oCAAC,SAAI,OAAO;EAAE,SAAS;EAAQ,eAAe;EAAO,QAAQ;EAAI,IAC/D,oCAAC;EAAK,IAAI,eAAe,kBAAkB;EAAG;IAC5C,oCAAC;EACc;EACI;EACjB,eAAe;EACP;GACR,CACG,EAEP,oCAAC;EACc;EACF;EACY;EACZ;EACX,cAAc;EACY;EACZ;EACH;GACX,CACE,EAeT,CAAC,cAAc,CAAC,gBACf,oCAAC;EACQ;EACP,YAAY;EACZ,UAAU;EACV,UAAU,YAAY;EACtB,WAAW;EACJ;EACO;EACd,UAAU;EACV,aAAa;EACb,aAAa;EACb,YAAY;EACI;EACE;EACD;EACJ;EACG;EACA;EACG;EACJ;EACD;EACC;EACA;IAEd,uBACC,oCAAC,SAAI,WAAW,QAAQ,OAAM,oBAA0B,CAE5C,EAGjB,WAAW,oCAAC,qBAAiB,EAC9B,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,IAC7B,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,GAAI;EACQ;EACZ,eAAe,CAAC;EAChB,SAAS,QAAQ;EACjB,aAAa,aAAa;EAC1B,eAAe;EACf,uBAAuB;EACvB,2BAA2B;EAC3B,eAAe;EACf,sBAAsB;EACtB;EACA,SAAS;EACT,WAAW;EACX,gBAAe;EACf,sBAAsB;EACtB,aAAa;EACb,YAAY,CAAC;EACb,iBAAiB;EACjB,mBAAmB;EACC;EACpB,SACE,iBAAiB,eAAe,CAAC,yBAAyB,GAAG,EAAE;EAEjE,qBAAqB;EACP;EACd,eAAe,EACb,uBAAuB,WACrB,OAAO,KAAK,aAAa,KAAK,OAAO,KAAK,YAC7C;EACO;EACR,KAAK;EACL,cACE,CAAC,wBAAwB,cAAc,aAAa;EAE1C;EACZ,GAAI;GACJ,CACE,EACL,oBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,YAAY,SAAS,eAAe,KAAK;EACzC,kBAAkB,eAAe,GAAG;EACpC,aAAa;EACb,eAAe;EACD;EACN;GACR,CACE,EAEP,CAAC,qBAAqB,SAAS,WAAW,IACzC,oCAAC;EACC,MAAM;EACN,aAAa;EACb,aAAa;EACb,QAAQ;EACF;EACY;EAClB,cAAc;EACR;EACC;EACP,iBAAiB;EACT;EACA;EACM;GACd,CAEA,CACL;;AAIP,oBAAoB,YAAY;CAI9B,YAAY,UAAU;CAItB,mBAAmB,UAAU;CAI7B,MAAM,UAAU;CAIhB,OAAO,UAAU;CAIjB,cAAc,UAAU;CAIxB,qBAAqB,UAAU;CAI/B,SAAS,UAAU;CAInB,qBAAqB,UAAU;CAI/B,eAAe,UAAU;CAIzB,iBAAiB,UAAU;CAI3B,0BAA0B,UAAU;CAIpC,sBAAsB,UAAU;CAIhC,SAAS,UAAU,QACjB,UAAU,MAAM;EACd,OAAO,UAAU,OAAO;EACxB,OAAO,UAAU,OAAO;EACzB,CAAC,CACH;CAID,OAAO,UAAU,QACf,UAAU,MAAM,EACd,OAAO,UAAU,OAAO,YACzB,CAAC,CACH;CAID,mBAAmB,UAAU,QAC3B,UAAU,MAAM,EACd,OAAO,UAAU,OAAO,YACzB,CAAC,CACH;CAID,MAAM,UAAU,QACd,UAAU,MAAM;EACd,OAAO,UAAU,OAAO;EACxB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAC7D;EACJ,CAAC,CACH;CAID,cAAc,UAAU;CAIxB,eAAe,UAAU;CAIzB,qBAAqB,UAAU,QAC7B,UAAU,MAAM;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,CACH;CAID,cAAc,UAAU,QACtB,UAAU,MAAM;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,CACH;CAID,sBAAsB,UAAU;CAIhC,oBAAoB,UAAU;CAI9B,mBAAmB,UAAU;CAI7B,wBAAwB,UAAU;CAIlC,iBAAiB,UAAU;CAI3B,YAAY,UAAU;CAItB,YAAY,UAAU;CAItB,MAAM,UAAU;CAIhB,WAAW,UAAU;CACtB"}

package/dist/{AppMenu-l9dxXKrP.js → AppMenu-B9CCWiY8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { n as useActions } from "./useActions-CBGNxEKr.js";
+import { n as useActions } from "./useActions-BbqecXkd.js";
 import { t as redirectToLinkOnClick } from "./redirectToLink-CvjUyGaR.js";
 import React, { forwardRef, useContext, useEffect, useState } from "react";
 import { Collapse, List, ListItem, ListItemIcon, ListItemText, createStyles, makeStyles } from "@material-ui/core";
@@ -171,4 +171,4 @@ const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
 //#endregion
 export { AppMenuItem as n, AppMenuItemComponent as r, AppMenu as t };
-//# sourceMappingURL=AppMenu-l9dxXKrP.js.map
+//# sourceMappingURL=AppMenu-B9CCWiY8.js.map

package/dist/{AppMenu-l9dxXKrP.js.map → AppMenu-B9CCWiY8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppMenu-l9dxXKrP.js","names":[],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n const { link, params, isChild, ...other } = props\n\n // If link is not set return the ordinary ListItem\n if (!link \|\| typeof link !== 'string') {\n return <ListItem button {...other} dense />\n }\n\n // Return a ListItem with a link component\n return (\n <ListItem\n id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n button\n component={ListItemLinkComponent}\n to={{\n pathname: link,\n state: params\n }}\n {...other}\n onClick={undefined}\n dense\n />\n )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n Collapse,\n createStyles,\n List,\n ListItemIcon,\n ListItemText,\n makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n// React runtime PropTypes\nconst AppMenuItemPropTypes = {\n id: PropTypes.string,\n label: PropTypes.string.isRequired,\n link: PropTypes.string,\n icon: PropTypes.elementType,\n iconName: PropTypes.string,\n image: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.object),\n indent: PropTypes.string,\n redirectInfo: PropTypes.string,\n params: PropTypes.object,\n menuItemId: PropTypes.string,\n menuStructureId: PropTypes.number,\n parentId: PropTypes.number,\n productId: PropTypes.number,\n isActive: PropTypes.bool,\n roleIds: PropTypes.arrayOf(PropTypes.number),\n getAccessToken: PropTypes.func,\n childrenIcons: PropTypes.bool,\n isChild: PropTypes.bool,\n childIndex: PropTypes.number,\n sidebarExpanded: PropTypes.bool,\n devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),\n user: PropTypes.object,\n tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n menuItem: {\n '&.active': {\n background: 'rgba(0, 0, 0, 0.08)',\n '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n }\n },\n menuItemIcon: {\n minWidth: theme.spacing(5)\n },\n item: {\n width: 254,\n whiteSpace: 'normal',\n paddingLeft: (props) =>\n props?.isChild && props.sidebarExpanded\n ? `calc(16px + ${\n 16 * (props.childIndex !== undefined ? props.childIndex : 0)\n }px)`\n : null\n },\n indent: {},\n icon: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n color: theme.palette.secondary.dark\n },\n expand: {\n // marginRight: theme.spacing(1),\n visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n },\n images: {\n width: theme.spacing(3.5),\n height: theme.spacing(3.5)\n }\n })\n);\n\nexport const AppMenuItem = (props) => {\n const {\n childrenIcons = true,\n isChild = false,\n childIndex = 0,\n label,\n link,\n icon,\n image,\n getAccessToken,\n indent,\n items = [],\n redirectInfo,\n sidebarExpanded,\n user,\n params,\n tenantSsoId,\n ...other\n } = props;\n const classes = useStyles(props);\n const isExpandable = items?.length > 0;\n const [open, setOpen] = useState(false);\n const { triggerMultipleActions } = useActions();\n const { t } = useTranslation();\n\n const handleClick = async () => {\n let url = redirectInfo;\n if (url && tenantSsoId) {\n const response = await apiMutate(\n ConfigService.securityV1ApiUrl,\n `sso/${tenantSsoId}`,\n { method: 'get' }\n );\n if (!response) return;\n url = `${url}${response.data.urlParams}`;\n }\n if (url) {\n redirectToLinkOnClick(url, getAccessToken, user);\n }\n\n if (params?.Action?.length) {\n triggerMultipleActions(params.Action);\n }\n\n setOpen(!open);\n };\n\n const MenuItemRoot = (\n <AppMenuItemComponent\n className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n link={items.length ? '' : link}\n onClick={handleClick}\n aria-expanded={isExpandable ? open : null}\n params={{ ...other, label, params }}\n isChild={isChild}\n >\n {/* Display an icon if any /}\n {(!!icon \|\| !!image) && ((isChild && childrenIcons) \|\| !isChild) && (\n <ListItemIcon className={classes.menuItemIcon}>\n {icon ? (\n <div className={classes.icon}>\n <FluentIcon component={icon} />\n </div>\n ) : (\n <img src={image} alt={label} className={classes.images} />\n )}\n </ListItemIcon>\n )}\n <ListItemText primary={t(label)} inset={!icon && !image} />\n {/ Display the expand menu if the item has children /}\n {isExpandable &&\n (open ? (\n <div className={classes.expand}>\n <FluentIcon\n size={'small'}\n component={ChevronUpIcon}\n id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n />\n </div>\n ) : (\n <div className={classes.expand}>\n <FluentIcon\n size={'small'}\n component={ChevronDownIcon}\n id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n />\n </div>\n ))}\n </AppMenuItemComponent>\n );\n\n const MenuItemChildren = isExpandable ? (\n <Collapse in={open} timeout='auto' unmountOnExit>\n {/ <Divider aria-hidden={true} /> */}\n <List>\n {items.map((item, index) => (\n <AppMenuItem\n {...item}\n childrenIcons={childrenIcons}\n isChild\n key={index}\n childIndex={childIndex + 1}\n sidebarExpanded={sidebarExpanded}\n user={user}\n />\n ))}\n </List>\n </Collapse>\n ) : null;\n\n return (\n <li>\n {MenuItemRoot}\n {MenuItemChildren}\n </li>\n );\n};\n\nAppMenuItem.propTypes = AppMenuItemPropTypes;\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n childrenIcons,\n menuItems,\n sidebarExpanded,\n user\n}) => {\n return (\n <nav aria-label='Site Navigation'>\n <List>\n {menuItems.map((item, index) => {\n return (\n <AppMenuItem\n key={index}\n childrenIcons={childrenIcons}\n sidebarExpanded={sidebarExpanded}\n user={user}\n {...item}\n />\n );\n })}\n </List>\n </nav>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AppMenu-B9CCWiY8.js","names":[],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n const { link, params, isChild, ...other } = props\n\n // If link is not set return the ordinary ListItem\n if (!link \|\| typeof link !== 'string') {\n return <ListItem button {...other} dense />\n }\n\n // Return a ListItem with a link component\n return (\n <ListItem\n id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n button\n component={ListItemLinkComponent}\n to={{\n pathname: link,\n state: params\n }}\n {...other}\n onClick={undefined}\n dense\n />\n )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n Collapse,\n createStyles,\n List,\n ListItemIcon,\n ListItemText,\n makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n// React runtime PropTypes\nconst AppMenuItemPropTypes = {\n id: PropTypes.string,\n label: PropTypes.string.isRequired,\n link: PropTypes.string,\n icon: PropTypes.elementType,\n iconName: PropTypes.string,\n image: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.object),\n indent: PropTypes.string,\n redirectInfo: PropTypes.string,\n params: PropTypes.object,\n menuItemId: PropTypes.string,\n menuStructureId: PropTypes.number,\n parentId: PropTypes.number,\n productId: PropTypes.number,\n isActive: PropTypes.bool,\n roleIds: PropTypes.arrayOf(PropTypes.number),\n getAccessToken: PropTypes.func,\n childrenIcons: PropTypes.bool,\n isChild: PropTypes.bool,\n childIndex: PropTypes.number,\n sidebarExpanded: PropTypes.bool,\n devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),\n user: PropTypes.object,\n tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n menuItem: {\n '&.active': {\n background: 'rgba(0, 0, 0, 0.08)',\n '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n }\n },\n menuItemIcon: {\n minWidth: theme.spacing(5)\n },\n item: {\n width: 254,\n whiteSpace: 'normal',\n paddingLeft: (props) =>\n props?.isChild && props.sidebarExpanded\n ? `calc(16px + ${\n 16 * (props.childIndex !== undefined ? props.childIndex : 0)\n }px)`\n : null\n },\n indent: {},\n icon: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n color: theme.palette.secondary.dark\n },\n expand: {\n // marginRight: theme.spacing(1),\n visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n },\n images: {\n width: theme.spacing(3.5),\n height: theme.spacing(3.5)\n }\n })\n);\n\nexport const AppMenuItem = (props) => {\n const {\n childrenIcons = true,\n isChild = false,\n childIndex = 0,\n label,\n link,\n icon,\n image,\n getAccessToken,\n indent,\n items = [],\n redirectInfo,\n sidebarExpanded,\n user,\n params,\n tenantSsoId,\n ...other\n } = props;\n const classes = useStyles(props);\n const isExpandable = items?.length > 0;\n const [open, setOpen] = useState(false);\n const { triggerMultipleActions } = useActions();\n const { t } = useTranslation();\n\n const handleClick = async () => {\n let url = redirectInfo;\n if (url && tenantSsoId) {\n const response = await apiMutate(\n ConfigService.securityV1ApiUrl,\n `sso/${tenantSsoId}`,\n { method: 'get' }\n );\n if (!response) return;\n url = `${url}${response.data.urlParams}`;\n }\n if (url) {\n redirectToLinkOnClick(url, getAccessToken, user);\n }\n\n if (params?.Action?.length) {\n triggerMultipleActions(params.Action);\n }\n\n setOpen(!open);\n };\n\n const MenuItemRoot = (\n <AppMenuItemComponent\n className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n link={items.length ? '' : link}\n onClick={handleClick}\n aria-expanded={isExpandable ? open : null}\n params={{ ...other, label, params }}\n isChild={isChild}\n >\n {/* Display an icon if any /}\n {(!!icon \|\| !!image) && ((isChild && childrenIcons) \|\| !isChild) && (\n <ListItemIcon className={classes.menuItemIcon}>\n {icon ? (\n <div className={classes.icon}>\n <FluentIcon component={icon} />\n </div>\n ) : (\n <img src={image} alt={label} className={classes.images} />\n )}\n </ListItemIcon>\n )}\n <ListItemText primary={t(label)} inset={!icon && !image} />\n {/ Display the expand menu if the item has children /}\n {isExpandable &&\n (open ? (\n <div className={classes.expand}>\n <FluentIcon\n size={'small'}\n component={ChevronUpIcon}\n id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n />\n </div>\n ) : (\n <div className={classes.expand}>\n <FluentIcon\n size={'small'}\n component={ChevronDownIcon}\n id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n />\n </div>\n ))}\n </AppMenuItemComponent>\n );\n\n const MenuItemChildren = isExpandable ? (\n <Collapse in={open} timeout='auto' unmountOnExit>\n {/ <Divider aria-hidden={true} /> */}\n <List>\n {items.map((item, index) => (\n <AppMenuItem\n {...item}\n childrenIcons={childrenIcons}\n isChild\n key={index}\n childIndex={childIndex + 1}\n sidebarExpanded={sidebarExpanded}\n user={user}\n />\n ))}\n </List>\n </Collapse>\n ) : null;\n\n return (\n <li>\n {MenuItemRoot}\n {MenuItemChildren}\n </li>\n );\n};\n\nAppMenuItem.propTypes = AppMenuItemPropTypes;\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n childrenIcons,\n menuItems,\n sidebarExpanded,\n user\n}) => {\n return (\n <nav aria-label='Site Navigation'>\n <List>\n {menuItems.map((item, index) => {\n return (\n <AppMenuItem\n key={index}\n childrenIcons={childrenIcons}\n sidebarExpanded={sidebarExpanded}\n user={user}\n {...item}\n />\n );\n })}\n </List>\n </nav>\n );\n};\n"],"mappings":"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"}

package/dist/{BaseTreeMenu-Bk4XZUCL.js → BaseTreeMenu-DitVfbeZ.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
 import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-C6e2dd4g.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
 import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import { t as AggregateChip } from "./AggregateChip-BF6RL_4_.js";
+import { t as AggregateChip } from "./AggregateChip-BDugg_kG.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { CircularProgress, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
 import clsx from "clsx";
@@ -354,4 +354,4 @@ const BaseTreeMenu = (props) => {
 //#endregion
 export { BaseTreeMenuItem as n, BaseTreeMenu as t };
-//# sourceMappingURL=BaseTreeMenu-Bk4XZUCL.js.map
+//# sourceMappingURL=BaseTreeMenu-DitVfbeZ.js.map

package/dist/{BaseTreeMenu-Bk4XZUCL.js.map → BaseTreeMenu-DitVfbeZ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTreeMenu-Bk4XZUCL.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n makeStyles,\n lighten,\n Typography,\n CircularProgress,\n darken,\n useTheme,\n Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n NodeActionTriggerEnums,\n TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&.Mui-selected > .MuiTreeItem-content': {\n backgroundColor:\n theme?.getThemeData()?.mode === 'dark'\n ? theme.palette.grey[700]\n : theme.palette.grey[300],\n borderRight: `4px solid ${theme.palette.primary.main}`\n },\n '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n backgroundColor: 'transparent',\n paddingLeft: 0\n },\n '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n backgroundColor:\n theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n }\n },\n content: {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' &&\n props.conditionalIconName &&\n props.conditionalIconColor\n ? lighten(props.conditionalIconColor, 0.92)\n : ''\n },\n labelRoot: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n width: '100%'\n },\n labelContainer: {\n display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `calc(100% - ${theme.spacing(6.25)}px)`\n : `calc(100% - ${theme.spacing(7.75)}px)`\n },\n conditionalIconContainer: {\n display: 'inline-flex'\n },\n labelText: {\n fontSize: '0.75rem',\n fontWeight: 600,\n lineHeight: '1rem',\n letterSpacing: 0.1\n },\n captionText: {\n marginLeft: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n fontSize: '0.65rem',\n fontWeight: 400,\n lineHeight: 1,\n letterSpacing: 0.4\n },\n labelOverflow: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis'\n },\n group: {\n width: '100%',\n '& .MuiTreeItem-group': {\n marginLeft: 0\n },\n '& .MuiTreeItem-content': {\n paddingLeft: (props) =>\n props.sidebarExpanded ? (props.depth \|\| 1) * theme.spacing(1) : 0,\n borderRight: (props) =>\n props.showRightBorderColor\n ? `4px solid ${theme.palette.primary.main}`\n : '',\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n '& .MuiTreeItem-content .MuiTreeItem-label': {\n paddingLeft: 0,\n width: (props) =>\n props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n display: (props) => (props.hideExpansion ? 'none' : '')\n },\n '& .MuiCollapse-wrapperInner': {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n ? theme.palette.grey[50]\n : ''\n }\n },\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 50,\n marginTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginRight: theme.spacing(1),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n height: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n border: (props) =>\n props.iconColor\n ? `1px solid ${darken(props.iconColor, 0.1)}`\n : `1px solid ${theme.palette.secondary.main}`,\n backgroundColor: '#ffffff'\n }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n const {\n parentId,\n nodeId,\n iconName,\n iconType,\n conditionalIconName,\n conditionalIconType,\n conditionalIconColor,\n label,\n iconColor,\n onNodeSelect,\n isSelectedNode,\n subLabel,\n sidebarExpanded,\n isLastNode,\n loading,\n node,\n onDropNode,\n treeViewMode,\n menuIndex,\n aggregateThresholdId,\n ...other\n } = props;\n const classes = useStyles(props);\n const theme = useTheme();\n\n const [{ isDragging }, dragRef] = useDrag({\n type: 'BaseTreeMenuItem',\n item: { ...node, sourceNodeMenuIndex: menuIndex },\n collect: (monitor) => ({\n isDragging: monitor.isDragging()\n })\n });\n\n const handleOnDrop = useCallback(\n (sourceNode, monitor) => {\n if (!monitor.didDrop()) {\n if (onDropNode) {\n const { sourceNodeMenuIndex, ...other } = sourceNode;\n onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n }\n }\n },\n [onDropNode, node, menuIndex]\n );\n\n const [{ canDrop, isOver }, dropRef] = useDrop(\n () => ({\n accept: ['BaseTreeMenuItem'],\n drop: (sourceNode, monitor) => {\n // condition to only handle first drop\n handleOnDrop(sourceNode, monitor);\n },\n canDrop: (sourceNode) => checkCanDrop(sourceNode),\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n canDrop: !!monitor.canDrop()\n })\n }),\n [handleOnDrop]\n );\n\n const checkCanDrop = useCallback(\n (sourceNode) => {\n if (sourceNode) {\n const onDropActions = node?.properties?.nodeActions?.filter(\n (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n );\n if (!onDropActions) {\n return false;\n }\n const nodeDragEntities = onDropActions?.map(\n (action) => action?.dragEntityName\n );\n return nodeDragEntities.includes(\n sourceNode?.properties?.catalogReturnObject\n );\n }\n },\n [node]\n );\n\n const handleOnLabelClick = useCallback(\n (e) => {\n e.preventDefault();\n onNodeSelect(e, nodeId);\n },\n [onNodeSelect, nodeId]\n );\n\n return (\n <TreeItem\n className={classes.group}\n key={nodeId}\n nodeId={nodeId}\n label={\n <div ref={dropRef}>\n <Tooltip title={sidebarExpanded ? '' : label}>\n <div\n ref={(node?.properties?.isDraggable && dragRef) \|\| null}\n style={{ opacity: isDragging ? 0.5 : 1 }}\n >\n {loading ? (\n <CircularProgress size={12} />\n ) : (\n <div\n id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n className={classes.labelRoot}\n style={{\n fontWeight: isSelectedNode ? 'bold' : ''\n }}\n >\n {iconName && (\n <div className={classes.iconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={iconColor}\n type={iconType}\n icon={\n iconType === 'unity'\n ? getUnityIconFromName(iconName)\n : getIconFromName(iconName)\n }\n style={{\n color: iconColor\n ? darken(iconColor, 0.1)\n : theme.palette.secondary.main\n }}\n />\n </div>\n )}\n <div className={classes.labelContainer}>\n <Typography\n variant='subtitle2'\n className={clsx(classes.labelText, classes.labelOverflow)}\n >\n {label}\n {subLabel &&\n treeViewMode === TreeViewModeEnums.Compact && (\n <Typography\n variant='caption'\n className={clsx(\n classes.captionText,\n classes.labelOverflow\n )}\n >\n {subLabel}\n </Typography>\n )}\n </Typography>\n {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n <div className={classes.labelOverflow}>\n <Typography\n variant='caption'\n className={clsx(classes.captionText)}\n >\n {subLabel}\n </Typography>\n </div>\n )}\n </div>\n {node?.properties?.itemCount !== undefined &&\n node?.properties?.itemCount !== null &&\n sidebarExpanded && (\n <StatusChip\n label={String(node.properties.itemCount)}\n useSmallChip={true}\n />\n )}\n <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n {conditionalIconName && sidebarExpanded && (\n <div className={classes.conditionalIconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={conditionalIconColor}\n type={conditionalIconType}\n icon={\n conditionalIconType === 'unity'\n ? getUnityIconFromName(conditionalIconName)\n : getIconFromName(conditionalIconName)\n }\n style={{\n color: conditionalIconColor\n }}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </Tooltip>\n </div>\n }\n onLabelClick={handleOnLabelClick}\n classes={{ root: classes.root, content: classes.content }}\n {...other}\n />\n );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n makeStyles,\n useTheme,\n lighten,\n CircularProgress,\n Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n searchTree,\n findAllParentIds,\n getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(1.75),\n borderTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n noChildrenContainer: {\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n }\n}));\n\nexport const BaseTreeMenu = (props) => {\n const {\n menuItems,\n onSelectNode,\n onDropNode,\n menuIndex,\n selectedNodeId,\n selectedNodeParentId,\n sidebarExpanded,\n treeViewMode,\n childrenKey = 'children'\n } = props;\n const [expanded, setExpanded] = useState(null);\n const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n const [tree, setTree] = useState(menuItems);\n const theme = useTheme();\n const classes = useStyles(props);\n const firstRender = useRef(true);\n\n const handleSelectedNode = useCallback(\n (e, value) => {\n const selectedNode = searchTree(tree, value);\n if (onSelectNode) {\n onSelectNode(selectedNode, menuIndex);\n setSelectedNodeIsHidden(false);\n }\n },\n [tree, menuIndex, onSelectNode]\n );\n\n const renderTree = useCallback(\n (node, depth = 1) => {\n let label = node.properties?.nodeLabel \|\| node.properties?.name;\n let subLabel = node.properties?.nodeSubLabel;\n let iconName = node.properties?.defaultIcon?.name;\n let iconType = node.properties?.defaultIcon?.type;\n let conditionalIconName = node.properties?.conditionalIconName \|\| '';\n let conditionalIconType = node.properties?.conditionalIconName\n ? node.properties.conditionalIconType\n : '';\n let conditionalIconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : '';\n let nodeId = node.id;\n let iconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : node.properties?.defaultIcon?.color?.hex;\n let aggregateThresholdId = node.properties?.aggregateThresholdId \|\| '';\n\n if (node.isGroupNode) {\n label = node.properties?.label;\n subLabel = node.properties?.subLabel;\n iconName = node.properties?.icon?.name;\n iconType = node.properties?.icon?.type;\n iconColor = node.properties?.icon?.color?.hex;\n }\n\n return (\n <BaseTreeMenuItem\n key={nodeId}\n nodeId={nodeId}\n label={label}\n subLabel={subLabel}\n iconName={iconName}\n iconType={iconType}\n conditionalIconName={conditionalIconName}\n conditionalIconType={conditionalIconType}\n conditionalIconColor={conditionalIconColor}\n parentId={node.parentId}\n iconColor={iconColor}\n onNodeSelect={handleSelectedNode}\n selectedNodeId={selectedNodeId}\n isSelectedNode={selectedNodeId === node.id}\n showRightBorderColor={\n selectedNodeIsHidden &&\n isCurrentActiveTree &&\n getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n node.id\n }\n isCurrentActiveTree={isCurrentActiveTree}\n sidebarExpanded={sidebarExpanded}\n depth={depth}\n hideExpansion={!!!node[childrenKey]?.length}\n node={node}\n onDropNode={onDropNode}\n treeViewMode={treeViewMode}\n menuIndex={menuIndex}\n aggregateThresholdId={aggregateThresholdId}\n >\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n !node.completedLoadingChildren && (\n <CircularProgress\n size={12}\n style={{ marginLeft: (depth \|\| 1) * theme.spacing(1) }}\n />\n )}\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n !node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n No Children\n </Typography>\n </div>\n )}\n {node.properties?.lazyLoad &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n {`Error Retrieving ${\n !!node[childrenKey]?.length ? `Additional ` : ''\n }Children`}\n </Typography>\n </div>\n )}\n {Array.isArray(node[childrenKey])\n ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n : null}\n </BaseTreeMenuItem>\n );\n },\n [\n handleSelectedNode,\n selectedNodeId,\n selectedNodeIsHidden,\n isCurrentActiveTree,\n sidebarExpanded,\n expanded,\n tree,\n selectedNodeParentId,\n theme,\n classes,\n onDropNode,\n treeViewMode,\n menuIndex,\n childrenKey\n ]\n );\n\n const handleNodeExpansion = useCallback(\n async (evt, nodeIds) => {\n const treeCopy = cloneDeep(tree);\n setExpanded(nodeIds);\n\n const parentNode = searchTree(treeCopy, selectedNodeParentId);\n const initialAllParentNodeIds = selectedNodeParentId\n ? [selectedNodeParentId]\n : [];\n const allParentNodeIds = findAllParentIds(\n treeCopy,\n parentNode,\n initialAllParentNodeIds\n );\n const selectedNodeShown = allParentNodeIds.every((id) =>\n nodeIds.includes(id)\n );\n if (\n isCurrentActiveTree &&\n allParentNodeIds.length &&\n !selectedNodeShown\n ) {\n setSelectedNodeIsHidden(true);\n } else {\n setSelectedNodeIsHidden(false);\n }\n },\n [isCurrentActiveTree, tree, selectedNodeParentId]\n );\n\n const getExpandedRecursively = useCallback(\n (tree) => {\n if (!tree) return [];\n return tree.reduce((expandedIds, item) => {\n if (item?.isExpanded) {\n expandedIds.push(item.id);\n }\n if (item && item[childrenKey]?.length) {\n expandedIds = expandedIds.concat(\n getExpandedRecursively(item[childrenKey])\n );\n }\n return expandedIds;\n }, []);\n },\n [childrenKey]\n );\n\n useEffect(() => {\n setTree(menuItems);\n }, [menuItems]);\n\n useEffect(() => {\n if (!tree) return;\n if (firstRender.current) {\n let expanded = [];\n if (tree?.isExpanded) {\n expanded.push(tree.id);\n }\n expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n setExpanded(expanded);\n firstRender.current = false;\n }\n // Do not reset expanded on subsequent updates\n }, [getExpandedRecursively, tree, childrenKey]);\n\n useEffect(() => {\n if (!!searchTree(tree, selectedNodeId)) {\n setIsCurrentActiveTree(true);\n } else {\n setIsCurrentActiveTree(false);\n }\n }, [tree, selectedNodeId]);\n\n if (!expanded) {\n return null;\n }\n\n return (\n <TreeView\n key={tree}\n className={classes.root}\n defaultCollapseIcon={\n <FluentIcon\n size='small'\n component={CaretUpSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n expanded={expanded \|\| []}\n onNodeToggle={handleNodeExpansion}\n defaultExpandIcon={\n <FluentIcon\n size='small'\n component={CaretDownSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n selected={selectedNodeId}\n >\n {tree && renderTree(tree)}\n </TreeView>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseTreeMenu-DitVfbeZ.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n makeStyles,\n lighten,\n Typography,\n CircularProgress,\n darken,\n useTheme,\n Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n NodeActionTriggerEnums,\n TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&.Mui-selected > .MuiTreeItem-content': {\n backgroundColor:\n theme?.getThemeData()?.mode === 'dark'\n ? theme.palette.grey[700]\n : theme.palette.grey[300],\n borderRight: `4px solid ${theme.palette.primary.main}`\n },\n '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n backgroundColor: 'transparent',\n paddingLeft: 0\n },\n '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n backgroundColor:\n theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n }\n },\n content: {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' &&\n props.conditionalIconName &&\n props.conditionalIconColor\n ? lighten(props.conditionalIconColor, 0.92)\n : ''\n },\n labelRoot: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n width: '100%'\n },\n labelContainer: {\n display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `calc(100% - ${theme.spacing(6.25)}px)`\n : `calc(100% - ${theme.spacing(7.75)}px)`\n },\n conditionalIconContainer: {\n display: 'inline-flex'\n },\n labelText: {\n fontSize: '0.75rem',\n fontWeight: 600,\n lineHeight: '1rem',\n letterSpacing: 0.1\n },\n captionText: {\n marginLeft: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n fontSize: '0.65rem',\n fontWeight: 400,\n lineHeight: 1,\n letterSpacing: 0.4\n },\n labelOverflow: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis'\n },\n group: {\n width: '100%',\n '& .MuiTreeItem-group': {\n marginLeft: 0\n },\n '& .MuiTreeItem-content': {\n paddingLeft: (props) =>\n props.sidebarExpanded ? (props.depth \|\| 1) * theme.spacing(1) : 0,\n borderRight: (props) =>\n props.showRightBorderColor\n ? `4px solid ${theme.palette.primary.main}`\n : '',\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n '& .MuiTreeItem-content .MuiTreeItem-label': {\n paddingLeft: 0,\n width: (props) =>\n props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n display: (props) => (props.hideExpansion ? 'none' : '')\n },\n '& .MuiCollapse-wrapperInner': {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n ? theme.palette.grey[50]\n : ''\n }\n },\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 50,\n marginTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginRight: theme.spacing(1),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n height: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n border: (props) =>\n props.iconColor\n ? `1px solid ${darken(props.iconColor, 0.1)}`\n : `1px solid ${theme.palette.secondary.main}`,\n backgroundColor: '#ffffff'\n }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n const {\n parentId,\n nodeId,\n iconName,\n iconType,\n conditionalIconName,\n conditionalIconType,\n conditionalIconColor,\n label,\n iconColor,\n onNodeSelect,\n isSelectedNode,\n subLabel,\n sidebarExpanded,\n isLastNode,\n loading,\n node,\n onDropNode,\n treeViewMode,\n menuIndex,\n aggregateThresholdId,\n ...other\n } = props;\n const classes = useStyles(props);\n const theme = useTheme();\n\n const [{ isDragging }, dragRef] = useDrag({\n type: 'BaseTreeMenuItem',\n item: { ...node, sourceNodeMenuIndex: menuIndex },\n collect: (monitor) => ({\n isDragging: monitor.isDragging()\n })\n });\n\n const handleOnDrop = useCallback(\n (sourceNode, monitor) => {\n if (!monitor.didDrop()) {\n if (onDropNode) {\n const { sourceNodeMenuIndex, ...other } = sourceNode;\n onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n }\n }\n },\n [onDropNode, node, menuIndex]\n );\n\n const [{ canDrop, isOver }, dropRef] = useDrop(\n () => ({\n accept: ['BaseTreeMenuItem'],\n drop: (sourceNode, monitor) => {\n // condition to only handle first drop\n handleOnDrop(sourceNode, monitor);\n },\n canDrop: (sourceNode) => checkCanDrop(sourceNode),\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n canDrop: !!monitor.canDrop()\n })\n }),\n [handleOnDrop]\n );\n\n const checkCanDrop = useCallback(\n (sourceNode) => {\n if (sourceNode) {\n const onDropActions = node?.properties?.nodeActions?.filter(\n (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n );\n if (!onDropActions) {\n return false;\n }\n const nodeDragEntities = onDropActions?.map(\n (action) => action?.dragEntityName\n );\n return nodeDragEntities.includes(\n sourceNode?.properties?.catalogReturnObject\n );\n }\n },\n [node]\n );\n\n const handleOnLabelClick = useCallback(\n (e) => {\n e.preventDefault();\n onNodeSelect(e, nodeId);\n },\n [onNodeSelect, nodeId]\n );\n\n return (\n <TreeItem\n className={classes.group}\n key={nodeId}\n nodeId={nodeId}\n label={\n <div ref={dropRef}>\n <Tooltip title={sidebarExpanded ? '' : label}>\n <div\n ref={(node?.properties?.isDraggable && dragRef) \|\| null}\n style={{ opacity: isDragging ? 0.5 : 1 }}\n >\n {loading ? (\n <CircularProgress size={12} />\n ) : (\n <div\n id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n className={classes.labelRoot}\n style={{\n fontWeight: isSelectedNode ? 'bold' : ''\n }}\n >\n {iconName && (\n <div className={classes.iconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={iconColor}\n type={iconType}\n icon={\n iconType === 'unity'\n ? getUnityIconFromName(iconName)\n : getIconFromName(iconName)\n }\n style={{\n color: iconColor\n ? darken(iconColor, 0.1)\n : theme.palette.secondary.main\n }}\n />\n </div>\n )}\n <div className={classes.labelContainer}>\n <Typography\n variant='subtitle2'\n className={clsx(classes.labelText, classes.labelOverflow)}\n >\n {label}\n {subLabel &&\n treeViewMode === TreeViewModeEnums.Compact && (\n <Typography\n variant='caption'\n className={clsx(\n classes.captionText,\n classes.labelOverflow\n )}\n >\n {subLabel}\n </Typography>\n )}\n </Typography>\n {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n <div className={classes.labelOverflow}>\n <Typography\n variant='caption'\n className={clsx(classes.captionText)}\n >\n {subLabel}\n </Typography>\n </div>\n )}\n </div>\n {node?.properties?.itemCount !== undefined &&\n node?.properties?.itemCount !== null &&\n sidebarExpanded && (\n <StatusChip\n label={String(node.properties.itemCount)}\n useSmallChip={true}\n />\n )}\n <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n {conditionalIconName && sidebarExpanded && (\n <div className={classes.conditionalIconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={conditionalIconColor}\n type={conditionalIconType}\n icon={\n conditionalIconType === 'unity'\n ? getUnityIconFromName(conditionalIconName)\n : getIconFromName(conditionalIconName)\n }\n style={{\n color: conditionalIconColor\n }}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </Tooltip>\n </div>\n }\n onLabelClick={handleOnLabelClick}\n classes={{ root: classes.root, content: classes.content }}\n {...other}\n />\n );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n makeStyles,\n useTheme,\n lighten,\n CircularProgress,\n Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n searchTree,\n findAllParentIds,\n getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(1.75),\n borderTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n noChildrenContainer: {\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n }\n}));\n\nexport const BaseTreeMenu = (props) => {\n const {\n menuItems,\n onSelectNode,\n onDropNode,\n menuIndex,\n selectedNodeId,\n selectedNodeParentId,\n sidebarExpanded,\n treeViewMode,\n childrenKey = 'children'\n } = props;\n const [expanded, setExpanded] = useState(null);\n const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n const [tree, setTree] = useState(menuItems);\n const theme = useTheme();\n const classes = useStyles(props);\n const firstRender = useRef(true);\n\n const handleSelectedNode = useCallback(\n (e, value) => {\n const selectedNode = searchTree(tree, value);\n if (onSelectNode) {\n onSelectNode(selectedNode, menuIndex);\n setSelectedNodeIsHidden(false);\n }\n },\n [tree, menuIndex, onSelectNode]\n );\n\n const renderTree = useCallback(\n (node, depth = 1) => {\n let label = node.properties?.nodeLabel \|\| node.properties?.name;\n let subLabel = node.properties?.nodeSubLabel;\n let iconName = node.properties?.defaultIcon?.name;\n let iconType = node.properties?.defaultIcon?.type;\n let conditionalIconName = node.properties?.conditionalIconName \|\| '';\n let conditionalIconType = node.properties?.conditionalIconName\n ? node.properties.conditionalIconType\n : '';\n let conditionalIconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : '';\n let nodeId = node.id;\n let iconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : node.properties?.defaultIcon?.color?.hex;\n let aggregateThresholdId = node.properties?.aggregateThresholdId \|\| '';\n\n if (node.isGroupNode) {\n label = node.properties?.label;\n subLabel = node.properties?.subLabel;\n iconName = node.properties?.icon?.name;\n iconType = node.properties?.icon?.type;\n iconColor = node.properties?.icon?.color?.hex;\n }\n\n return (\n <BaseTreeMenuItem\n key={nodeId}\n nodeId={nodeId}\n label={label}\n subLabel={subLabel}\n iconName={iconName}\n iconType={iconType}\n conditionalIconName={conditionalIconName}\n conditionalIconType={conditionalIconType}\n conditionalIconColor={conditionalIconColor}\n parentId={node.parentId}\n iconColor={iconColor}\n onNodeSelect={handleSelectedNode}\n selectedNodeId={selectedNodeId}\n isSelectedNode={selectedNodeId === node.id}\n showRightBorderColor={\n selectedNodeIsHidden &&\n isCurrentActiveTree &&\n getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n node.id\n }\n isCurrentActiveTree={isCurrentActiveTree}\n sidebarExpanded={sidebarExpanded}\n depth={depth}\n hideExpansion={!!!node[childrenKey]?.length}\n node={node}\n onDropNode={onDropNode}\n treeViewMode={treeViewMode}\n menuIndex={menuIndex}\n aggregateThresholdId={aggregateThresholdId}\n >\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n !node.completedLoadingChildren && (\n <CircularProgress\n size={12}\n style={{ marginLeft: (depth \|\| 1) * theme.spacing(1) }}\n />\n )}\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n !node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n No Children\n </Typography>\n </div>\n )}\n {node.properties?.lazyLoad &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n {`Error Retrieving ${\n !!node[childrenKey]?.length ? `Additional ` : ''\n }Children`}\n </Typography>\n </div>\n )}\n {Array.isArray(node[childrenKey])\n ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n : null}\n </BaseTreeMenuItem>\n );\n },\n [\n handleSelectedNode,\n selectedNodeId,\n selectedNodeIsHidden,\n isCurrentActiveTree,\n sidebarExpanded,\n expanded,\n tree,\n selectedNodeParentId,\n theme,\n classes,\n onDropNode,\n treeViewMode,\n menuIndex,\n childrenKey\n ]\n );\n\n const handleNodeExpansion = useCallback(\n async (evt, nodeIds) => {\n const treeCopy = cloneDeep(tree);\n setExpanded(nodeIds);\n\n const parentNode = searchTree(treeCopy, selectedNodeParentId);\n const initialAllParentNodeIds = selectedNodeParentId\n ? [selectedNodeParentId]\n : [];\n const allParentNodeIds = findAllParentIds(\n treeCopy,\n parentNode,\n initialAllParentNodeIds\n );\n const selectedNodeShown = allParentNodeIds.every((id) =>\n nodeIds.includes(id)\n );\n if (\n isCurrentActiveTree &&\n allParentNodeIds.length &&\n !selectedNodeShown\n ) {\n setSelectedNodeIsHidden(true);\n } else {\n setSelectedNodeIsHidden(false);\n }\n },\n [isCurrentActiveTree, tree, selectedNodeParentId]\n );\n\n const getExpandedRecursively = useCallback(\n (tree) => {\n if (!tree) return [];\n return tree.reduce((expandedIds, item) => {\n if (item?.isExpanded) {\n expandedIds.push(item.id);\n }\n if (item && item[childrenKey]?.length) {\n expandedIds = expandedIds.concat(\n getExpandedRecursively(item[childrenKey])\n );\n }\n return expandedIds;\n }, []);\n },\n [childrenKey]\n );\n\n useEffect(() => {\n setTree(menuItems);\n }, [menuItems]);\n\n useEffect(() => {\n if (!tree) return;\n if (firstRender.current) {\n let expanded = [];\n if (tree?.isExpanded) {\n expanded.push(tree.id);\n }\n expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n setExpanded(expanded);\n firstRender.current = false;\n }\n // Do not reset expanded on subsequent updates\n }, [getExpandedRecursively, tree, childrenKey]);\n\n useEffect(() => {\n if (!!searchTree(tree, selectedNodeId)) {\n setIsCurrentActiveTree(true);\n } else {\n setIsCurrentActiveTree(false);\n }\n }, [tree, selectedNodeId]);\n\n if (!expanded) {\n return null;\n }\n\n return (\n <TreeView\n key={tree}\n className={classes.root}\n defaultCollapseIcon={\n <FluentIcon\n size='small'\n component={CaretUpSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n expanded={expanded \|\| []}\n onNodeToggle={handleNodeExpansion}\n defaultExpandIcon={\n <FluentIcon\n size='small'\n component={CaretDownSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n selected={selectedNodeId}\n >\n {tree && renderTree(tree)}\n </TreeView>\n );\n};\n"],"mappings":"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"}

package/dist/{BioCardWrapper-DmS18Z9H.js → BioCardWrapper-CI0ZngTU.js} RENAMED Viewed

@@ -4,9 +4,9 @@ import { t as AmbientCard } from "./AmbientCard-DK9abODq.js";
 import { t as fluentLibraryIcons } from "./LibraryData-D8Uai7Yd.js";
 import { t as useReadMetaData } from "./useReadMetaData-CiWx4MJr.js";
 import { t as FluentMenuListItem } from "./FluentMenuListItem-CvEx0IXI.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-CDj051YK.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-BecuOnHe.js";
 import { t as TableColumnDefs } from "./TableColumnDefs-BpaOx60h.js";
-import { t as ActionsRenderer } from "./ActionsRenderer-BVfaUEx2.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
 import { t as BioCard } from "./BioCard-M1ZP7x1X.js";
 import { t as AddressListItem } from "./AddressListItem-Bd9OFX1z.js";
 import React, { useEffect, useMemo } from "react";
@@ -510,4 +510,4 @@ const BioCardWrapper = (props) => {
 //#endregion
 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 };
-//# sourceMappingURL=BioCardWrapper-DmS18Z9H.js.map
+//# sourceMappingURL=BioCardWrapper-CI0ZngTU.js.map

package/dist/{BioCardWrapper-DmS18Z9H.js.map → BioCardWrapper-CI0ZngTU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BioCardWrapper-DmS18Z9H.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-CI0ZngTU.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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"}

package/dist/{BulkActionsGridButton-C2Nwb7c6.js → BulkActionsGridButton-CSzHiVvH.js} RENAMED Viewed

@@ -2,8 +2,8 @@ import { t as Form } from "./Form-DbOA5j38.js";
 import { t as Field } from "./Field-Cda5rJe2.js";
 import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
-import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
 import { L as VisibilityTypeEnums } from "./unitySystemEnums-DQSkCr3D.js";
 import { n as PrimaryActionButton_default } from "./PrimaryActionButton-Dk8zvDAW.js";
@@ -919,4 +919,4 @@ const BulkActionsGridButton = (props) => {
 //#endregion
 export { GridActionBar as a, GridPrimaryBar as i, ChipSection as n, SaveViewFormDialog as r, BulkActionsGridButton as t };
-//# sourceMappingURL=BulkActionsGridButton-C2Nwb7c6.js.map
+//# sourceMappingURL=BulkActionsGridButton-CSzHiVvH.js.map