npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.40 → 25.18.1-beta.42 - Mend

udp-react-enterprise-component-library 25.18.1-beta.40 → 25.18.1-beta.42

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

package/dist/{Statistic-CllW32VF.js.map → Statistic-IWynWCev.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Statistic-CllW32VF.js","names":["useStyles","useStyles"],"sources":["../src/UI/mapLayout/ui/CheckboxGroup.jsx","../src/UI/mapLayout/ui/CheckboxList.jsx","../src/UI/mapLayout/ui/PopoverCard.jsx","../src/UI/mapLayout/ui/Statistic.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { FormControlLabel, FormGroup, makeStyles } from '@material-ui/core';\nimport { isEmpty } from 'lodash';\nimport { FluentCheckbox } from '../../inputs/checkbox/FluentCheckbox';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getChildrenObjectsWithNoChildren } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n iconButtonWrapper: {\n borderRadius: 2,\n margin: 'auto 0px'\n },\n expandedList: {\n marginLeft: theme.spacing(4),\n display: 'flex',\n flexDirection: 'column'\n },\n checkboxGroup: {\n display: 'flex',\n justifyContent: 'space-between'\n }\n}));\n\nexport const CheckboxGroup = (props) => {\n const {\n title,\n options,\n onChange,\n defaultExpandedListState = true,\n values,\n valueKey\n } = props;\n const [checkedItems, setCheckedItems] = useState({});\n const [checkedParent, setCheckedParent] = useState(false);\n const [expanded, setExpanded] = useState(defaultExpandedListState);\n const [parentIndeterminate, setParentIndeterminate] = useState(false);\n const classes = useStyles();\n\n useEffect(() => {\n let preCheckedItems = {};\n options?.forEach((option) => {\n if(!!!option?.options \|\| option?.options?.length === 0) {\n preCheckedItems[option.value] = values?.includes(option.value);\n }\n });\n setCheckedItems(preCheckedItems);\n }, [options, values]);\n\n //get a list of child values\n const childrenValues = useMemo(() => {\n return getChildrenObjectsWithNoChildren(options ?? [], 'value');\n }, [options]);\n\n useEffect(() => {\n const checkedAll = isEmpty(checkedItems)\n ? (childrenValues?.length > 0 &&\n childrenValues?.every((val) => values.includes(val))) ??\n false\n : Object.values(checkedItems)?.every((checked) => checked);\n\n setCheckedParent(checkedAll);\n\n setParentIndeterminate(\n !checkedAll &&\n (isEmpty(checkedItems)\n ? childrenValues?.some((val) => values.includes(val))\n : Object.values(checkedItems)?.some((checked) => checked))\n );\n }, [checkedItems, childrenValues, title, values]);\n\n const handleOnClickChildCheckboxOnChange = useCallback(\n (event) => {\n setCheckedItems((preVal) => ({\n ...preVal,\n [event?.target?.name]: event?.target?.checked\n }));\n\n if (!event?.target?.checked) {\n onChange(values?.filter((val) => val !== event?.target?.name));\n } else {\n onChange([...values, event?.target?.name]);\n }\n },\n [onChange, values]\n );\n\n const handleParentCheckboxOnChange = useCallback(\n (event) => {\n setCheckedParent(event?.target?.checked);\n if (!event?.target?.checked) {\n setCheckedItems({});\n\n onChange(\n values?.filter((val) => {\n return !childrenValues?.includes(val);\n })\n );\n }\n\n let newItemToAdd = [];\n childrenValues.forEach((option) => {\n if (event?.target?.checked && option && !values?.includes(option)) {\n newItemToAdd.push(option);\n }\n });\n\n if (newItemToAdd.length > 0) {\n onChange([...values, ...newItemToAdd]);\n }\n setExpanded(true);\n setParentIndeterminate(false);\n },\n [childrenValues, onChange, values]\n );\n\n const childrenList = useMemo(() => {\n if (options?.length > 0) {\n return options?.map((option) => {\n if (option?.options?.length > 0) {\n return (\n <CheckboxGroup\n key={option?.value}\n title={option?.title}\n options={option?.options}\n values={values}\n valueKey={option?.value}\n onChange={onChange}\n />\n );\n }\n\n return (\n <FormControlLabel\n label={option?.title}\n control={\n <FluentCheckbox\n checked={checkedItems[option?.value] \|\| false}\n onChange={handleOnClickChildCheckboxOnChange}\n />\n }\n name={option?.value}\n />\n );\n });\n }\n return [];\n }, [\n checkedItems,\n handleOnClickChildCheckboxOnChange,\n onChange,\n options,\n values\n ]);\n\n return (\n <FormGroup>\n {options?.length > 0 ? (\n <div className={classes.checkboxGroup}>\n <FormControlLabel\n label={title}\n control={\n <FluentCheckbox\n checked={checkedParent}\n indeterminate={parentIndeterminate}\n onChange={handleParentCheckboxOnChange}\n />\n }\n />\n\n <FluentIconButton\n className={clsx(\n classes.expand,\n {\n [classes.expandOpen]: expanded\n },\n classes.iconButtonWrapper\n )}\n onClick={() => setExpanded(!expanded)}\n icon={ChevronDownIcon}\n />\n </div>\n ) : (\n <div>\n <FormControlLabel\n label={title}\n control={\n <FluentCheckbox\n checked={checkedItems[valueKey] \|\| false}\n onChange={handleOnClickChildCheckboxOnChange}\n name={valueKey}\n />\n }\n />\n </div>\n )}\n {expanded && options?.length > 0 && (\n <div className={classes.expandedList}>{childrenList}</div>\n )}\n </FormGroup>\n );\n};\n","import React from 'react';\nimport { CheckboxGroup } from './CheckboxGroup';\n\nexport const CheckboxList = (props) => {\n const { itemGroups, values, onChange } = props;\n\n return (\n <div>\n {itemGroups?.length > 0 &&\n itemGroups?.map((item) => (\n <CheckboxGroup\n title={item?.title}\n options={item?.options}\n values={values}\n onChange={onChange}\n />\n ))}\n </div>\n );\n};\n","import React, { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n CaretDownSolid8Icon,\n ChromeCloseIcon,\n CompletedIcon,\n ErrorIcon,\n InfoIcon,\n MoreVerticalIcon,\n ViewIcon,\n WarningIcon\n} from '@fluentui/react-icons';\nimport {\n Card,\n CardContent,\n darken,\n IconButton,\n lighten,\n ListItemIcon,\n makeStyles,\n Menu,\n MenuItem,\n Tooltip,\n Typography,\n useTheme\n} from '@material-ui/core';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\n\nconst useStyles = makeStyles((theme) => ({\n contentWrapper: {\n display: 'flex',\n height: '100%',\n width: (props) => props?.width ?? '100%'\n },\n titleWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center'\n },\n iconButtonWrapper: {\n borderRadius: 2\n },\n avatar: {\n width: '80px',\n height: '80px'\n },\n iconButtonsWrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n primaryButtonContainer: {\n display: 'flex',\n justifyContent: 'flex-end',\n gap: theme.spacing(1)\n },\n actionButton: {\n color: '#FFFFFF'\n },\n fullHeight: {\n height: '100%'\n },\n fullWidth: {\n width: '100%'\n },\n messageWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center',\n padding: theme.spacing(1),\n backgroundColor: (props) =>\n props?.status\n ? lighten(theme.palette[props.status]?.main, 0.9)\n : lighten(theme.palette.info.main, 0.9)\n },\n iconMessage: {\n color: (props) => (props?.status ? theme.palette[props.status]?.main : null)\n },\n message: {\n color: (props) =>\n props?.status ? darken(theme.palette[props.status]?.main, 0.6) : null\n },\n}));\n\nexport const PopoverCard = (props) => {\n const {\n data,\n title,\n listData,\n showAdornment = true,\n status = 'info',\n detailsEvent,\n primaryActions,\n moreIconActions,\n message,\n messageIcon,\n hideMessageIcon = false,\n onClose,\n width\n } = props;\n const [moreIconAnchor, setMoreIconAnchor] = useState(null);\n const [primaryActionAnchor, setPrimaryActionAnchor] = useState(null);\n const { t } = useTranslation();\n const classes = useStyles({ width, status });\n const theme = useTheme();\n\n const handleOnClickMoreIcon = (event) => {\n setMoreIconAnchor(event?.currentTarget);\n };\n\n const handleOnClickPrimaryAction = (event) => {\n setPrimaryActionAnchor(event?.currentTarget);\n };\n\n const headerBackgroundColor = useMemo(() => {\n switch (status) {\n case 'success':\n return lighten(theme.palette.success.main, 0.7);\n case 'error':\n return lighten(theme.palette.error.main, 0.7);\n case 'warning':\n return lighten(theme.palette.warning.main, 0.7);\n default:\n return lighten(theme.palette.info.main, 0.7);\n }\n }, [status, theme]);\n\n const defaultMessageIcon = useMemo(() => {\n switch (status) {\n case 'success':\n return CompletedIcon;\n case 'error':\n return ErrorIcon;\n case 'warning':\n return WarningIcon;\n default:\n return InfoIcon;\n }\n }, [status]);\n\n return (\n <div>\n <div className={classes.contentWrapper}>\n {showAdornment && status && (\n <div>\n <Adornment color={status} />\n </div>\n )}\n <Card className={classes.fullWidth}>\n <CardContent style={{ backgroundColor: headerBackgroundColor }}>\n <div className={classes.iconButtonsWrapper}>\n <div className={classes.titleWrapper}>\n <FluentIconButton onClick={onClose} icon={ChromeCloseIcon} />\n <Typography variant='h6'>{title}</Typography>\n </div>\n <div>\n {moreIconActions?.length > 0 && (\n <>\n <Tooltip title={t('More') ?? ''}>\n <IconButton\n className={classes.iconButtonWrapper}\n onClick={handleOnClickMoreIcon}\n size='small'\n >\n <MoreVerticalIcon />\n </IconButton>\n </Tooltip>\n <Menu\n open={moreIconAnchor ? true : false}\n onClose={() => {\n setMoreIconAnchor(null);\n }}\n anchorEl={moreIconAnchor}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n >\n {moreIconActions?.map((action) => (\n <MenuItem onClick={() => {action.onClick(data)}}>\n {action?.icon && (\n <ListItemIcon>{action.icon}</ListItemIcon>\n )}\n {action?.name}\n </MenuItem>\n ))}\n </Menu>\n </>\n )}\n </div>\n </div>\n </CardContent>\n {message && (\n <div className={classes.messageWrapper}>\n {!hideMessageIcon && (\n <div className={classes.iconMessage}>\n <FluentIcon component={messageIcon ?? defaultMessageIcon} />\n </div>\n )}\n <div className={classes.message}>{message}</div>\n </div>\n )}\n <CardContent style={{ flex: 1 }}>\n <CompactDataList disableSeparator={false}>\n {listData?.map(({ subject, value }) => {\n return <CompactDataListItem label={subject} value={value} />;\n })}\n </CompactDataList>\n </CardContent>\n <CardContent style={{ flex: 1, paddingTop: 0, paddingBottom: 16 }}>\n <div className={classes.primaryButtonContainer}>\n {detailsEvent && (\n <FluentButton\n variant='outlined'\n endIcon={<ViewIcon />}\n onClick={detailsEvent}\n >\n {t('Details')}\n </FluentButton>\n )}\n\n <div>\n {primaryActions?.length > 0 && (\n <FluentButton\n variant='contained'\n color='secondary'\n endIcon={<CaretDownSolid8Icon />}\n onClick={handleOnClickPrimaryAction}\n className={classes.actionButton}\n >\n {t('Actions')}\n </FluentButton>\n )}\n <Menu\n open={primaryActionAnchor ? true : false}\n onClose={() => {\n setPrimaryActionAnchor(null);\n }}\n anchorEl={primaryActionAnchor}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n >\n {primaryActions?.map((action) => (\n <MenuItem onClick={() => {action.onClick(data)}}>\n {action?.icon && (\n <ListItemIcon>{action.icon}</ListItemIcon>\n )}\n {action?.name}\n </MenuItem>\n ))}\n </Menu>\n </div>\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport {\n Divider,\n Grid,\n lighten,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n margin: 'auto 5px auto 0',\n padding: theme.spacing(1),\n backgroundColor: (props) =>\n lighten(props?.color ? props.color : theme.palette.info.main, 0.9),\n borderRadius: theme.spacing(3),\n },\n valueContainer: {\n marginRight: theme.spacing(1),\n },\n iconColor: {\n color: (props) => props?.color,\n borderRadius: theme.spacing(3),\n },\n}));\n\nexport const Statistic = (props) => {\n const { icon, value, title, color, onClick, hideDivider = false } = props;\n const classes = useStyles({ color: color });\n\n return (\n <div>\n <Grid container>\n {!hideDivider && (\n <Grid item>\n <Divider orientation=\"vertical\" variant=\"middle\" />\n </Grid>\n )}\n {icon && (\n <Grid item className={classes.icon}>\n <FluentIconButton\n icon={getIconFromName(icon)}\n className={classes.iconColor}\n onClick={onClick}\n />\n </Grid>\n )}\n <Grid item className={classes.valueContainer}>\n <Typography variant=\"h5\">{value}</Typography>\n <Typography variant=\"caption\">{title}</Typography>\n </Grid>\n </Grid>\n </div>\n );\n};"],"mappings":"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"}
1	+ {"version":3,"file":"Statistic-IWynWCev.js","names":["useStyles","useStyles"],"sources":["../src/UI/mapLayout/ui/CheckboxGroup.jsx","../src/UI/mapLayout/ui/CheckboxList.jsx","../src/UI/mapLayout/ui/PopoverCard.jsx","../src/UI/mapLayout/ui/Statistic.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { FormControlLabel, FormGroup, makeStyles } from '@material-ui/core';\nimport { isEmpty } from 'lodash';\nimport { FluentCheckbox } from '../../inputs/checkbox/FluentCheckbox';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getChildrenObjectsWithNoChildren } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n iconButtonWrapper: {\n borderRadius: 2,\n margin: 'auto 0px'\n },\n expandedList: {\n marginLeft: theme.spacing(4),\n display: 'flex',\n flexDirection: 'column'\n },\n checkboxGroup: {\n display: 'flex',\n justifyContent: 'space-between'\n }\n}));\n\nexport const CheckboxGroup = (props) => {\n const {\n title,\n options,\n onChange,\n defaultExpandedListState = true,\n values,\n valueKey\n } = props;\n const [checkedItems, setCheckedItems] = useState({});\n const [checkedParent, setCheckedParent] = useState(false);\n const [expanded, setExpanded] = useState(defaultExpandedListState);\n const [parentIndeterminate, setParentIndeterminate] = useState(false);\n const classes = useStyles();\n\n useEffect(() => {\n let preCheckedItems = {};\n options?.forEach((option) => {\n if(!!!option?.options \|\| option?.options?.length === 0) {\n preCheckedItems[option.value] = values?.includes(option.value);\n }\n });\n setCheckedItems(preCheckedItems);\n }, [options, values]);\n\n //get a list of child values\n const childrenValues = useMemo(() => {\n return getChildrenObjectsWithNoChildren(options ?? [], 'value');\n }, [options]);\n\n useEffect(() => {\n const checkedAll = isEmpty(checkedItems)\n ? (childrenValues?.length > 0 &&\n childrenValues?.every((val) => values.includes(val))) ??\n false\n : Object.values(checkedItems)?.every((checked) => checked);\n\n setCheckedParent(checkedAll);\n\n setParentIndeterminate(\n !checkedAll &&\n (isEmpty(checkedItems)\n ? childrenValues?.some((val) => values.includes(val))\n : Object.values(checkedItems)?.some((checked) => checked))\n );\n }, [checkedItems, childrenValues, title, values]);\n\n const handleOnClickChildCheckboxOnChange = useCallback(\n (event) => {\n setCheckedItems((preVal) => ({\n ...preVal,\n [event?.target?.name]: event?.target?.checked\n }));\n\n if (!event?.target?.checked) {\n onChange(values?.filter((val) => val !== event?.target?.name));\n } else {\n onChange([...values, event?.target?.name]);\n }\n },\n [onChange, values]\n );\n\n const handleParentCheckboxOnChange = useCallback(\n (event) => {\n setCheckedParent(event?.target?.checked);\n if (!event?.target?.checked) {\n setCheckedItems({});\n\n onChange(\n values?.filter((val) => {\n return !childrenValues?.includes(val);\n })\n );\n }\n\n let newItemToAdd = [];\n childrenValues.forEach((option) => {\n if (event?.target?.checked && option && !values?.includes(option)) {\n newItemToAdd.push(option);\n }\n });\n\n if (newItemToAdd.length > 0) {\n onChange([...values, ...newItemToAdd]);\n }\n setExpanded(true);\n setParentIndeterminate(false);\n },\n [childrenValues, onChange, values]\n );\n\n const childrenList = useMemo(() => {\n if (options?.length > 0) {\n return options?.map((option) => {\n if (option?.options?.length > 0) {\n return (\n <CheckboxGroup\n key={option?.value}\n title={option?.title}\n options={option?.options}\n values={values}\n valueKey={option?.value}\n onChange={onChange}\n />\n );\n }\n\n return (\n <FormControlLabel\n label={option?.title}\n control={\n <FluentCheckbox\n checked={checkedItems[option?.value] \|\| false}\n onChange={handleOnClickChildCheckboxOnChange}\n />\n }\n name={option?.value}\n />\n );\n });\n }\n return [];\n }, [\n checkedItems,\n handleOnClickChildCheckboxOnChange,\n onChange,\n options,\n values\n ]);\n\n return (\n <FormGroup>\n {options?.length > 0 ? (\n <div className={classes.checkboxGroup}>\n <FormControlLabel\n label={title}\n control={\n <FluentCheckbox\n checked={checkedParent}\n indeterminate={parentIndeterminate}\n onChange={handleParentCheckboxOnChange}\n />\n }\n />\n\n <FluentIconButton\n className={clsx(\n classes.expand,\n {\n [classes.expandOpen]: expanded\n },\n classes.iconButtonWrapper\n )}\n onClick={() => setExpanded(!expanded)}\n icon={ChevronDownIcon}\n />\n </div>\n ) : (\n <div>\n <FormControlLabel\n label={title}\n control={\n <FluentCheckbox\n checked={checkedItems[valueKey] \|\| false}\n onChange={handleOnClickChildCheckboxOnChange}\n name={valueKey}\n />\n }\n />\n </div>\n )}\n {expanded && options?.length > 0 && (\n <div className={classes.expandedList}>{childrenList}</div>\n )}\n </FormGroup>\n );\n};\n","import React from 'react';\nimport { CheckboxGroup } from './CheckboxGroup';\n\nexport const CheckboxList = (props) => {\n const { itemGroups, values, onChange } = props;\n\n return (\n <div>\n {itemGroups?.length > 0 &&\n itemGroups?.map((item) => (\n <CheckboxGroup\n title={item?.title}\n options={item?.options}\n values={values}\n onChange={onChange}\n />\n ))}\n </div>\n );\n};\n","import React, { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n CaretDownSolid8Icon,\n ChromeCloseIcon,\n CompletedIcon,\n ErrorIcon,\n InfoIcon,\n MoreVerticalIcon,\n ViewIcon,\n WarningIcon\n} from '@fluentui/react-icons';\nimport {\n Card,\n CardContent,\n darken,\n IconButton,\n lighten,\n ListItemIcon,\n makeStyles,\n Menu,\n MenuItem,\n Tooltip,\n Typography,\n useTheme\n} from '@material-ui/core';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\n\nconst useStyles = makeStyles((theme) => ({\n contentWrapper: {\n display: 'flex',\n height: '100%',\n width: (props) => props?.width ?? '100%'\n },\n titleWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center'\n },\n iconButtonWrapper: {\n borderRadius: 2\n },\n avatar: {\n width: '80px',\n height: '80px'\n },\n iconButtonsWrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n primaryButtonContainer: {\n display: 'flex',\n justifyContent: 'flex-end',\n gap: theme.spacing(1)\n },\n actionButton: {\n color: '#FFFFFF'\n },\n fullHeight: {\n height: '100%'\n },\n fullWidth: {\n width: '100%'\n },\n messageWrapper: {\n display: 'flex',\n gap: theme.spacing(1),\n alignItems: 'center',\n padding: theme.spacing(1),\n backgroundColor: (props) =>\n props?.status\n ? lighten(theme.palette[props.status]?.main, 0.9)\n : lighten(theme.palette.info.main, 0.9)\n },\n iconMessage: {\n color: (props) => (props?.status ? theme.palette[props.status]?.main : null)\n },\n message: {\n color: (props) =>\n props?.status ? darken(theme.palette[props.status]?.main, 0.6) : null\n },\n}));\n\nexport const PopoverCard = (props) => {\n const {\n data,\n title,\n listData,\n showAdornment = true,\n status = 'info',\n detailsEvent,\n primaryActions,\n moreIconActions,\n message,\n messageIcon,\n hideMessageIcon = false,\n onClose,\n width\n } = props;\n const [moreIconAnchor, setMoreIconAnchor] = useState(null);\n const [primaryActionAnchor, setPrimaryActionAnchor] = useState(null);\n const { t } = useTranslation();\n const classes = useStyles({ width, status });\n const theme = useTheme();\n\n const handleOnClickMoreIcon = (event) => {\n setMoreIconAnchor(event?.currentTarget);\n };\n\n const handleOnClickPrimaryAction = (event) => {\n setPrimaryActionAnchor(event?.currentTarget);\n };\n\n const headerBackgroundColor = useMemo(() => {\n switch (status) {\n case 'success':\n return lighten(theme.palette.success.main, 0.7);\n case 'error':\n return lighten(theme.palette.error.main, 0.7);\n case 'warning':\n return lighten(theme.palette.warning.main, 0.7);\n default:\n return lighten(theme.palette.info.main, 0.7);\n }\n }, [status, theme]);\n\n const defaultMessageIcon = useMemo(() => {\n switch (status) {\n case 'success':\n return CompletedIcon;\n case 'error':\n return ErrorIcon;\n case 'warning':\n return WarningIcon;\n default:\n return InfoIcon;\n }\n }, [status]);\n\n return (\n <div>\n <div className={classes.contentWrapper}>\n {showAdornment && status && (\n <div>\n <Adornment color={status} />\n </div>\n )}\n <Card className={classes.fullWidth}>\n <CardContent style={{ backgroundColor: headerBackgroundColor }}>\n <div className={classes.iconButtonsWrapper}>\n <div className={classes.titleWrapper}>\n <FluentIconButton onClick={onClose} icon={ChromeCloseIcon} />\n <Typography variant='h6'>{title}</Typography>\n </div>\n <div>\n {moreIconActions?.length > 0 && (\n <>\n <Tooltip title={t('More') ?? ''}>\n <IconButton\n className={classes.iconButtonWrapper}\n onClick={handleOnClickMoreIcon}\n size='small'\n >\n <MoreVerticalIcon />\n </IconButton>\n </Tooltip>\n <Menu\n open={moreIconAnchor ? true : false}\n onClose={() => {\n setMoreIconAnchor(null);\n }}\n anchorEl={moreIconAnchor}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'right'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n >\n {moreIconActions?.map((action) => (\n <MenuItem onClick={() => {action.onClick(data)}}>\n {action?.icon && (\n <ListItemIcon>{action.icon}</ListItemIcon>\n )}\n {action?.name}\n </MenuItem>\n ))}\n </Menu>\n </>\n )}\n </div>\n </div>\n </CardContent>\n {message && (\n <div className={classes.messageWrapper}>\n {!hideMessageIcon && (\n <div className={classes.iconMessage}>\n <FluentIcon component={messageIcon ?? defaultMessageIcon} />\n </div>\n )}\n <div className={classes.message}>{message}</div>\n </div>\n )}\n <CardContent style={{ flex: 1 }}>\n <CompactDataList disableSeparator={false}>\n {listData?.map(({ subject, value }) => {\n return <CompactDataListItem label={subject} value={value} />;\n })}\n </CompactDataList>\n </CardContent>\n <CardContent style={{ flex: 1, paddingTop: 0, paddingBottom: 16 }}>\n <div className={classes.primaryButtonContainer}>\n {detailsEvent && (\n <FluentButton\n variant='outlined'\n endIcon={<ViewIcon />}\n onClick={detailsEvent}\n >\n {t('Details')}\n </FluentButton>\n )}\n\n <div>\n {primaryActions?.length > 0 && (\n <FluentButton\n variant='contained'\n color='secondary'\n endIcon={<CaretDownSolid8Icon />}\n onClick={handleOnClickPrimaryAction}\n className={classes.actionButton}\n >\n {t('Actions')}\n </FluentButton>\n )}\n <Menu\n open={primaryActionAnchor ? true : false}\n onClose={() => {\n setPrimaryActionAnchor(null);\n }}\n anchorEl={primaryActionAnchor}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left'\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left'\n }}\n >\n {primaryActions?.map((action) => (\n <MenuItem onClick={() => {action.onClick(data)}}>\n {action?.icon && (\n <ListItemIcon>{action.icon}</ListItemIcon>\n )}\n {action?.name}\n </MenuItem>\n ))}\n </Menu>\n </div>\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport {\n Divider,\n Grid,\n lighten,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n margin: 'auto 5px auto 0',\n padding: theme.spacing(1),\n backgroundColor: (props) =>\n lighten(props?.color ? props.color : theme.palette.info.main, 0.9),\n borderRadius: theme.spacing(3),\n },\n valueContainer: {\n marginRight: theme.spacing(1),\n },\n iconColor: {\n color: (props) => props?.color,\n borderRadius: theme.spacing(3),\n },\n}));\n\nexport const Statistic = (props) => {\n const { icon, value, title, color, onClick, hideDivider = false } = props;\n const classes = useStyles({ color: color });\n\n return (\n <div>\n <Grid container>\n {!hideDivider && (\n <Grid item>\n <Divider orientation=\"vertical\" variant=\"middle\" />\n </Grid>\n )}\n {icon && (\n <Grid item className={classes.icon}>\n <FluentIconButton\n icon={getIconFromName(icon)}\n className={classes.iconColor}\n onClick={onClick}\n />\n </Grid>\n )}\n <Grid item className={classes.valueContainer}>\n <Typography variant=\"h5\">{value}</Typography>\n <Typography variant=\"caption\">{title}</Typography>\n </Grid>\n </Grid>\n </div>\n );\n};"],"mappings":"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"}

package/dist/{StatusCellRenderer-CVOARrth.js → StatusCellRenderer-BuPuvngw.js} RENAMED Viewed

@@ -15,4 +15,4 @@ const StatusCellRenderer = (props) => {
 //#endregion
 export { StatusCellRenderer as t };
-//# sourceMappingURL=StatusCellRenderer-CVOARrth.js.map
+//# sourceMappingURL=StatusCellRenderer-BuPuvngw.js.map

package/dist/{StatusCellRenderer-CVOARrth.js.map → StatusCellRenderer-BuPuvngw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusCellRenderer-~~CVOARrth~~.js","names":["value"],"sources":["../src/UI/templates/ui/renderers/StatusCellRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { StatusChip } from '../../../dataDisplay/status/StatusChip';\n\nexport const StatusCellRenderer = props => {\n const { value, getStatus, getLabel } = props;\n const formattedLabel = value => {\n return value\n ?.replace(/([a-z])([A-Z])/g, '$1 $2')\n ?.replace(/\\b\\w/g, char => char.toUpperCase());\n };\n return (\n <StatusChip\n status={getStatus(value)}\n label={getLabel ? formattedLabel(getLabel(value)) : formattedLabel(value)}\n />\n );\n};\n"],"mappings":";;;;AAGA,MAAa,sBAAqB,UAAS;CACzC,MAAM,EAAE,OAAO,WAAW,aAAa;CACvC,MAAM,kBAAiB,YAAS;AAC9B,SAAOA,SACH,QAAQ,mBAAmB,QAAQ,EACnC,QAAQ,UAAS,SAAQ,KAAK,aAAa,CAAC;;AAElD,QACE,oCAAC;EACC,QAAQ,UAAU,MAAM;EACxB,OAAO,WAAW,eAAe,SAAS,MAAM,CAAC,GAAG,eAAe,MAAM;GACzE"}
1	+ {"version":3,"file":"StatusCellRenderer-BuPuvngw.js","names":["value"],"sources":["../src/UI/templates/ui/renderers/StatusCellRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { StatusChip } from '../../../dataDisplay/status/StatusChip';\n\nexport const StatusCellRenderer = props => {\n const { value, getStatus, getLabel } = props;\n const formattedLabel = value => {\n return value\n ?.replace(/([a-z])([A-Z])/g, '$1 $2')\n ?.replace(/\\b\\w/g, char => char.toUpperCase());\n };\n return (\n <StatusChip\n status={getStatus(value)}\n label={getLabel ? formattedLabel(getLabel(value)) : formattedLabel(value)}\n />\n );\n};\n"],"mappings":";;;;AAGA,MAAa,sBAAqB,UAAS;CACzC,MAAM,EAAE,OAAO,WAAW,aAAa;CACvC,MAAM,kBAAiB,YAAS;AAC9B,SAAOA,SACH,QAAQ,mBAAmB,QAAQ,EACnC,QAAQ,UAAS,SAAQ,KAAK,aAAa,CAAC;;AAElD,QACE,oCAAC;EACC,QAAQ,UAAU,MAAM;EACxB,OAAO,WAAW,eAAe,SAAS,MAAM,CAAC,GAAG,eAAe,MAAM;GACzE"}

package/dist/{TableContainer-CcBkqd33.js → TableContainer-CcHjtMCa.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { t as executeQueryAdHoc } from "./methodUtils-CDx9usdO.js";
 import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-D0GSZj4a.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-DbrPKZ1o.js";
-import { t as SearchServiceDatasource } from "./SearchServiceDatasource-CeBOfTB0.js";
+import { t as SearchServiceDatasource } from "./SearchServiceDatasource-BrfkHkEq.js";
 import React, { useCallback, useEffect, useMemo } from "react";
 //#region src/maintenanceEngine/tableBrowser/TableColumnDefs.js
@@ -107,4 +107,4 @@ const TableContainer = (props) => {
 //#endregion
 export { TableColumnDefs as n, defaultColumnActionsDef as r, TableContainer as t };
-//# sourceMappingURL=TableContainer-CcBkqd33.js.map
+//# sourceMappingURL=TableContainer-CcHjtMCa.js.map

package/dist/{TableContainer-CcBkqd33.js.map → TableContainer-CcHjtMCa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableContainer-~~CcBkqd33~~.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n const getterRowData = useCallback((params) => {\n return params.data;\n }, []);\n\n const columnDefs = [\n {\n headerName: 'Name',\n field: 'entityName',\n valueGetter: (params) =>\n params.data?.properties?.displayName \|\|\n params.data?.sanitizedName \|\|\n getSanitizedName(params.data?.entityName),\n wrapText: true,\n autoHeight: false,\n sortable: false\n },\n {\n headerName: 'Actions',\n filter: false,\n pinned: 'right',\n cellRenderer: 'actionsRenderer',\n // minWidth: 50,\n width: 150,\n cellRendererParams: {\n actionList: actionList\n },\n valueGetter: getterRowData,\n maxWidth: 180,\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n }\n ];\n return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n resizable: true,\n editable: false,\n sortable: true,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\n\nexport const TableContainer = (props) => {\n const {\n actionList,\n loading,\n rowData,\n catalog,\n isServerSide = false,\n promotedEntity,\n filterElements,\n customColumnDefs,\n eagerLoad = false,\n logicalSearchOperator = 1,\n frameworkComponents={ actionsRenderer: ActionsRenderer },\n additionalGridOptions,\n headerBackgroundColor,\n api,\n columnApi,\n gridReady,\n dynamicSizing,\n ...other\n } = props;\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const gApi = api \|\| gridApi;\n const cApi = columnApi \|\| gridColumnApi;\n const gReady = gridReady \|\| onGridReady\n const buildEnv = useBuildEnvironment()\n const columnDefs = customColumnDefs \|\| TableColumnDefs(actionList);\n\n const groupData = useMemo(() => {\n return columnDefs?.map((item) => {\n return {\n groupItem: item.field,\n label: item.headerName,\n value: item.field\n };\n });\n }, [columnDefs]);\n\n useEffect(() => {\n if (!gApi) return;\n if (promotedEntity && isServerSide) {\n let datasource = SearchServiceDatasource(\n null,\n promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n filterElements,\n logicalSearchOperator,\n executeQueryAdHoc,\n null,\n null,\n eagerLoad\n );\n // eslint-disable-next-line no-unused-expressions\n gApi?.setServerSideDatasource(datasource);\n }\n }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n return (\n <AmbientGridTemplate\n useNewHeader\n api={gApi}\n onGridReady={gReady}\n columnApi={cApi}\n title={catalog?.name}\n data={!isServerSide && rowData}\n columnDefs={columnDefs}\n groupingData={groupData}\n height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n frameworkComponents={frameworkComponents}\n hideSearchBar={isServerSide}\n loading={loading}\n suppressScrollOnNewData\n dynamicSizing={dynamicSizing ?? false}\n disableRowSelection={true}\n rowModelType={isServerSide ? 'serverSide' : null}\n serverSideStoreType={isServerSide ? 'partial' : null}\n cacheOverflowSize={isServerSide ? 2 : null}\n cacheBlockSize={isServerSide ? 20 : null}\n maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n additionalGridOptions={additionalGridOptions}\n headerBackgroundColor={headerBackgroundColor}\n {...other}\n />\n );\n};\n"],"mappings":";;;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,eACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}
1	+ {"version":3,"file":"TableContainer-CcHjtMCa.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n const getterRowData = useCallback((params) => {\n return params.data;\n }, []);\n\n const columnDefs = [\n {\n headerName: 'Name',\n field: 'entityName',\n valueGetter: (params) =>\n params.data?.properties?.displayName \|\|\n params.data?.sanitizedName \|\|\n getSanitizedName(params.data?.entityName),\n wrapText: true,\n autoHeight: false,\n sortable: false\n },\n {\n headerName: 'Actions',\n filter: false,\n pinned: 'right',\n cellRenderer: 'actionsRenderer',\n // minWidth: 50,\n width: 150,\n cellRendererParams: {\n actionList: actionList\n },\n valueGetter: getterRowData,\n maxWidth: 180,\n suppressMenu: true,\n sortable: false,\n cellStyle: { display: 'flex', alignItems: 'center' }\n }\n ];\n return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n resizable: true,\n editable: false,\n sortable: true,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\n\nexport const TableContainer = (props) => {\n const {\n actionList,\n loading,\n rowData,\n catalog,\n isServerSide = false,\n promotedEntity,\n filterElements,\n customColumnDefs,\n eagerLoad = false,\n logicalSearchOperator = 1,\n frameworkComponents={ actionsRenderer: ActionsRenderer },\n additionalGridOptions,\n headerBackgroundColor,\n api,\n columnApi,\n gridReady,\n dynamicSizing,\n ...other\n } = props;\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const gApi = api \|\| gridApi;\n const cApi = columnApi \|\| gridColumnApi;\n const gReady = gridReady \|\| onGridReady\n const buildEnv = useBuildEnvironment()\n const columnDefs = customColumnDefs \|\| TableColumnDefs(actionList);\n\n const groupData = useMemo(() => {\n return columnDefs?.map((item) => {\n return {\n groupItem: item.field,\n label: item.headerName,\n value: item.field\n };\n });\n }, [columnDefs]);\n\n useEffect(() => {\n if (!gApi) return;\n if (promotedEntity && isServerSide) {\n let datasource = SearchServiceDatasource(\n null,\n promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n filterElements,\n logicalSearchOperator,\n executeQueryAdHoc,\n null,\n null,\n eagerLoad\n );\n // eslint-disable-next-line no-unused-expressions\n gApi?.setServerSideDatasource(datasource);\n }\n }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n return (\n <AmbientGridTemplate\n useNewHeader\n api={gApi}\n onGridReady={gReady}\n columnApi={cApi}\n title={catalog?.name}\n data={!isServerSide && rowData}\n columnDefs={columnDefs}\n groupingData={groupData}\n height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n frameworkComponents={frameworkComponents}\n hideSearchBar={isServerSide}\n loading={loading}\n suppressScrollOnNewData\n dynamicSizing={dynamicSizing ?? false}\n disableRowSelection={true}\n rowModelType={isServerSide ? 'serverSide' : null}\n serverSideStoreType={isServerSide ? 'partial' : null}\n cacheOverflowSize={isServerSide ? 2 : null}\n cacheBlockSize={isServerSide ? 20 : null}\n maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n additionalGridOptions={additionalGridOptions}\n headerBackgroundColor={headerBackgroundColor}\n {...other}\n />\n );\n};\n"],"mappings":";;;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,eACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}

package/dist/{TicketCard-IqCCKSc0.js → TicketCard-D-FtADsb.js} RENAMED Viewed

@@ -140,4 +140,4 @@ TicketCard.defaultProps = { component: "h2" };
 //#endregion
 export { StatusLineItem as n, NotificationElement as r, TicketCard as t };
-//# sourceMappingURL=TicketCard-IqCCKSc0.js.map
+//# sourceMappingURL=TicketCard-D-FtADsb.js.map

package/dist/{TicketCard-IqCCKSc0.js.map → TicketCard-D-FtADsb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TicketCard-~~IqCCKSc0~~.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: 0,\n height: 0,\n borderTop: '0px solid transparent',\n borderRight: `45px solid ${theme?.palette?.error?.main}`,\n borderBottom: '45px solid transparent'\n },\n number: {\n marginLeft: theme.spacing(3.5),\n paddingTop: theme.spacing(0.5),\n color: theme?.palette?.common?.white\n }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.number}>\n <Typography> {alertNumber} </Typography>\n </div>\n </div>\n )\n}\nNotificationElement.propTypes = {\n /*\n number of alert items\n /\n alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n height: 44\n },\n wrapper: { display: 'flex' },\n labelCount: {\n flex: 1,\n display: 'flex'\n },\n status: {\n marginRight: theme.spacing(1)\n },\n icon: {\n marginRight: theme.spacing(1)\n }\n}))\n\nexport const StatusLineItem = ({\n label,\n amount,\n status,\n icon,\n handleClick\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.wrapper}>\n <div className={classes.labelCount}>\n <div className={classes.icon}> {icon} </div>\n <Typography> {label} </Typography>\n </div>\n <div className={classes.status}>\n {status === 'error' && <StatusChip label={amount} status={status} />}\n\n {status !== 'error' && amount}\n </div>\n <FluentIconButton\n onClick={handleClick}\n className={classes.launch}\n icon={ArrowUpRightIcon}\n aria-label='launch'\n />\n </div>\n\n <Divider />\n </div>\n )\n}\nStatusLineItem.propTypes = {\n /\n stat label\n /\n label: PropTypes.string.isRequired,\n /\n Total amount stat\n /\n amount: PropTypes.number,\n /\n Type of status for status chip\n /\n status: PropTypes.string,\n /\n list icon\n /\n icon: PropTypes.node,\n /\n onClick event\n /\n handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n overviewContainer: {\n width: theme.spacing(16),\n height: theme.spacing(16),\n background: '#393939', // Add to theme\n marginRight: theme.spacing(2),\n position: 'relative'\n },\n notification: {\n position: 'absolute',\n right: 0,\n top: 0\n },\n totalNumber: {\n textAlign: 'center',\n // color: theme.palette.common.white\n color: '#FFFFFF', // Hex color added to avoid TypeError\n fontWeight: 400\n },\n label: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: -8,\n // color: theme.pallette.common.white\n color: '#FFFFFF'\n },\n itemContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignContent: 'space-around',\n marginTop: theme.spacing(0.5)\n }\n}))\n\nexport const TicketCard = ({\n totalAmount,\n label,\n notification,\n alertNumber,\n ticketData,\n component = 'h6'\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div>\n <Card elevation={0} square className={classes.overviewContainer}>\n <CardContent>\n <Typography\n variant='h1'\n component={component}\n className={classes.totalNumber}\n >\n {totalAmount}\n </Typography>\n </CardContent>\n <div className={classes.label}>\n <Typography variant='caption'>{label} </Typography>\n </div>\n {notification && (\n <div className={classes.notification}>\n <NotificationElement alertNumber={alertNumber} />\n </div>\n )}\n </Card>\n </div>\n\n <div className={classes.itemContainer}>\n {ticketData &&\n ticketData.map((item) => {\n return (\n <StatusLineItem\n label={item.label}\n amount={item.amount}\n status={item.status === 'error' && 'error'}\n icon={item.icon}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n )\n}\nTicketCard.propTypes = {\n /\n Total amount stat\n /\n totalAmount: PropTypes.number,\n /\n Stat label\n /\n label: PropTypes.string.isRequired,\n /\n Type of status to toggle notification\n /\n notification: PropTypes.bool,\n /\n amount of alert items\n /\n alertNumber: PropTypes.number,\n /\n prop for mapped data\n /\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n ticketAmount: PropTypes.string.isRequired,\n label: PropTypes.number.isRequired,\n notification: PropTypes.number.isRequired,\n alertNumber: PropTypes.number,\n id: PropTypes.number.isRequired,\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n amount: PropTypes.number,\n status: PropTypes.string.isRequired,\n icon: PropTypes.node\n })\n )\n }).isRequired\n ).isRequired,\n /\n Header Tag override. Defaults to H2\n */\n component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n component: 'h2'\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TicketCard-D-FtADsb.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: 0,\n height: 0,\n borderTop: '0px solid transparent',\n borderRight: `45px solid ${theme?.palette?.error?.main}`,\n borderBottom: '45px solid transparent'\n },\n number: {\n marginLeft: theme.spacing(3.5),\n paddingTop: theme.spacing(0.5),\n color: theme?.palette?.common?.white\n }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.number}>\n <Typography> {alertNumber} </Typography>\n </div>\n </div>\n )\n}\nNotificationElement.propTypes = {\n /*\n number of alert items\n /\n alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n height: 44\n },\n wrapper: { display: 'flex' },\n labelCount: {\n flex: 1,\n display: 'flex'\n },\n status: {\n marginRight: theme.spacing(1)\n },\n icon: {\n marginRight: theme.spacing(1)\n }\n}))\n\nexport const StatusLineItem = ({\n label,\n amount,\n status,\n icon,\n handleClick\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div className={classes.wrapper}>\n <div className={classes.labelCount}>\n <div className={classes.icon}> {icon} </div>\n <Typography> {label} </Typography>\n </div>\n <div className={classes.status}>\n {status === 'error' && <StatusChip label={amount} status={status} />}\n\n {status !== 'error' && amount}\n </div>\n <FluentIconButton\n onClick={handleClick}\n className={classes.launch}\n icon={ArrowUpRightIcon}\n aria-label='launch'\n />\n </div>\n\n <Divider />\n </div>\n )\n}\nStatusLineItem.propTypes = {\n /\n stat label\n /\n label: PropTypes.string.isRequired,\n /\n Total amount stat\n /\n amount: PropTypes.number,\n /\n Type of status for status chip\n /\n status: PropTypes.string,\n /\n list icon\n /\n icon: PropTypes.node,\n /\n onClick event\n /\n handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n overviewContainer: {\n width: theme.spacing(16),\n height: theme.spacing(16),\n background: '#393939', // Add to theme\n marginRight: theme.spacing(2),\n position: 'relative'\n },\n notification: {\n position: 'absolute',\n right: 0,\n top: 0\n },\n totalNumber: {\n textAlign: 'center',\n // color: theme.palette.common.white\n color: '#FFFFFF', // Hex color added to avoid TypeError\n fontWeight: 400\n },\n label: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: -8,\n // color: theme.pallette.common.white\n color: '#FFFFFF'\n },\n itemContainer: {\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignContent: 'space-around',\n marginTop: theme.spacing(0.5)\n }\n}))\n\nexport const TicketCard = ({\n totalAmount,\n label,\n notification,\n alertNumber,\n ticketData,\n component = 'h6'\n}) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <div>\n <Card elevation={0} square className={classes.overviewContainer}>\n <CardContent>\n <Typography\n variant='h1'\n component={component}\n className={classes.totalNumber}\n >\n {totalAmount}\n </Typography>\n </CardContent>\n <div className={classes.label}>\n <Typography variant='caption'>{label} </Typography>\n </div>\n {notification && (\n <div className={classes.notification}>\n <NotificationElement alertNumber={alertNumber} />\n </div>\n )}\n </Card>\n </div>\n\n <div className={classes.itemContainer}>\n {ticketData &&\n ticketData.map((item) => {\n return (\n <StatusLineItem\n label={item.label}\n amount={item.amount}\n status={item.status === 'error' && 'error'}\n icon={item.icon}\n key={item.id}\n />\n )\n })}\n </div>\n </div>\n )\n}\nTicketCard.propTypes = {\n /\n Total amount stat\n /\n totalAmount: PropTypes.number,\n /\n Stat label\n /\n label: PropTypes.string.isRequired,\n /\n Type of status to toggle notification\n /\n notification: PropTypes.bool,\n /\n amount of alert items\n /\n alertNumber: PropTypes.number,\n /\n prop for mapped data\n /\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n ticketAmount: PropTypes.string.isRequired,\n label: PropTypes.number.isRequired,\n notification: PropTypes.number.isRequired,\n alertNumber: PropTypes.number,\n id: PropTypes.number.isRequired,\n ticketData: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n amount: PropTypes.number,\n status: PropTypes.string.isRequired,\n icon: PropTypes.node\n })\n )\n }).isRequired\n ).isRequired,\n /\n Header Tag override. Defaults to H2\n */\n component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n component: 'h2'\n}\n"],"mappings":"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"}

package/dist/{TimelineCalendar-D7T32gIH.js → TimelineCalendar-Mi4baqsg.js} RENAMED Viewed

@@ -9,4 +9,4 @@ const TimelineCalendar = (props) => {
 //#endregion
 export { TimelineCalendar as t };
-//# sourceMappingURL=TimelineCalendar-D7T32gIH.js.map
+//# sourceMappingURL=TimelineCalendar-Mi4baqsg.js.map

package/dist/{TimelineCalendar-D7T32gIH.js.map → TimelineCalendar-Mi4baqsg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimelineCalendar-~~D7T32gIH~~.js","names":[],"sources":["../src/UI/dataDisplay/calendar/TimelineCalendar.jsx"],"sourcesContent":["import React from 'react';\nimport { ResourceTimelineCalendar } from 'udp-react-stencil-component-library';\n\nexport const TimelineCalendar = (props) => {\n const { ...other } = props;\n\n return <ResourceTimelineCalendar {...other} />;\n};\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,GAAG,UAAU;AAErB,QAAO,oCAAC,0BAA6B,MAAS"}
1	+ {"version":3,"file":"TimelineCalendar-Mi4baqsg.js","names":[],"sources":["../src/UI/dataDisplay/calendar/TimelineCalendar.jsx"],"sourcesContent":["import React from 'react';\nimport { ResourceTimelineCalendar } from 'udp-react-stencil-component-library';\n\nexport const TimelineCalendar = (props) => {\n const { ...other } = props;\n\n return <ResourceTimelineCalendar {...other} />;\n};\n"],"mappings":";;;;AAGA,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,GAAG,UAAU;AAErB,QAAO,oCAAC,0BAA6B,MAAS"}

package/dist/{TokenGroupItem-BK0dx4cD.js → TokenGroupItem-DKbm__Kc.js} RENAMED Viewed

@@ -33,4 +33,4 @@ TokenGroupItem.propTypes = {
 //#endregion
 export { TokenGroupItem as t };
-//# sourceMappingURL=TokenGroupItem-BK0dx4cD.js.map
+//# sourceMappingURL=TokenGroupItem-DKbm__Kc.js.map

package/dist/{TokenGroupItem-BK0dx4cD.js.map → TokenGroupItem-DKbm__Kc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TokenGroupItem-~~BK0dx4cD~~.js","names":[],"sources":["../src/UI/templates/ui/TokenGroupItem.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { DeveloperToolsIcon } from '@fluentui/react-icons'\nimport {Token} from '../../components/dataDisplay/Token'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n label: {\n color: theme.palette.common.black\n }\n}))\n\n/*\n @param {{label: string, icon: React.ElementType, color: string}} props\n /\n export const TokenGroupItem = ({label, icon = DeveloperToolsIcon, color}) => {\n const classes = useStyles()\n return (\n <Fragment >\n <Token icon={icon} color={color} size=\"small\" variant=\"filled\" type=\"icon\" />\n <Typography variant='caption' className={classes.label} > {label} </Typography> \n </Fragment>\n )\n }\n\n \n TokenGroupItem.propTypes = {\n /\n Label to display in list.\n /\n label: PropTypes.string,\n /\n Icon to display in grouping.\n /\n icon: PropTypes.bool,\n /\n sets color of token background\n */\n color: PropTypes.string,\n \n }"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO,EACL,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACF,EAAE;;;;AAKD,MAAa,kBAAkB,EAAC,OAAO,OAAO,oBAAoB,YAAW;CAC3E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,gBACC,oCAAC;EAAY;EAAa;EAAO,MAAK;EAAQ,SAAQ;EAAS,MAAK;GAAU,EAC9E,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAAQ,KAAE,OAAM,IAAc,CACtE;;AAKf,eAAe,YAAY;CAIzB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,OAAO,UAAU"}
1	+ {"version":3,"file":"TokenGroupItem-DKbm__Kc.js","names":[],"sources":["../src/UI/templates/ui/TokenGroupItem.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { DeveloperToolsIcon } from '@fluentui/react-icons'\nimport {Token} from '../../components/dataDisplay/Token'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n label: {\n color: theme.palette.common.black\n }\n}))\n\n/*\n @param {{label: string, icon: React.ElementType, color: string}} props\n /\n export const TokenGroupItem = ({label, icon = DeveloperToolsIcon, color}) => {\n const classes = useStyles()\n return (\n <Fragment >\n <Token icon={icon} color={color} size=\"small\" variant=\"filled\" type=\"icon\" />\n <Typography variant='caption' className={classes.label} > {label} </Typography> \n </Fragment>\n )\n }\n\n \n TokenGroupItem.propTypes = {\n /\n Label to display in list.\n /\n label: PropTypes.string,\n /\n Icon to display in grouping.\n /\n icon: PropTypes.bool,\n /\n sets color of token background\n */\n color: PropTypes.string,\n \n }"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO,EACL,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACF,EAAE;;;;AAKD,MAAa,kBAAkB,EAAC,OAAO,OAAO,oBAAoB,YAAW;CAC3E,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,gBACC,oCAAC;EAAY;EAAa;EAAO,MAAK;EAAQ,SAAQ;EAAS,MAAK;GAAU,EAC9E,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAAQ,KAAE,OAAM,IAAc,CACtE;;AAKf,eAAe,YAAY;CAIzB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,OAAO,UAAU"}

package/dist/{TreeUtilities-kiPupulY.js → TreeUtilities-VCy2z4Qv.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { i as toLowerFirstChar, o as toUpperFirstChar } from "./StringUtilities-u-cxAW6-.js";
 import { b as NodeGroupTypeEnums, n as CardinalityTypeEnums, y as NodeGroupOutlierEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 import { i as mapRule, t as evaluateRule } from "./RuleUtilities-D5ACzikQ.js";
-import { n as getSearchIdentifiers, r as getSearchObject } from "./SearchUtilities-CNz302LN.js";
+import { n as getSearchIdentifiers, r as getSearchObject } from "./SearchUtilities-B1TCyppF.js";
 import { t as GroupNode } from "./GroupNode-Djp62Urb.js";
 import * as Icons from "@fluentui/react-icons";
 import { cloneDeep, orderBy } from "lodash";
@@ -1127,4 +1127,4 @@ const getSearchValueString = (nodeObj, searchIdentifier) => {
 //#endregion
 export { makeTreeStructure as A, searchForMatchingNode as B, getLazyLoadChildrenArr as C, makeDynamicGroupStructures as D, getSearchValueString as E, processItemForStaticNodeGroup as F, transformMenuPageTree as H, processObjIndex as I, processObjectToTree as L, mapNodeObjValuesToSearchParameters as M, processCatalogObjectKeysInOrder as N, makeDynamicTreeStructure as O, processItemForDynamicNodeGroups as P, processOrderedTreeData as R, getIconFromName as S, getOrderedDynamicGroups as T, updateTreeIds as U, searchTree as V, formatTreeMenuItem as _, constructDynamicNodeGroups2 as a, getDisplayName as b, deleteNode as c, findAllParentIds as d, findLastNode as f, formatTreeLabel as g, findNodesByIdAndLabel as h, constructDynamicNodeGroups as i, mapNodeGroupChildren as j, makeTreeStaticGroupStructure as k, deleteNodeAndChildren as l, findNodeByIdAndLabel as m, collapseAllNodes as n, constructPreloadedTree as o, findNodeById as p, constructBusinessObjectArrFromTree as r, constructStaticNodeGroups as s, checkNodeIsHidden as t, expandAllNodes as u, getAllChildrenNodesToDelete as v, getNodeIdForRightBorder as w, getHeaderTitle as x, getDisplayDetails as y, processReferences as z };
-//# sourceMappingURL=TreeUtilities-kiPupulY.js.map
+//# sourceMappingURL=TreeUtilities-VCy2z4Qv.js.map