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

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

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

Files changed (391) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityHeader-C3Ae5BLK.js","names":["useStyles","useStyles","useStyles","useStyles","useStyles","useStyles","useTheme","useStyles"],"sources":["../src/UI/dataDisplay/entityHeader/ui/EntityHeaderContainer.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderList.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderListItem.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderStatList.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderStatListItem.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderSection.jsx","../src/UI/dataDisplay/entityHeader/functions/useElementWidth.js","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderFlags.jsx","../src/UI/dataDisplay/entityHeader/EntityHeader.jsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles, Divider, darken, alpha } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: props => ({\n display: 'flex',\n flexDirection: props.direction === 'column' ? 'column' : 'row',\n }),\n rootBgDark: props => ({\n backgroundColor: darken(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n 0.2\n ),\n color: theme.palette.getContrastText(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main\n ),\n }),\n rootBgSoft: props => ({\n backgroundColor: alpha(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n 0.15\n ),\n }),\n rootBgCustom: props => ({\n backgroundColor: props.background,\n color: props.color,\n }),\n}));\n\nexport const EntityHeaderContainer = props => {\n const { children, showSeperator, background } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, // always applies\n [classes.rootBg]: background === 'light' \|\| !background, // if background = 'light'\n [classes.rootBgDark]: background === 'dark', // if background = 'dark'\n [classes.rootBgSoft]: background === 'soft', // if background = 'soft'\n [classes.rootBgCustom]:\n background &&\n background !== 'light' &&\n background !== 'dark' &&\n background !== 'soft',\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && (\n <Divider orientation=\"vertical\" flexItem />\n )}\n </>\n );\n })}\n </div>\n );\n};\n\nEntityHeaderContainer.propTypes = {\n children: PropTypes.node.isRequired,\n showSeperator: PropTypes.bool,\n background: PropTypes.oneOf(['light', 'dark', 'soft']),\n direction: PropTypes.oneOf(['row', 'column']),\n color: PropTypes.oneOf(['primary', 'secondary']),\n};\n\nEntityHeaderContainer.defaultProps = {\n showSeperator: true,\n background: 'light',\n direction: 'row',\n color: 'primary',\n};\n","import React, { Children, cloneElement } from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n // listStyle: 'none',\n },\n}));\n\nexport const EntityHeaderList = props => {\n const { children, showSeperator = false } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && <Divider />}\n </>\n );\n })}\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { Link, lighten, makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n },\n valueRoot: {\n color: 'inherit'\n // fontWeight: theme.typography.fontWeightMedium,\n },\n link: {\n color: 'inherit',\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline'\n }\n }\n}));\n\nexport const EntityHeaderListItem = (props) => {\n const {\n label,\n value,\n link,\n hideLabelSeperator = false,\n disablePadding = false\n } = props;\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n [classes.rootPadding]: !disablePadding\n })}\n >\n {!!label && (\n <Typography variant={'body1'} className={classes.labelRoot}>\n {label}\n {!hideLabelSeperator && ':'}\n </Typography>\n )}\n {!!value && (\n <Typography\n variant={'body1'}\n className={clsx({\n [classes.valueRoot]: true,\n [classes.valueFontWeigth]: true\n })}\n >\n {link ? (\n <Link\n href={link}\n className={classes.link}\n target='_blank'\n >\n {value}\n </Link>\n ) : (\n value\n )}\n </Typography>\n )}\n </div>\n );\n};\n","import React, { Children, cloneElement, useState } from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Typography, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n '& > ': {\n marginLeft: 1,\n },\n },\n rootFlexGrow: {\n flexGrow: 1,\n },\n}));\n\nexport const EntityHeaderStatList = props => {\n const { children, showSeperator, flexGrow = false } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, //always applies\n [classes.rootFlexGrow]: flexGrow,\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && (\n <Divider orientation=\"vertical\" flexItem />\n )}\n </>\n );\n })}\n </div>\n );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport { alpha, Avatar, makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n // padding: theme.spacing(1),\n },\n rootFlexGrow: {\n flexGrow: 1,\n },\n rootBlock: props => ({\n justifyContent: 'center',\n padding: theme.spacing(1),\n }),\n rootBlockDefault: props => ({\n backgroundColor: alpha(\n theme.palette.type === 'dark'\n ? theme.palette.common.black\n : theme.palette.common.white,\n 0.25\n ),\n }),\n rootBlockError: props => ({\n backgroundColor: alpha(\n theme.palette.error.main,\n theme.palette.type === 'dark' ? 0.7 : 0.1\n ),\n }),\n rootBlockSuccess: props => ({\n backgroundColor: alpha(\n theme.palette.success.main,\n theme.palette.type === 'dark' ? 0.2 : 0.3\n ),\n }),\n labelRoot: {\n color: 'inherit',\n opacity: 0.6,\n },\n rootLabelError: (props) => ({\n color: theme.palette.error.main\n }),\n rootLabelSuccess: (props) => ({\n color: theme.palette.success.main\n }),\n valueRoot: {\n color: 'inherit',\n fontWeight: theme.typography.fontWeightMedium,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n beforeValue: {\n marginRight: theme.spacing(0.3),\n },\n afterValue: {},\n icon: {\n marginRight: theme.spacing(1),\n },\n iconAvatar: {\n backgroundColor: 'transparent',\n },\n content: props => ({\n display: 'flex',\n flexDirection: 'column',\n // alignItems: 'center',\n alignItems: props.icon ? 'left' : 'center',\n }),\n}));\n\nexport const EntityHeaderStatListItem = props => {\n const {\n label = 'Label',\n value = 'Value',\n beforeValue,\n afterValue,\n flexGrow = false,\n labelColor,\n icon,\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n [classes.rootFlexGrow]: flexGrow,\n [classes.rootBlock]: true,\n // [classes.rootBlockDefault]: !labelColor,\n // [classes.rootBlockError]: labelColor === 'error',\n // [classes.rootBlockSuccess]: labelColor === 'success',\n })}\n >\n {icon && (\n <div className={classes.icon}>\n <Avatar className={classes.iconAvatar}>{icon}</Avatar>\n </div>\n )}\n <div className={classes.content}>\n {!!value && (\n <div\n className={clsx({\n [classes.valueRoot]: true,\n })}\n >\n {beforeValue && (\n <Typography variant={'body1'} className={classes.beforeValue}>\n {beforeValue}\n </Typography>\n )}\n <Typography\n variant={'h5'}\n className={clsx({\n [classes.rootLabelError]: labelColor === 'error',\n [classes.rootLabelSuccess]: labelColor === 'success'\n })}\n >\n {value}\n </Typography>\n {afterValue && (\n <Typography variant={'body1'} className={classes.afterValue}>\n {afterValue}\n </Typography>\n )}\n </div>\n )}\n {!!label && (\n <Typography\n variant={'subtitle3'}\n className={classes.labelRoot}\n component=\"div\"\n >\n {label}\n </Typography>\n )}\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n rootFlexGrow: {\n flexGrow: 1\n },\n rootFlexAlignStart: {\n alignItems: 'flex-start'\n },\n rootFlexAlignCenter: {\n alignItems: 'center'\n },\n rootFlexAlignEnd: {\n alignItems: 'flex-end'\n },\n rootFlexAlignStretch: {\n alignItems: 'stretch'\n },\n rootGutter: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n },\n rootPadding: {\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1)\n },\n rootFlexJustifyStart: {\n justifyContent: 'flex-start'\n },\n rootFlexJustifyEnd: {\n justifyContent: 'flex-end'\n }\n}));\n\nexport const EntityHeaderSection = (props) => {\n const {\n children,\n disableGutter,\n disablePadding,\n flexGrow,\n justifyContent,\n alignItems\n } = props;\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, //always applies\n [classes.rootGutter]: !disableGutter,\n [classes.rootPadding]: !disablePadding,\n [classes.rootFlexGrow]: flexGrow,\n [classes.rootFlexJustifyStart]: justifyContent === 'start',\n [classes.rootFlexJustifyEnd]: justifyContent === 'end',\n [classes.rootFlexAlignStart]: alignItems === 'start',\n [classes.rootFlexAlignCenter]: alignItems === 'center',\n [classes.rootFlexAlignEnd]: alignItems === 'end',\n [classes.rootFlexAlignStretch]: alignItems === 'stretch'\n })}\n >\n {children}\n </div>\n );\n};\n\nEntityHeaderSection.propTypes = {\n children: PropTypes.node.isRequired,\n disableGutter: PropTypes.bool,\n disablePadding: PropTypes.bool,\n flexGrow: PropTypes.bool,\n justifyContent: PropTypes.oneOf(['start', 'end']),\n alignItems: PropTypes.oneOf(['start', 'center', 'end', 'stretch'])\n};\n\nEntityHeaderSection.defaultProps = {\n disableGutter: false,\n disablePadding: false,\n flexGrow: false\n};\n","import { useTheme } from '@material-ui/core/styles';\nimport { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\n/\n Custom hook that returns the current breakpoint of a provided element's width and helpers to compare against breakpoints.\n * @param {any} ref - The ref object whose current element will be observed for width changes.\n * @returns {{\n * currentBreakpoint: string \| null,\n * isBreakpointUp: (breakpoint: string) => boolean,\n * isBreakpointDown: (breakpoint: string) => boolean,\n * }}\n /\nfunction useElementWidth(ref) {\n const theme = useTheme();\n const [width, setWidth] = useState(null);\n\n useLayoutEffect(() => {\n const resizeObserver = new ResizeObserver(entries => {\n for (let entry of entries) {\n if (entry.target === ref.current) {\n setWidth(entry.contentRect.width);\n }\n }\n });\n\n resizeObserver.observe(ref.current);\n\n return () => {\n resizeObserver.unobserve(ref.current);\n };\n }, [ref]);\n\n const currentBreakpoint =\n width !== null\n ? Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n if (width >= theme.breakpoints.values[breakpoint]) {\n return breakpoint;\n }\n return acc;\n }, null)\n : null;\n\n const isBreakpointUp = breakpoint => {\n const breakpoints = Object.keys(theme.breakpoints.values);\n const index = breakpoints.indexOf(breakpoint);\n const currentIndex = breakpoints.indexOf(currentBreakpoint);\n return index <= currentIndex;\n };\n\n const isBreakpointDown = breakpoint => {\n const breakpoints = Object.keys(theme.breakpoints.values);\n const index = breakpoints.indexOf(breakpoint);\n const currentIndex = breakpoints.indexOf(currentBreakpoint);\n return index >= currentIndex;\n };\n\n return {\n currentBreakpoint,\n isBreakpointUp,\n isBreakpointDown,\n };\n}\n\nexport { useElementWidth };\n\nuseElementWidth.propTypes = {\n ref: PropTypes.shape({\n current: PropTypes.instanceOf(Element),\n }),\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { ChipAlphabet } from '../../ChipAlphabet';\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon';\nimport { FlagIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles(theme => ({\n flagIcon: {\n marginRight: theme.spacing(2),\n },\n chipContainer: {\n marginBottom: theme.spacing(-1),\n '& > ': {\n marginRight: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n },\n}));\n\nfunction flagLetter(str) {\n return str.charAt(0).toUpperCase();\n}\n\nexport const EntityHeaderFlags = ({ data = [], color = 'primary' }) => {\n const classes = useStyles();\n\n if (!data && data.length === 0) {\n return;\n }\n\n return (\n <>\n <FluentIcon\n size=\"small\"\n component={FlagIcon}\n className={classes.flagIcon}\n />\n <div className={classes.chipContainer}>\n {data.map(item => {\n return (\n <ChipAlphabet\n avatar\n avatarCharacter={flagLetter(item.label)}\n label={item.label}\n handleClick={() => item.handleClick}\n />\n );\n })}\n </div>\n </>\n );\n};\n","import React, { useRef, useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { EntityHeaderContainer } from './ui/EntityHeaderContainer';\nimport { EntityHeaderList } from './ui/EntityHeaderList';\nimport { EntityHeaderListItem } from './ui/EntityHeaderListItem';\nimport { EntityHeaderStatList } from './ui/EntityHeaderStatList';\nimport { EntityHeaderStatListItem } from './ui/EntityHeaderStatListItem';\nimport { EntityHeaderSection } from './ui/EntityHeaderSection';\nimport { AlertPill } from './ui/AlertPill';\n\nimport { ChartIcon } from '@fluentui/react-icons';\nimport { useElementWidth } from './functions/useElementWidth';\nimport { IconRenderer } from '../../templates/ui/renderers/IconRenderer';\nimport { EntityHeaderFlags } from './ui/EntityHeaderFlags';\nimport PropTypes from 'prop-types';\nimport { UdpAlertsContainer } from '../../utilityDisplay/alerts/UdpAlertsContainer';\n\nconst useStyles = makeStyles((theme) => ({\n root: {}\n}));\n// https://univerus.atlassian.net/wiki/spaces/UDP/pages/2398257255/Entity+Header\nexport const EntityHeader = (props) => {\n const {\n sectionProps,\n background,\n color,\n kpiProps,\n hiddenSections,\n chips,\n alerts,\n useUdpAlerts\n } = props;\n\n const classes = useStyles(props);\n const { section1, section2, section3, section4 } = sectionProps;\n const { kpi1, kpi2, kpi3, kpi4 } = kpiProps;\n\n const componentRef = useRef();\n const [compactSize, setCompactSize] = useState(true);\n\n const { isBreakpointUp } = useElementWidth(componentRef);\n\n useEffect(() => {\n if (isBreakpointUp('md')) {\n setCompactSize(false);\n // setDividedList(false);\n } else {\n setCompactSize(true);\n // setDividedList(true);\n }\n }, [isBreakpointUp]);\n\n return (\n <div ref={componentRef}>\n {/* Container used when compactSize is true /}\n {!!compactSize && (\n <EntityHeaderContainer\n direction='row'\n showSeperator\n background={background}\n color={color}\n >\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!section1?.hidden &&\n section1?.values?.length &&\n section1.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section2?.hidden &&\n section2?.values?.length &&\n section2.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section3?.hidden &&\n section3?.values?.length &&\n section3.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section4?.hidden &&\n section4?.values?.length &&\n section4.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n </EntityHeaderContainer>\n )}\n {/ /}\n <EntityHeaderContainer\n direction='row'\n showSeperator\n background={background}\n color={color}\n >\n {!compactSize && (\n <>\n {!section1?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section1?.values?.length &&\n section1.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section2?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section2?.values?.length &&\n section2.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section3?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section3?.values?.length &&\n section3.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section4?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section4?.values?.length &&\n section4.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n </>\n )}\n {!kpiProps.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderStatList flexGrow>\n {!kpi1?.hidden && (\n <EntityHeaderStatListItem\n value={kpi1?.value}\n label={kpi1?.label}\n labelColor={kpi1?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi1?.color },\n name: kpi1?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi2?.hidden && (\n <EntityHeaderStatListItem\n value={kpi2?.value}\n label={kpi2?.label}\n labelColor={kpi2?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi2?.color },\n name: kpi2?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi3?.hidden && (\n <EntityHeaderStatListItem\n value={kpi3?.value}\n label={kpi3?.label}\n labelColor={kpi3?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi3?.color },\n name: kpi3?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi4?.hidden && (\n <EntityHeaderStatListItem\n value={kpi4?.value}\n label={kpi4?.label}\n labelColor={kpi4?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi4?.color },\n name: kpi4?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n </EntityHeaderStatList>\n </EntityHeaderSection>\n )}\n </EntityHeaderContainer>\n {(!hiddenSections.chips \|\| !hiddenSections.alert) && (\n <EntityHeaderContainer\n className={classes.root}\n background={background}\n color={color}\n >\n {!hiddenSections.chips && (\n <EntityHeaderSection flexGrow alignItems={'center'}>\n <EntityHeaderFlags\n data={chips?.map((chip) => ({ label: chip }))}\n />\n </EntityHeaderSection>\n )}\n {/ /}\n <EntityHeaderSection flexGrow />\n {!hiddenSections.alert && (\n <EntityHeaderSection>\n {/ <PehAlertPill\n alertPillProps={{ errorLabel: '5', warningLabel: '2' }}\n /> */}\n {useUdpAlerts ? (\n <UdpAlertsContainer />\n ) : (\n <AlertPill\n errorCount={alerts?.error}\n warningCount={alerts?.warning}\n />\n )}\n </EntityHeaderSection>\n )}\n </EntityHeaderContainer>\n )}\n </div>\n );\n};\n\nEntityHeader.propTypes = {\n sectionProps: PropTypes.shape({\n section1: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n }),\n section2: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n }),\n section3: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n })\n }).isRequired,\n background: PropTypes.string,\n color: PropTypes.string,\n kpiProps: PropTypes.shape({\n hidden: PropTypes.bool,\n kpi1: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi2: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi3: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi4: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n })\n }).isRequired,\n hiddenSections: PropTypes.shape({\n alert: PropTypes.bool,\n chips: PropTypes.bool\n }),\n chips: PropTypes.arrayOf(PropTypes.string),\n alerts: PropTypes.shape({\n warning: PropTypes.number,\n error: PropTypes.number\n })\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"EntityHeader-CPvUEp7i.js","names":["useStyles","useStyles","useStyles","useStyles","useStyles","useStyles","useTheme","useStyles"],"sources":["../src/UI/dataDisplay/entityHeader/ui/EntityHeaderContainer.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderList.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderListItem.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderStatList.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderStatListItem.jsx","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderSection.jsx","../src/UI/dataDisplay/entityHeader/functions/useElementWidth.js","../src/UI/dataDisplay/entityHeader/ui/EntityHeaderFlags.jsx","../src/UI/dataDisplay/entityHeader/EntityHeader.jsx"],"sourcesContent":["import React, { Children, cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles, Divider, darken, alpha } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: props => ({\n display: 'flex',\n flexDirection: props.direction === 'column' ? 'column' : 'row',\n }),\n rootBgDark: props => ({\n backgroundColor: darken(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n 0.2\n ),\n color: theme.palette.getContrastText(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main\n ),\n }),\n rootBgSoft: props => ({\n backgroundColor: alpha(\n props.color === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n 0.15\n ),\n }),\n rootBgCustom: props => ({\n backgroundColor: props.background,\n color: props.color,\n }),\n}));\n\nexport const EntityHeaderContainer = props => {\n const { children, showSeperator, background } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, // always applies\n [classes.rootBg]: background === 'light' \|\| !background, // if background = 'light'\n [classes.rootBgDark]: background === 'dark', // if background = 'dark'\n [classes.rootBgSoft]: background === 'soft', // if background = 'soft'\n [classes.rootBgCustom]:\n background &&\n background !== 'light' &&\n background !== 'dark' &&\n background !== 'soft',\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && (\n <Divider orientation=\"vertical\" flexItem />\n )}\n </>\n );\n })}\n </div>\n );\n};\n\nEntityHeaderContainer.propTypes = {\n children: PropTypes.node.isRequired,\n showSeperator: PropTypes.bool,\n background: PropTypes.oneOf(['light', 'dark', 'soft']),\n direction: PropTypes.oneOf(['row', 'column']),\n color: PropTypes.oneOf(['primary', 'secondary']),\n};\n\nEntityHeaderContainer.defaultProps = {\n showSeperator: true,\n background: 'light',\n direction: 'row',\n color: 'primary',\n};\n","import React, { Children, cloneElement } from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n // listStyle: 'none',\n },\n}));\n\nexport const EntityHeaderList = props => {\n const { children, showSeperator = false } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && <Divider />}\n </>\n );\n })}\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { Link, lighten, makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n },\n valueRoot: {\n color: 'inherit'\n // fontWeight: theme.typography.fontWeightMedium,\n },\n link: {\n color: 'inherit',\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline'\n }\n }\n}));\n\nexport const EntityHeaderListItem = (props) => {\n const {\n label,\n value,\n link,\n hideLabelSeperator = false,\n disablePadding = false\n } = props;\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n [classes.rootPadding]: !disablePadding\n })}\n >\n {!!label && (\n <Typography variant={'body1'} className={classes.labelRoot}>\n {label}\n {!hideLabelSeperator && ':'}\n </Typography>\n )}\n {!!value && (\n <Typography\n variant={'body1'}\n className={clsx({\n [classes.valueRoot]: true,\n [classes.valueFontWeigth]: true\n })}\n >\n {link ? (\n <Link\n href={link}\n className={classes.link}\n target='_blank'\n >\n {value}\n </Link>\n ) : (\n value\n )}\n </Typography>\n )}\n </div>\n );\n};\n","import React, { Children, cloneElement, useState } from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Typography, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n '& > ': {\n marginLeft: 1,\n },\n },\n rootFlexGrow: {\n flexGrow: 1,\n },\n}));\n\nexport const EntityHeaderStatList = props => {\n const { children, showSeperator, flexGrow = false } = props;\n const arrayChildren = Children.toArray(children);\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, //always applies\n [classes.rootFlexGrow]: flexGrow,\n })}\n >\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {cloneElement(child, {\n isLast,\n })}\n {!isLast && showSeperator && (\n <Divider orientation=\"vertical\" flexItem />\n )}\n </>\n );\n })}\n </div>\n );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport { alpha, Avatar, makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n // padding: theme.spacing(1),\n },\n rootFlexGrow: {\n flexGrow: 1,\n },\n rootBlock: props => ({\n justifyContent: 'center',\n padding: theme.spacing(1),\n }),\n rootBlockDefault: props => ({\n backgroundColor: alpha(\n theme.palette.type === 'dark'\n ? theme.palette.common.black\n : theme.palette.common.white,\n 0.25\n ),\n }),\n rootBlockError: props => ({\n backgroundColor: alpha(\n theme.palette.error.main,\n theme.palette.type === 'dark' ? 0.7 : 0.1\n ),\n }),\n rootBlockSuccess: props => ({\n backgroundColor: alpha(\n theme.palette.success.main,\n theme.palette.type === 'dark' ? 0.2 : 0.3\n ),\n }),\n labelRoot: {\n color: 'inherit',\n opacity: 0.6,\n },\n rootLabelError: (props) => ({\n color: theme.palette.error.main\n }),\n rootLabelSuccess: (props) => ({\n color: theme.palette.success.main\n }),\n valueRoot: {\n color: 'inherit',\n fontWeight: theme.typography.fontWeightMedium,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n beforeValue: {\n marginRight: theme.spacing(0.3),\n },\n afterValue: {},\n icon: {\n marginRight: theme.spacing(1),\n },\n iconAvatar: {\n backgroundColor: 'transparent',\n },\n content: props => ({\n display: 'flex',\n flexDirection: 'column',\n // alignItems: 'center',\n alignItems: props.icon ? 'left' : 'center',\n }),\n}));\n\nexport const EntityHeaderStatListItem = props => {\n const {\n label = 'Label',\n value = 'Value',\n beforeValue,\n afterValue,\n flexGrow = false,\n labelColor,\n icon,\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true,\n [classes.rootFlexGrow]: flexGrow,\n [classes.rootBlock]: true,\n // [classes.rootBlockDefault]: !labelColor,\n // [classes.rootBlockError]: labelColor === 'error',\n // [classes.rootBlockSuccess]: labelColor === 'success',\n })}\n >\n {icon && (\n <div className={classes.icon}>\n <Avatar className={classes.iconAvatar}>{icon}</Avatar>\n </div>\n )}\n <div className={classes.content}>\n {!!value && (\n <div\n className={clsx({\n [classes.valueRoot]: true,\n })}\n >\n {beforeValue && (\n <Typography variant={'body1'} className={classes.beforeValue}>\n {beforeValue}\n </Typography>\n )}\n <Typography\n variant={'h5'}\n className={clsx({\n [classes.rootLabelError]: labelColor === 'error',\n [classes.rootLabelSuccess]: labelColor === 'success'\n })}\n >\n {value}\n </Typography>\n {afterValue && (\n <Typography variant={'body1'} className={classes.afterValue}>\n {afterValue}\n </Typography>\n )}\n </div>\n )}\n {!!label && (\n <Typography\n variant={'subtitle3'}\n className={classes.labelRoot}\n component=\"div\"\n >\n {label}\n </Typography>\n )}\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n rootFlexGrow: {\n flexGrow: 1\n },\n rootFlexAlignStart: {\n alignItems: 'flex-start'\n },\n rootFlexAlignCenter: {\n alignItems: 'center'\n },\n rootFlexAlignEnd: {\n alignItems: 'flex-end'\n },\n rootFlexAlignStretch: {\n alignItems: 'stretch'\n },\n rootGutter: {\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2)\n },\n rootPadding: {\n paddingTop: theme.spacing(1),\n paddingBottom: theme.spacing(1)\n },\n rootFlexJustifyStart: {\n justifyContent: 'flex-start'\n },\n rootFlexJustifyEnd: {\n justifyContent: 'flex-end'\n }\n}));\n\nexport const EntityHeaderSection = (props) => {\n const {\n children,\n disableGutter,\n disablePadding,\n flexGrow,\n justifyContent,\n alignItems\n } = props;\n const classes = useStyles(props);\n\n return (\n <div\n className={clsx({\n [classes.root]: true, //always applies\n [classes.rootGutter]: !disableGutter,\n [classes.rootPadding]: !disablePadding,\n [classes.rootFlexGrow]: flexGrow,\n [classes.rootFlexJustifyStart]: justifyContent === 'start',\n [classes.rootFlexJustifyEnd]: justifyContent === 'end',\n [classes.rootFlexAlignStart]: alignItems === 'start',\n [classes.rootFlexAlignCenter]: alignItems === 'center',\n [classes.rootFlexAlignEnd]: alignItems === 'end',\n [classes.rootFlexAlignStretch]: alignItems === 'stretch'\n })}\n >\n {children}\n </div>\n );\n};\n\nEntityHeaderSection.propTypes = {\n children: PropTypes.node.isRequired,\n disableGutter: PropTypes.bool,\n disablePadding: PropTypes.bool,\n flexGrow: PropTypes.bool,\n justifyContent: PropTypes.oneOf(['start', 'end']),\n alignItems: PropTypes.oneOf(['start', 'center', 'end', 'stretch'])\n};\n\nEntityHeaderSection.defaultProps = {\n disableGutter: false,\n disablePadding: false,\n flexGrow: false\n};\n","import { useTheme } from '@material-ui/core/styles';\nimport { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\n/\n Custom hook that returns the current breakpoint of a provided element's width and helpers to compare against breakpoints.\n * @param {any} ref - The ref object whose current element will be observed for width changes.\n * @returns {{\n * currentBreakpoint: string \| null,\n * isBreakpointUp: (breakpoint: string) => boolean,\n * isBreakpointDown: (breakpoint: string) => boolean,\n * }}\n /\nfunction useElementWidth(ref) {\n const theme = useTheme();\n const [width, setWidth] = useState(null);\n\n useLayoutEffect(() => {\n const resizeObserver = new ResizeObserver(entries => {\n for (let entry of entries) {\n if (entry.target === ref.current) {\n setWidth(entry.contentRect.width);\n }\n }\n });\n\n resizeObserver.observe(ref.current);\n\n return () => {\n resizeObserver.unobserve(ref.current);\n };\n }, [ref]);\n\n const currentBreakpoint =\n width !== null\n ? Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n if (width >= theme.breakpoints.values[breakpoint]) {\n return breakpoint;\n }\n return acc;\n }, null)\n : null;\n\n const isBreakpointUp = breakpoint => {\n const breakpoints = Object.keys(theme.breakpoints.values);\n const index = breakpoints.indexOf(breakpoint);\n const currentIndex = breakpoints.indexOf(currentBreakpoint);\n return index <= currentIndex;\n };\n\n const isBreakpointDown = breakpoint => {\n const breakpoints = Object.keys(theme.breakpoints.values);\n const index = breakpoints.indexOf(breakpoint);\n const currentIndex = breakpoints.indexOf(currentBreakpoint);\n return index >= currentIndex;\n };\n\n return {\n currentBreakpoint,\n isBreakpointUp,\n isBreakpointDown,\n };\n}\n\nexport { useElementWidth };\n\nuseElementWidth.propTypes = {\n ref: PropTypes.shape({\n current: PropTypes.instanceOf(Element),\n }),\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { ChipAlphabet } from '../../ChipAlphabet';\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon';\nimport { FlagIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles(theme => ({\n flagIcon: {\n marginRight: theme.spacing(2),\n },\n chipContainer: {\n marginBottom: theme.spacing(-1),\n '& > ': {\n marginRight: theme.spacing(1),\n marginBottom: theme.spacing(1),\n },\n },\n}));\n\nfunction flagLetter(str) {\n return str.charAt(0).toUpperCase();\n}\n\nexport const EntityHeaderFlags = ({ data = [], color = 'primary' }) => {\n const classes = useStyles();\n\n if (!data && data.length === 0) {\n return;\n }\n\n return (\n <>\n <FluentIcon\n size=\"small\"\n component={FlagIcon}\n className={classes.flagIcon}\n />\n <div className={classes.chipContainer}>\n {data.map(item => {\n return (\n <ChipAlphabet\n avatar\n avatarCharacter={flagLetter(item.label)}\n label={item.label}\n handleClick={() => item.handleClick}\n />\n );\n })}\n </div>\n </>\n );\n};\n","import React, { useRef, useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { EntityHeaderContainer } from './ui/EntityHeaderContainer';\nimport { EntityHeaderList } from './ui/EntityHeaderList';\nimport { EntityHeaderListItem } from './ui/EntityHeaderListItem';\nimport { EntityHeaderStatList } from './ui/EntityHeaderStatList';\nimport { EntityHeaderStatListItem } from './ui/EntityHeaderStatListItem';\nimport { EntityHeaderSection } from './ui/EntityHeaderSection';\nimport { AlertPill } from './ui/AlertPill';\n\nimport { ChartIcon } from '@fluentui/react-icons';\nimport { useElementWidth } from './functions/useElementWidth';\nimport { IconRenderer } from '../../templates/ui/renderers/IconRenderer';\nimport { EntityHeaderFlags } from './ui/EntityHeaderFlags';\nimport PropTypes from 'prop-types';\nimport { UdpAlertsContainer } from '../../utilityDisplay/alerts/UdpAlertsContainer';\n\nconst useStyles = makeStyles((theme) => ({\n root: {}\n}));\n// https://univerus.atlassian.net/wiki/spaces/UDP/pages/2398257255/Entity+Header\nexport const EntityHeader = (props) => {\n const {\n sectionProps,\n background,\n color,\n kpiProps,\n hiddenSections,\n chips,\n alerts,\n useUdpAlerts\n } = props;\n\n const classes = useStyles(props);\n const { section1, section2, section3, section4 } = sectionProps;\n const { kpi1, kpi2, kpi3, kpi4 } = kpiProps;\n\n const componentRef = useRef();\n const [compactSize, setCompactSize] = useState(true);\n\n const { isBreakpointUp } = useElementWidth(componentRef);\n\n useEffect(() => {\n if (isBreakpointUp('md')) {\n setCompactSize(false);\n // setDividedList(false);\n } else {\n setCompactSize(true);\n // setDividedList(true);\n }\n }, [isBreakpointUp]);\n\n return (\n <div ref={componentRef}>\n {/* Container used when compactSize is true /}\n {!!compactSize && (\n <EntityHeaderContainer\n direction='row'\n showSeperator\n background={background}\n color={color}\n >\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!section1?.hidden &&\n section1?.values?.length &&\n section1.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section2?.hidden &&\n section2?.values?.length &&\n section2.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section3?.hidden &&\n section3?.values?.length &&\n section3.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n\n {!section4?.hidden &&\n section4?.values?.length &&\n section4.values?.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n </EntityHeaderContainer>\n )}\n {/ /}\n <EntityHeaderContainer\n direction='row'\n showSeperator\n background={background}\n color={color}\n >\n {!compactSize && (\n <>\n {!section1?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section1?.values?.length &&\n section1.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section2?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section2?.values?.length &&\n section2.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section3?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section3?.values?.length &&\n section3.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n {!section4?.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderList>\n {!!section4?.values?.length &&\n section4.values.map((item) => (\n <EntityHeaderListItem\n label={item?.label}\n value={item?.value}\n link={item?.link}\n />\n ))}\n </EntityHeaderList>\n </EntityHeaderSection>\n )}\n </>\n )}\n {!kpiProps.hidden && (\n <EntityHeaderSection flexGrow>\n <EntityHeaderStatList flexGrow>\n {!kpi1?.hidden && (\n <EntityHeaderStatListItem\n value={kpi1?.value}\n label={kpi1?.label}\n labelColor={kpi1?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi1?.color },\n name: kpi1?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi2?.hidden && (\n <EntityHeaderStatListItem\n value={kpi2?.value}\n label={kpi2?.label}\n labelColor={kpi2?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi2?.color },\n name: kpi2?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi3?.hidden && (\n <EntityHeaderStatListItem\n value={kpi3?.value}\n label={kpi3?.label}\n labelColor={kpi3?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi3?.color },\n name: kpi3?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n {!kpi4?.hidden && (\n <EntityHeaderStatListItem\n value={kpi4?.value}\n label={kpi4?.label}\n labelColor={kpi4?.labelColor}\n flexGrow\n icon={\n <IconRenderer\n noBorder={true}\n removeContainer={true}\n value={{\n color: { hex: '#' + kpi4?.color },\n name: kpi4?.icon \|\| 'ChartIcon'\n }}\n />\n }\n />\n )}\n </EntityHeaderStatList>\n </EntityHeaderSection>\n )}\n </EntityHeaderContainer>\n {(!hiddenSections.chips \|\| !hiddenSections.alert) && (\n <EntityHeaderContainer\n className={classes.root}\n background={background}\n color={color}\n >\n {!hiddenSections.chips && (\n <EntityHeaderSection flexGrow alignItems={'center'}>\n <EntityHeaderFlags\n data={chips?.map((chip) => ({ label: chip }))}\n />\n </EntityHeaderSection>\n )}\n {/ /}\n <EntityHeaderSection flexGrow />\n {!hiddenSections.alert && (\n <EntityHeaderSection>\n {/ <PehAlertPill\n alertPillProps={{ errorLabel: '5', warningLabel: '2' }}\n /> */}\n {useUdpAlerts ? (\n <UdpAlertsContainer />\n ) : (\n <AlertPill\n errorCount={alerts?.error}\n warningCount={alerts?.warning}\n />\n )}\n </EntityHeaderSection>\n )}\n </EntityHeaderContainer>\n )}\n </div>\n );\n};\n\nEntityHeader.propTypes = {\n sectionProps: PropTypes.shape({\n section1: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n }),\n section2: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n }),\n section3: PropTypes.shape({\n hidden: PropTypes.bool,\n values: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string\n })\n )\n })\n }).isRequired,\n background: PropTypes.string,\n color: PropTypes.string,\n kpiProps: PropTypes.shape({\n hidden: PropTypes.bool,\n kpi1: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi2: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi3: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n }),\n kpi4: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n icon: PropTypes.string,\n hidden: PropTypes.bool\n })\n }).isRequired,\n hiddenSections: PropTypes.shape({\n alert: PropTypes.bool,\n chips: PropTypes.bool\n }),\n chips: PropTypes.arrayOf(PropTypes.string),\n alerts: PropTypes.shape({\n warning: PropTypes.number,\n error: PropTypes.number\n })\n};\n"],"mappings":"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"}

package/dist/{ExportSidesheet-BQiNzxN9.js → ExportSidesheet-eHGdT42e.js} RENAMED Viewed

@@ -6,9 +6,9 @@ import { i as executeQueryWithParameters, t as executeQueryAdHoc } from "./metho
 import { t as AmbientCard } from "./AmbientCard-DhAiVDYD.js";
 import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-B4rk75tH.js";
 import { t as LinearProgress$1 } from "./LinearProgress-CpJeIaEP.js";
-import { t as AmbientAlert } from "./AmbientAlert-DcYkGCUm.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-YOwCw38_.js";
-import { t as FluentListItem } from "./FluentListItem-1fzW--Dq.js";
+import { t as AmbientAlert } from "./AmbientAlert-Ba_vefUx.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CyINqvWU.js";
+import { t as FluentListItem } from "./FluentListItem-CSkJhTK-.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Box, Chip, Slide } from "@material-ui/core";
 import { useHistory } from "react-router-dom";
@@ -331,4 +331,4 @@ const ExportSidesheet = (props) => {
 //#endregion
 export { VisualSearchObject as n, useUdpExport as r, ExportSidesheet as t };
-//# sourceMappingURL=ExportSidesheet-BQiNzxN9.js.map
+//# sourceMappingURL=ExportSidesheet-eHGdT42e.js.map

package/dist/{ExportSidesheet-BQiNzxN9.js.map → ExportSidesheet-eHGdT42e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExportSidesheet-BQiNzxN9.js","names":["entity","searchObject","Typography","LinearProgress"],"sources":["../src/udp/export/useUdpExport.js","../src/udp/export/VisualSearchObject.jsx","../src/udp/export/ExportSidesheet.jsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const useUdpExport = (apiCatalogId, productId) => {\n const [entity, setEntity] = useState();\n const [searchObject, setSearchObject] = useState();\n const [fileFormat, setFileFormat] = useState('.XLSX');\n const [numRowsToExport, setNumRowsToExport] = useState(null);\n const [validSearch, setValidSearch] = useState(false);\n const [errorList, setErrorList] = useState([]);\n const [activeExportJob, setActiveExportJob] = useState();\n const [exportLoading, setExportLoading] = useState(false);\n const [fileResultData, setFileResultData] = useState();\n\n const { data: selectedEntity, loading: entityLoading } =\n usePromotedMethodEntity(entity, true, apiCatalogId, productId);\n const { data: udpJobEntity } = usePromotedMethodEntity(\n 'udpJob',\n true,\n apiCatalogId,\n productId\n );\n\n const refetchActiveJobData = useCallback(async () => {\n if (udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n await executeQueryWithParameters(\n {\n data: { id: activeExportJob?.id }\n },\n udpJobEntity?.unityBaseGetMethod?.apiMethodId\n )\n .then((res) => {\n setActiveExportJob(res.data);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'jobstatus',\n 'Error getting job status ',\n 'error'\n );\n });\n }\n }, [activeExportJob?.id, udpJobEntity?.unityBaseGetMethod?.apiMethodId]);\n\n const refetchfileResultData = useCallback(async () => {\n if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n await executeQueryWithParameters(\n {\n data: { JobId: activeExportJob?.id }\n },\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n )\n .then((res) => {\n setFileResultData(res.data);\n })\n .catch((err) => {\n addErrorIfNotExists('fileError', 'Error getting file ', 'error');\n });\n }\n }, [\n activeExportJob?.id,\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n ]);\n\n const clearParameters = useCallback(() => {\n setEntity(null);\n setSearchObject(null);\n setNumRowsToExport(null);\n setActiveExportJob(null);\n setErrorList([]);\n }, []);\n\n const updateExportParameters = useCallback((entity, searchObject) => {\n setEntity(entity);\n setSearchObject(searchObject);\n }, []);\n\n const addErrorIfNotExists = (id, message, severity = 'error') => {\n setErrorList((prev) => {\n const exists = prev.some((error) => error.id === id);\n if (!exists) {\n return [...prev, { id, message, severity }];\n }\n return prev;\n });\n };\n\n const initialSearchWithParams = useCallback(async () => {\n await executeQueryAdHoc(\n {\n data: {\n ...searchObject,\n pageSize: 1\n }\n },\n selectedEntity?.unityBaseSearchMethod?.apiMethodId\n )\n .then((res) => {\n setNumRowsToExport(res?.data?.total);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'searchObject',\n 'Error fetching row count',\n 'error'\n );\n });\n }, [searchObject, selectedEntity]);\n\n const createExport = useCallback(async () => {\n if (selectedEntity?.unityBaseExportMethod?.apiMethodId) {\n setExportLoading(true);\n await executeQueryWithParameters(\n {\n data: {\n requestBody: {\n debug: true,\n exportAcrossAssociations: false,\n exportOnAllAssociations: false,\n exportSiblings: false,\n search: searchObject\n }\n }\n },\n selectedEntity?.unityBaseExportMethod?.apiMethodId\n )\n .then((res) => {\n setActiveExportJob(res?.data);\n setExportLoading(false);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'exportRequest',\n 'Error creating the export job',\n 'error'\n );\n setExportLoading(false);\n });\n }\n }, [searchObject, selectedEntity?.unityBaseExportMethod?.apiMethodId]);\n\n useEffect(() => {\n if (!entityLoading) {\n if (selectedEntity?.unityBaseSearchMethod === null) {\n addErrorIfNotExists(\n 'search',\n `${getSanitizedName(entity)}'s search method must be promoted`,\n 'error'\n );\n } else {\n initialSearchWithParams();\n }\n if (selectedEntity?.unityBaseExportMethod === null) {\n addErrorIfNotExists(\n 'export',\n `${getSanitizedName(entity)}'s export method must be promoted`,\n 'error'\n );\n }\n }\n }, [initialSearchWithParams, selectedEntity, entity, entityLoading]);\n\n useEffect(() => {\n if (entity) {\n if (\n udpJobEntity &&\n !udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n ) {\n addErrorIfNotExists(\n 'fileResultGet',\n `UdpJob's GetFileResult must be promoted to download the file`,\n 'warning'\n );\n }\n\n if (udpJobEntity && !udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n addErrorIfNotExists(\n 'fileBaseGet',\n `UdpJob's Get method must be promoted to view job status`,\n 'warning'\n );\n }\n }\n }, [entity, udpJobEntity]);\n\n useEffect(() => {\n let isValid = true;\n errorList?.forEach((item) => {\n if (item.severity === 'error') {\n isValid = false;\n }\n });\n setValidSearch(isValid);\n }, [errorList]);\n\n useEffect(() => {\n if (\n !activeExportJob \|\|\n activeExportJob?.statusId === 3 \|\|\n activeExportJob?.statusId === 4\n )\n return;\n\n const intervalId = setInterval(() => {\n refetchActiveJobData();\n }, 5000);\n\n return () => clearInterval(intervalId);\n }, [activeExportJob, refetchActiveJobData]);\n\n useEffect(() => {\n if (activeExportJob?.statusId === 3) {\n refetchfileResultData();\n }\n }, [activeExportJob?.statusId, refetchfileResultData]);\n\n const handleFileDownload = useCallback(() => {\n if (fileResultData?.link) {\n const link = document.createElement('a');\n link.href = fileResultData?.link;\n link.download = '';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n }, [fileResultData?.link]);\n\n return {\n updateExportParameters,\n createExport,\n entity,\n searchObject,\n fileFormat,\n numRowsToExport,\n validSearch,\n errorList,\n activeExportJob,\n exportLoading,\n handleFileDownload,\n clearParameters\n };\n};\n","import React, { useMemo } from 'react';\nimport { Box, Chip } from '@material-ui/core';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\n\nexport const VisualSearchObject = ({ searchObject }) => {\n // 1️⃣ Safely default to an empty object if searchObject is null/undefined:\n const safeSO = searchObject \|\| {};\n\n // 2️⃣ Destructure with defaults for each property:\n const {\n filterElements = [],\n filterGroups = [],\n logicalSearchOperator = 1,\n } = safeSO;\n\n const filtersByGroup = useMemo(() => {\n return filterElements.reduce((acc, fe) => {\n const gid = fe.groupId ?? 0;\n (acc[gid] = acc[gid] \|\| []).push(fe);\n return acc;\n }, {});\n }, [filterElements]);\n\n const groupLookup = useMemo(() => {\n const lookup = {};\n filterGroups.forEach(g => {\n lookup[g.groupId] = { ...g, children: [] };\n });\n filterGroups.forEach(g => {\n if (g.parentGroupId && lookup[g.parentGroupId]) {\n lookup[g.parentGroupId].children.push(lookup[g.groupId]);\n }\n });\n return lookup;\n }, [filterGroups]);\n\n const topLevelGroups = useMemo(() => {\n return filterGroups\n .filter(g => !g.parentGroupId)\n .map(g => groupLookup[g.groupId]);\n }, [filterGroups, groupLookup]);\n\n // virtual root\n const rootGroup = {\n groupId: 0,\n logicalSearchOperator,\n children: topLevelGroups,\n };\n\n // 4️⃣ Recursive render\n const OpLabel = { 1: 'AND', 2: 'OR' };\n const renderGroup = (group, level = 0) => (\n <Box\n key={group.groupId}\n border={1}\n borderColor=\"grey.300\"\n borderRadius={4}\n p={1}\n ml={level * 2}\n mb={1}\n bgcolor={level === 0 ? 'grey.100' : 'transparent'}\n >\n <Box mb={1}>\n <StatusChip\n label={OpLabel[group.logicalSearchOperator] \|\| 'AND'}\n status=\"info\"\n size=\"small\"\n />\n </Box>\n <Box display=\"flex\" flexWrap=\"wrap\" mb={group.children.length ? 1 : 0}>\n {(filtersByGroup[group.groupId] \|\| []).map((fe, i) => (\n <Chip\n key={`g${group.groupId}-f${i}`}\n size=\"small\"\n label={`${fe.searchField} ${fe.searchOperator} ${fe.searchValue}`}\n style={{ marginRight: 4, marginBottom: 4 }}\n />\n ))}\n </Box>\n {group.children.map(c => renderGroup(c, level + 1))}\n </Box>\n );\n\n // 5️⃣ Finally, render nothing if truly empty:\n const hasAnything =\n filterElements.length > 0 \|\| filterGroups.length > 0;\n\n if (!hasAnything) return null;\n\n return (\n <Box>\n {renderGroup(rootGroup)}\n </Box>\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentListItem } from '../../UI/dataDisplay/FluentListItem';\nimport { VisualSearchObject } from './VisualSearchObject';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { Skeleton } from '@material-ui/lab';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\nimport { Slide } from '@material-ui/core';\nimport { LinearProgress } from '../../UI/loading/LinearProgress';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { StatusCircleCheckmarkIcon } from '@fluentui/react-icons';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { useHistory } from 'react-router-dom';\n\nexport const ExportSidesheet = (props) => {\n const {\n entity,\n numRowsToExport,\n fileFormat,\n searchObject,\n errorList,\n activeExportJob,\n handleFileDownload,\n exportSidesheetOpen,\n handleCloseExportSidesheet,\n createExport,\n exportLoading,\n validSearch\n } = props;\n\n const history = useHistory();\n const [page, setPage] = useState('exportSummary');\n\n useEffect(() => {\n if (activeExportJob?.id) {\n setPage('transition');\n }\n }, [activeExportJob?.id]);\n\n const handleSummaryExited = () => {\n setPage('exportProgress');\n };\n\n const getJobStatus = (value) => {\n if (value === 1) {\n return { status: null, label: 'Pending' };\n } else if (value === 2) {\n return { status: 'info', label: 'Running' };\n } else if (value === 3) {\n return { status: 'success', label: 'Completed' };\n } else if (value === 4) {\n return { status: 'error', label: 'Failed' };\n }\n };\n\n const onCloseSidesheet = () => {\n setPage('exportSummary');\n handleCloseExportSidesheet();\n };\n\n return (\n <SideSheet\n open={exportSidesheetOpen}\n onClose={onCloseSidesheet}\n width={'50%'}\n onSubmit={createExport}\n buttonLabel={'Create Export'}\n buttonTwoLabel='My Exports'\n buttonTwoAction={() => history.push('/myexports')}\n progress={exportLoading}\n buttonOneDisabled={!validSearch \|\| activeExportJob}\n >\n <div>\n {errorList?.map((error) => (\n <AmbientAlert\n alertMessage={error.message}\n showAlert={true}\n alertSeverity={error.severity}\n />\n ))}\n <Slide\n in={page === 'exportSummary'}\n onExited={handleSummaryExited}\n direction='right'\n unmountOnExit\n appear={false}\n >\n <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n <AmbientCard title='Export Summary' fullWidth removeTopLayoutUnit>\n <Typography>\n You are about to export all records from this table using your\n search criteria.\n </Typography>\n <div style={{ marginTop: 16 }}>\n <FluentListItem\n subject='Table'\n value={getSanitizedName(entity)}\n />\n <FluentListItem\n subject='Number of Rows'\n value={numRowsToExport ?? <Skeleton width={40} height={26} />}\n />\n </div>\n </AmbientCard>\n <AmbientCard title='Applied Filters' fullWidth>\n <VisualSearchObject searchObject={searchObject} />\n </AmbientCard>\n <AmbientCard title='Export Options' fullWidth>\n <FluentListItem subject='File Format' value={fileFormat} />\n </AmbientCard>\n </div>\n </Slide>\n <Slide in={page === 'exportProgress'} direction='left' mountOnEnter>\n <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n <AmbientCard title={`Job Details`} fullWidth removeTopLayoutUnit>\n <div style={{ marginBottom: 25 }}>\n <Typography>\n Exports are handled in the background. You can safely close\n this window.\n </Typography>\n </div>\n <FluentListItem subject='Job Id' value={activeExportJob?.id} />\n <FluentListItem\n subject='Status'\n value={\n <StatusChip\n status={getJobStatus(activeExportJob?.statusId)?.status}\n label={getJobStatus(activeExportJob?.statusId)?.label}\n />\n }\n />\n </AmbientCard>\n <AmbientCard\n title={`Export ${getJobStatus(activeExportJob?.statusId)?.label}`}\n fullWidth\n removeTopLayoutUnit\n >\n {(activeExportJob?.statusId === 1 \|\|\n activeExportJob?.statusId === 2) && <LinearProgress />}\n {activeExportJob?.statusId === 3 &&\n (!errorList.some((err) => err?.id === 'fileResultGet') ? (\n <EmptyStateDisplay\n icon={StatusCircleCheckmarkIcon}\n primaryText={'File is ready!'}\n actionLabel='Download'\n action={handleFileDownload && (() => handleFileDownload())}\n />\n ) : (\n <Typography>\n To download the file, please go to the My Exports page.\n </Typography>\n ))}\n </AmbientCard>\n </div>\n </Slide>\n </div>\n </SideSheet>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ExportSidesheet-eHGdT42e.js","names":["entity","searchObject","Typography","LinearProgress"],"sources":["../src/udp/export/useUdpExport.js","../src/udp/export/VisualSearchObject.jsx","../src/udp/export/ExportSidesheet.jsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const useUdpExport = (apiCatalogId, productId) => {\n const [entity, setEntity] = useState();\n const [searchObject, setSearchObject] = useState();\n const [fileFormat, setFileFormat] = useState('.XLSX');\n const [numRowsToExport, setNumRowsToExport] = useState(null);\n const [validSearch, setValidSearch] = useState(false);\n const [errorList, setErrorList] = useState([]);\n const [activeExportJob, setActiveExportJob] = useState();\n const [exportLoading, setExportLoading] = useState(false);\n const [fileResultData, setFileResultData] = useState();\n\n const { data: selectedEntity, loading: entityLoading } =\n usePromotedMethodEntity(entity, true, apiCatalogId, productId);\n const { data: udpJobEntity } = usePromotedMethodEntity(\n 'udpJob',\n true,\n apiCatalogId,\n productId\n );\n\n const refetchActiveJobData = useCallback(async () => {\n if (udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n await executeQueryWithParameters(\n {\n data: { id: activeExportJob?.id }\n },\n udpJobEntity?.unityBaseGetMethod?.apiMethodId\n )\n .then((res) => {\n setActiveExportJob(res.data);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'jobstatus',\n 'Error getting job status ',\n 'error'\n );\n });\n }\n }, [activeExportJob?.id, udpJobEntity?.unityBaseGetMethod?.apiMethodId]);\n\n const refetchfileResultData = useCallback(async () => {\n if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n await executeQueryWithParameters(\n {\n data: { JobId: activeExportJob?.id }\n },\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n )\n .then((res) => {\n setFileResultData(res.data);\n })\n .catch((err) => {\n addErrorIfNotExists('fileError', 'Error getting file ', 'error');\n });\n }\n }, [\n activeExportJob?.id,\n udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n ]);\n\n const clearParameters = useCallback(() => {\n setEntity(null);\n setSearchObject(null);\n setNumRowsToExport(null);\n setActiveExportJob(null);\n setErrorList([]);\n }, []);\n\n const updateExportParameters = useCallback((entity, searchObject) => {\n setEntity(entity);\n setSearchObject(searchObject);\n }, []);\n\n const addErrorIfNotExists = (id, message, severity = 'error') => {\n setErrorList((prev) => {\n const exists = prev.some((error) => error.id === id);\n if (!exists) {\n return [...prev, { id, message, severity }];\n }\n return prev;\n });\n };\n\n const initialSearchWithParams = useCallback(async () => {\n await executeQueryAdHoc(\n {\n data: {\n ...searchObject,\n pageSize: 1\n }\n },\n selectedEntity?.unityBaseSearchMethod?.apiMethodId\n )\n .then((res) => {\n setNumRowsToExport(res?.data?.total);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'searchObject',\n 'Error fetching row count',\n 'error'\n );\n });\n }, [searchObject, selectedEntity]);\n\n const createExport = useCallback(async () => {\n if (selectedEntity?.unityBaseExportMethod?.apiMethodId) {\n setExportLoading(true);\n await executeQueryWithParameters(\n {\n data: {\n requestBody: {\n debug: true,\n exportAcrossAssociations: false,\n exportOnAllAssociations: false,\n exportSiblings: false,\n search: searchObject\n }\n }\n },\n selectedEntity?.unityBaseExportMethod?.apiMethodId\n )\n .then((res) => {\n setActiveExportJob(res?.data);\n setExportLoading(false);\n })\n .catch((err) => {\n addErrorIfNotExists(\n 'exportRequest',\n 'Error creating the export job',\n 'error'\n );\n setExportLoading(false);\n });\n }\n }, [searchObject, selectedEntity?.unityBaseExportMethod?.apiMethodId]);\n\n useEffect(() => {\n if (!entityLoading) {\n if (selectedEntity?.unityBaseSearchMethod === null) {\n addErrorIfNotExists(\n 'search',\n `${getSanitizedName(entity)}'s search method must be promoted`,\n 'error'\n );\n } else {\n initialSearchWithParams();\n }\n if (selectedEntity?.unityBaseExportMethod === null) {\n addErrorIfNotExists(\n 'export',\n `${getSanitizedName(entity)}'s export method must be promoted`,\n 'error'\n );\n }\n }\n }, [initialSearchWithParams, selectedEntity, entity, entityLoading]);\n\n useEffect(() => {\n if (entity) {\n if (\n udpJobEntity &&\n !udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n ) {\n addErrorIfNotExists(\n 'fileResultGet',\n `UdpJob's GetFileResult must be promoted to download the file`,\n 'warning'\n );\n }\n\n if (udpJobEntity && !udpJobEntity?.unityBaseGetMethod?.apiMethodId) {\n addErrorIfNotExists(\n 'fileBaseGet',\n `UdpJob's Get method must be promoted to view job status`,\n 'warning'\n );\n }\n }\n }, [entity, udpJobEntity]);\n\n useEffect(() => {\n let isValid = true;\n errorList?.forEach((item) => {\n if (item.severity === 'error') {\n isValid = false;\n }\n });\n setValidSearch(isValid);\n }, [errorList]);\n\n useEffect(() => {\n if (\n !activeExportJob \|\|\n activeExportJob?.statusId === 3 \|\|\n activeExportJob?.statusId === 4\n )\n return;\n\n const intervalId = setInterval(() => {\n refetchActiveJobData();\n }, 5000);\n\n return () => clearInterval(intervalId);\n }, [activeExportJob, refetchActiveJobData]);\n\n useEffect(() => {\n if (activeExportJob?.statusId === 3) {\n refetchfileResultData();\n }\n }, [activeExportJob?.statusId, refetchfileResultData]);\n\n const handleFileDownload = useCallback(() => {\n if (fileResultData?.link) {\n const link = document.createElement('a');\n link.href = fileResultData?.link;\n link.download = '';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n }, [fileResultData?.link]);\n\n return {\n updateExportParameters,\n createExport,\n entity,\n searchObject,\n fileFormat,\n numRowsToExport,\n validSearch,\n errorList,\n activeExportJob,\n exportLoading,\n handleFileDownload,\n clearParameters\n };\n};\n","import React, { useMemo } from 'react';\nimport { Box, Chip } from '@material-ui/core';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\n\nexport const VisualSearchObject = ({ searchObject }) => {\n // 1️⃣ Safely default to an empty object if searchObject is null/undefined:\n const safeSO = searchObject \|\| {};\n\n // 2️⃣ Destructure with defaults for each property:\n const {\n filterElements = [],\n filterGroups = [],\n logicalSearchOperator = 1,\n } = safeSO;\n\n const filtersByGroup = useMemo(() => {\n return filterElements.reduce((acc, fe) => {\n const gid = fe.groupId ?? 0;\n (acc[gid] = acc[gid] \|\| []).push(fe);\n return acc;\n }, {});\n }, [filterElements]);\n\n const groupLookup = useMemo(() => {\n const lookup = {};\n filterGroups.forEach(g => {\n lookup[g.groupId] = { ...g, children: [] };\n });\n filterGroups.forEach(g => {\n if (g.parentGroupId && lookup[g.parentGroupId]) {\n lookup[g.parentGroupId].children.push(lookup[g.groupId]);\n }\n });\n return lookup;\n }, [filterGroups]);\n\n const topLevelGroups = useMemo(() => {\n return filterGroups\n .filter(g => !g.parentGroupId)\n .map(g => groupLookup[g.groupId]);\n }, [filterGroups, groupLookup]);\n\n // virtual root\n const rootGroup = {\n groupId: 0,\n logicalSearchOperator,\n children: topLevelGroups,\n };\n\n // 4️⃣ Recursive render\n const OpLabel = { 1: 'AND', 2: 'OR' };\n const renderGroup = (group, level = 0) => (\n <Box\n key={group.groupId}\n border={1}\n borderColor=\"grey.300\"\n borderRadius={4}\n p={1}\n ml={level * 2}\n mb={1}\n bgcolor={level === 0 ? 'grey.100' : 'transparent'}\n >\n <Box mb={1}>\n <StatusChip\n label={OpLabel[group.logicalSearchOperator] \|\| 'AND'}\n status=\"info\"\n size=\"small\"\n />\n </Box>\n <Box display=\"flex\" flexWrap=\"wrap\" mb={group.children.length ? 1 : 0}>\n {(filtersByGroup[group.groupId] \|\| []).map((fe, i) => (\n <Chip\n key={`g${group.groupId}-f${i}`}\n size=\"small\"\n label={`${fe.searchField} ${fe.searchOperator} ${fe.searchValue}`}\n style={{ marginRight: 4, marginBottom: 4 }}\n />\n ))}\n </Box>\n {group.children.map(c => renderGroup(c, level + 1))}\n </Box>\n );\n\n // 5️⃣ Finally, render nothing if truly empty:\n const hasAnything =\n filterElements.length > 0 \|\| filterGroups.length > 0;\n\n if (!hasAnything) return null;\n\n return (\n <Box>\n {renderGroup(rootGroup)}\n </Box>\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentListItem } from '../../UI/dataDisplay/FluentListItem';\nimport { VisualSearchObject } from './VisualSearchObject';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { Skeleton } from '@material-ui/lab';\nimport { StatusChip } from '../../UI/dataDisplay/status/StatusChip';\nimport { Slide } from '@material-ui/core';\nimport { LinearProgress } from '../../UI/loading/LinearProgress';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { StatusCircleCheckmarkIcon } from '@fluentui/react-icons';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { useHistory } from 'react-router-dom';\n\nexport const ExportSidesheet = (props) => {\n const {\n entity,\n numRowsToExport,\n fileFormat,\n searchObject,\n errorList,\n activeExportJob,\n handleFileDownload,\n exportSidesheetOpen,\n handleCloseExportSidesheet,\n createExport,\n exportLoading,\n validSearch\n } = props;\n\n const history = useHistory();\n const [page, setPage] = useState('exportSummary');\n\n useEffect(() => {\n if (activeExportJob?.id) {\n setPage('transition');\n }\n }, [activeExportJob?.id]);\n\n const handleSummaryExited = () => {\n setPage('exportProgress');\n };\n\n const getJobStatus = (value) => {\n if (value === 1) {\n return { status: null, label: 'Pending' };\n } else if (value === 2) {\n return { status: 'info', label: 'Running' };\n } else if (value === 3) {\n return { status: 'success', label: 'Completed' };\n } else if (value === 4) {\n return { status: 'error', label: 'Failed' };\n }\n };\n\n const onCloseSidesheet = () => {\n setPage('exportSummary');\n handleCloseExportSidesheet();\n };\n\n return (\n <SideSheet\n open={exportSidesheetOpen}\n onClose={onCloseSidesheet}\n width={'50%'}\n onSubmit={createExport}\n buttonLabel={'Create Export'}\n buttonTwoLabel='My Exports'\n buttonTwoAction={() => history.push('/myexports')}\n progress={exportLoading}\n buttonOneDisabled={!validSearch \|\| activeExportJob}\n >\n <div>\n {errorList?.map((error) => (\n <AmbientAlert\n alertMessage={error.message}\n showAlert={true}\n alertSeverity={error.severity}\n />\n ))}\n <Slide\n in={page === 'exportSummary'}\n onExited={handleSummaryExited}\n direction='right'\n unmountOnExit\n appear={false}\n >\n <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n <AmbientCard title='Export Summary' fullWidth removeTopLayoutUnit>\n <Typography>\n You are about to export all records from this table using your\n search criteria.\n </Typography>\n <div style={{ marginTop: 16 }}>\n <FluentListItem\n subject='Table'\n value={getSanitizedName(entity)}\n />\n <FluentListItem\n subject='Number of Rows'\n value={numRowsToExport ?? <Skeleton width={40} height={26} />}\n />\n </div>\n </AmbientCard>\n <AmbientCard title='Applied Filters' fullWidth>\n <VisualSearchObject searchObject={searchObject} />\n </AmbientCard>\n <AmbientCard title='Export Options' fullWidth>\n <FluentListItem subject='File Format' value={fileFormat} />\n </AmbientCard>\n </div>\n </Slide>\n <Slide in={page === 'exportProgress'} direction='left' mountOnEnter>\n <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n <AmbientCard title={`Job Details`} fullWidth removeTopLayoutUnit>\n <div style={{ marginBottom: 25 }}>\n <Typography>\n Exports are handled in the background. You can safely close\n this window.\n </Typography>\n </div>\n <FluentListItem subject='Job Id' value={activeExportJob?.id} />\n <FluentListItem\n subject='Status'\n value={\n <StatusChip\n status={getJobStatus(activeExportJob?.statusId)?.status}\n label={getJobStatus(activeExportJob?.statusId)?.label}\n />\n }\n />\n </AmbientCard>\n <AmbientCard\n title={`Export ${getJobStatus(activeExportJob?.statusId)?.label}`}\n fullWidth\n removeTopLayoutUnit\n >\n {(activeExportJob?.statusId === 1 \|\|\n activeExportJob?.statusId === 2) && <LinearProgress />}\n {activeExportJob?.statusId === 3 &&\n (!errorList.some((err) => err?.id === 'fileResultGet') ? (\n <EmptyStateDisplay\n icon={StatusCircleCheckmarkIcon}\n primaryText={'File is ready!'}\n actionLabel='Download'\n action={handleFileDownload && (() => handleFileDownload())}\n />\n ) : (\n <Typography>\n To download the file, please go to the My Exports page.\n </Typography>\n ))}\n </AmbientCard>\n </div>\n </Slide>\n </div>\n </SideSheet>\n );\n};\n"],"mappings":"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"}

package/dist/{ExtenderToggle-DAaajb90.js → ExtenderToggle-H2x6PXmn.js} RENAMED Viewed

@@ -45,4 +45,4 @@ ExtenderToggle.propTypes = {
 //#endregion
 export { ExtenderToggle as t };
-//# sourceMappingURL=ExtenderToggle-DAaajb90.js.map
+//# sourceMappingURL=ExtenderToggle-H2x6PXmn.js.map

package/dist/{ExtenderToggle-DAaajb90.js.map → ExtenderToggle-H2x6PXmn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExtenderToggle-~~DAaajb90~~.js","names":[],"sources":["../src/UI/templates/ui/ExtenderToggle.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Token } from '../../components/dataDisplay/Token';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n borderRadius: '0px 0px 25px 25px ',\n paddingRight: (props) => props.toggleLabel && theme.spacing(2),\n background: (props) => props.color,\n cursor: 'pointer'\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n color: (props) =>\n theme?.palette?.getContrastText(\n props.color ? theme.palette?.secondary?.main : props.color\n )\n },\n token: {\n transform: (props) => (props.open ? 'rotateZ(-180deg)' : 'rotateZ(0deg)')\n }\n}));\n\nexport const ExtenderToggle = (props) => {\n const classes = useStyles(props);\n const { onClick, toggleLabel, compact } = props;\n\n return (\n <div className={!compact && classes.root} onClick={onClick}>\n <div className={classes.token}>\n <Token\n icon={ChevronDownIcon}\n color='default'\n size='small'\n variant='filled'\n type='icon'\n compact={compact}\n />\n </div>\n <div className={classes.label}>\n <Typography variant='caption'> {toggleLabel} </Typography>\n </div>\n </div>\n );\n};\nExtenderToggle.propTypes = {\n /*\n onClick - click event for toggle\n /\n onClick: PropTypes.func,\n /\n toggleLabel - lable that appears on toggle\n /\n toggleLabel: PropTypes.string,\n /\n color - background color for the toggle button\n */\n color: PropTypes.string\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,cAAc;EACd,eAAe,UAAU,MAAM,eAAe,MAAM,QAAQ,EAAE;EAC9D,aAAa,UAAU,MAAM;EAC7B,QAAQ;EACT;CACD,OAAO;EACL,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ,UACN,OAAO,SAAS,gBACd,MAAM,QAAQ,MAAM,SAAS,WAAW,OAAO,MAAM,MACtD;EACJ;CACD,OAAO,EACL,YAAY,UAAW,MAAM,OAAO,qBAAqB,iBAC1D;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAS,aAAa,YAAY;AAE1C,QACE,oCAAC;EAAI,WAAW,CAAC,WAAW,QAAQ;EAAe;IACjD,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC;EACC,MAAM;EACN,OAAM;EACN,MAAK;EACL,SAAQ;EACR,MAAK;EACI;GACT,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,aAAU,KAAE,aAAY,IAAc,CACtD,CACF;;AAGV,eAAe,YAAY;CAIzB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB"}
1	+ {"version":3,"file":"ExtenderToggle-H2x6PXmn.js","names":[],"sources":["../src/UI/templates/ui/ExtenderToggle.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { Token } from '../../components/dataDisplay/Token';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n borderRadius: '0px 0px 25px 25px ',\n paddingRight: (props) => props.toggleLabel && theme.spacing(2),\n background: (props) => props.color,\n cursor: 'pointer'\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n color: (props) =>\n theme?.palette?.getContrastText(\n props.color ? theme.palette?.secondary?.main : props.color\n )\n },\n token: {\n transform: (props) => (props.open ? 'rotateZ(-180deg)' : 'rotateZ(0deg)')\n }\n}));\n\nexport const ExtenderToggle = (props) => {\n const classes = useStyles(props);\n const { onClick, toggleLabel, compact } = props;\n\n return (\n <div className={!compact && classes.root} onClick={onClick}>\n <div className={classes.token}>\n <Token\n icon={ChevronDownIcon}\n color='default'\n size='small'\n variant='filled'\n type='icon'\n compact={compact}\n />\n </div>\n <div className={classes.label}>\n <Typography variant='caption'> {toggleLabel} </Typography>\n </div>\n </div>\n );\n};\nExtenderToggle.propTypes = {\n /*\n onClick - click event for toggle\n /\n onClick: PropTypes.func,\n /\n toggleLabel - lable that appears on toggle\n /\n toggleLabel: PropTypes.string,\n /\n color - background color for the toggle button\n */\n color: PropTypes.string\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,cAAc;EACd,eAAe,UAAU,MAAM,eAAe,MAAM,QAAQ,EAAE;EAC9D,aAAa,UAAU,MAAM;EAC7B,QAAQ;EACT;CACD,OAAO;EACL,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ,UACN,OAAO,SAAS,gBACd,MAAM,QAAQ,MAAM,SAAS,WAAW,OAAO,MAAM,MACtD;EACJ;CACD,OAAO,EACL,YAAY,UAAW,MAAM,OAAO,qBAAqB,iBAC1D;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAS,aAAa,YAAY;AAE1C,QACE,oCAAC;EAAI,WAAW,CAAC,WAAW,QAAQ;EAAe;IACjD,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC;EACC,MAAM;EACN,OAAM;EACN,MAAK;EACL,SAAQ;EACR,MAAK;EACI;GACT,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,aAAU,KAAE,aAAY,IAAc,CACtD,CACF;;AAGV,eAAe,YAAY;CAIzB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB"}

package/dist/{FieldArrayCard-sEe2pmg7.js → FieldArrayCard-CkVvDF-N.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import { t as FluentTextField } from "./FluentTextField-WfFk-koa.js";
 import { t as FormControlLabel$1 } from "./FormControlLabel-C_X37EhG.js";
 import { t as Grid$1 } from "./Grid-D1-yWIw5.js";
 import { t as FluentCheckbox } from "./FluentCheckbox-CX7XgoFz.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-YOwCw38_.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CyINqvWU.js";
 import { t as FluentTimePicker } from "./FluentTimePicker-BFxFcgvX.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { makeStyles } from "@material-ui/core";
@@ -401,4 +401,4 @@ const FieldArrayCard = (props) => {
 //#endregion
 export { FieldType as n, FieldArrayCard as t };
-//# sourceMappingURL=FieldArrayCard-sEe2pmg7.js.map
+//# sourceMappingURL=FieldArrayCard-CkVvDF-N.js.map

package/dist/{FieldArrayCard-sEe2pmg7.js.map → FieldArrayCard-CkVvDF-N.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldArrayCard-sEe2pmg7.js","names":["Grid","AutocompleteFinalField","DateRangeField","FormControlLabel","Typography","Grid","SearchSideSheet"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) \|\| null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch \|\|\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"FieldArrayCard-CkVvDF-N.js","names":["Grid","AutocompleteFinalField","DateRangeField","FormControlLabel","Typography","Grid","SearchSideSheet"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) \|\| null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch \|\|\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/{FluentActivity-CQQeL7Qe.js → FluentActivity-D4CnqD1a.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { t as AvatarAlphabet } from "./AvatarAlphabet-D5klbFfJ.js";
+import { t as AvatarAlphabet } from "./AvatarAlphabet-1xHvx7P6.js";
 import React from "react";
 import { Avatar, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -66,4 +66,4 @@ const FluentActivityRow = (props) => {
 //#endregion
 export { FluentActivity as n, FluentActivityRow as t };
-//# sourceMappingURL=FluentActivity-CQQeL7Qe.js.map
+//# sourceMappingURL=FluentActivity-D4CnqD1a.js.map

package/dist/{FluentActivity-CQQeL7Qe.js.map → FluentActivity-D4CnqD1a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentActivity-~~CQQeL7Qe~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentActivity/FluentActivity.jsx","../src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx"],"sourcesContent":["import React from 'react'\nimport {\n Avatar,\n lighten,\n makeStyles,\n Typography,\n Tooltip\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport clsx from 'clsx'\nimport TimeAgo from 'timeago-react'\nimport { AvatarAlphabet } from '../../dataDisplay/AvatarAlphabet'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(2)\n },\n topRow: {\n display: 'flex'\n },\n desc: {\n marginLeft: theme.spacing(0.5)\n },\n indent: {\n marginLeft: (props) =>\n props.avatarDisplay ? theme.spacing(6) : theme.spacing(4)\n },\n indentChildren: {\n marginLeft: (props) => (props.avatarDisplay ? theme.spacing(2) : 0),\n marginTop: (props) => (props.avatarDisplay ? theme.spacing(-1.5) : 0)\n },\n timestamp: {\n color: lighten(theme.palette.common.black, 0.5),\n marginTop: theme.spacing(-3)\n },\n actionUser: {\n marginRight: 10,\n marginLeft: 11\n },\n activityIcon: {\n marginTop: 2\n },\n action: {\n verticalAlign: 'text-bottom',\n lineHeight: 1.8\n },\n avatar: {\n width: 35,\n height: 35,\n textTransform: 'uppercase'\n }\n}))\n\nexport const FluentActivity = (props) => {\n const classes = useStyles(props)\n const {\n activityIcon,\n avatar,\n avatarAlt,\n timeStamp,\n children,\n action,\n actionUser,\n avatarDisplay\n } = props\n\n const getUser = (userEmail) => {\n const regex = />(.*)</g\n const matches = regex.exec(userEmail)\n return matches[1].trim()?.charAt(0) \|\| '?'\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.topRow}>\n {activityIcon && (\n <div className={classes.activityIcon}>\n <FluentIcon component={activityIcon} />\n </div>\n )}\n {avatarDisplay && avatar && (\n <div className={classes.avatarContainer}>\n <Avatar alt={avatarAlt} className={classes.avatar} src={avatar} />\n </div>\n )}\n {avatarDisplay && !avatar && (\n <div className={classes.avatarContainer}>\n <AvatarAlphabet\n alt={avatarAlt}\n className={classes.avatar}\n avatarCharacter={getUser(\n actionUser.props.children[0].props.jsx\n ).toUpperCase()}\n >\n {getUser(actionUser.props.children[0].props.jsx)}\n </AvatarAlphabet>\n </div>\n )}\n\n <div className={classes.actionUser}>{actionUser}</div>\n\n <Typography variant='caption' className={classes.action}>\n {action}\n </Typography>\n </div>\n <div className={classes.indentChildren}>{children}</div>\n <div className={classes.time}>\n <Typography\n variant='caption'\n className={clsx(classes.indent, classes.timestamp)}\n >\n <Tooltip title={timeStamp}>\n <TimeAgo datetime={timeStamp} />\n </Tooltip>\n </Typography>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\n\nexport const FluentActivityRow = (props) => {\n const { children } = props\n return (\n <div style={{ marginLeft: 30 }}>\n <Typography variant='caption'>{children}</Typography>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,QAAQ,EACN,SAAS,QACV;CACD,MAAM,EACJ,YAAY,MAAM,QAAQ,GAAI,EAC/B;CACD,QAAQ,EACN,aAAa,UACX,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,EAC5D;CACD,gBAAgB;EACd,aAAa,UAAW,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG;EACjE,YAAY,UAAW,MAAM,gBAAgB,MAAM,QAAQ,KAAK,GAAG;EACpE;CACD,WAAW;EACT,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAC/C,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACD,YAAY;EACV,aAAa;EACb,YAAY;EACb;CACD,cAAc,EACZ,WAAW,GACZ;CACD,QAAQ;EACN,eAAe;EACf,YAAY;EACb;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,eAAe;EAChB;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,cACA,QACA,WACA,WACA,UACA,QACA,YACA,kBACE;CAEJ,MAAM,WAAW,cAAc;AAG7B,SAFc,UACQ,KAAK,UAAU,CACtB,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;;AAGzC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,WAAW,eAAgB,CACnC,EAEP,iBAAiB,UAChB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EAAO,KAAK;EAAW,WAAW,QAAQ;EAAQ,KAAK;GAAU,CAC9D,EAEP,iBAAiB,CAAC,UACjB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,iBAAiB,QACf,WAAW,MAAM,SAAS,GAAG,MAAM,IACpC,CAAC,aAAa;IAEd,QAAQ,WAAW,MAAM,SAAS,GAAG,MAAM,IAAI,CACjC,CACb,EAGR,oCAAC,SAAI,WAAW,QAAQ,cAAa,WAAiB,EAEtD,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC9C,OACU,CACT,EACN,oCAAC,SAAI,WAAW,QAAQ,kBAAiB,SAAe,EACxD,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,QAAQ,QAAQ,UAAU;IAElD,oCAAC,WAAQ,OAAO,aACd,oCAAC,WAAQ,UAAU,YAAa,CACxB,CACC,CACT,CACF;;;;;ACjHV,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,aAAa;AACrB,QACE,oCAAC,SAAI,OAAO,EAAE,YAAY,IAAI,IAC5B,oCAAC,cAAW,SAAQ,aAAW,SAAsB,CACjD"}
1	+ {"version":3,"file":"FluentActivity-D4CnqD1a.js","names":[],"sources":["../src/UI/dataDisplay/FluentActivity/FluentActivity.jsx","../src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx"],"sourcesContent":["import React from 'react'\nimport {\n Avatar,\n lighten,\n makeStyles,\n Typography,\n Tooltip\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport clsx from 'clsx'\nimport TimeAgo from 'timeago-react'\nimport { AvatarAlphabet } from '../../dataDisplay/AvatarAlphabet'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(2)\n },\n topRow: {\n display: 'flex'\n },\n desc: {\n marginLeft: theme.spacing(0.5)\n },\n indent: {\n marginLeft: (props) =>\n props.avatarDisplay ? theme.spacing(6) : theme.spacing(4)\n },\n indentChildren: {\n marginLeft: (props) => (props.avatarDisplay ? theme.spacing(2) : 0),\n marginTop: (props) => (props.avatarDisplay ? theme.spacing(-1.5) : 0)\n },\n timestamp: {\n color: lighten(theme.palette.common.black, 0.5),\n marginTop: theme.spacing(-3)\n },\n actionUser: {\n marginRight: 10,\n marginLeft: 11\n },\n activityIcon: {\n marginTop: 2\n },\n action: {\n verticalAlign: 'text-bottom',\n lineHeight: 1.8\n },\n avatar: {\n width: 35,\n height: 35,\n textTransform: 'uppercase'\n }\n}))\n\nexport const FluentActivity = (props) => {\n const classes = useStyles(props)\n const {\n activityIcon,\n avatar,\n avatarAlt,\n timeStamp,\n children,\n action,\n actionUser,\n avatarDisplay\n } = props\n\n const getUser = (userEmail) => {\n const regex = />(.*)</g\n const matches = regex.exec(userEmail)\n return matches[1].trim()?.charAt(0) \|\| '?'\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.topRow}>\n {activityIcon && (\n <div className={classes.activityIcon}>\n <FluentIcon component={activityIcon} />\n </div>\n )}\n {avatarDisplay && avatar && (\n <div className={classes.avatarContainer}>\n <Avatar alt={avatarAlt} className={classes.avatar} src={avatar} />\n </div>\n )}\n {avatarDisplay && !avatar && (\n <div className={classes.avatarContainer}>\n <AvatarAlphabet\n alt={avatarAlt}\n className={classes.avatar}\n avatarCharacter={getUser(\n actionUser.props.children[0].props.jsx\n ).toUpperCase()}\n >\n {getUser(actionUser.props.children[0].props.jsx)}\n </AvatarAlphabet>\n </div>\n )}\n\n <div className={classes.actionUser}>{actionUser}</div>\n\n <Typography variant='caption' className={classes.action}>\n {action}\n </Typography>\n </div>\n <div className={classes.indentChildren}>{children}</div>\n <div className={classes.time}>\n <Typography\n variant='caption'\n className={clsx(classes.indent, classes.timestamp)}\n >\n <Tooltip title={timeStamp}>\n <TimeAgo datetime={timeStamp} />\n </Tooltip>\n </Typography>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\n\nexport const FluentActivityRow = (props) => {\n const { children } = props\n return (\n <div style={{ marginLeft: 30 }}>\n <Typography variant='caption'>{children}</Typography>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,QAAQ,EACN,SAAS,QACV;CACD,MAAM,EACJ,YAAY,MAAM,QAAQ,GAAI,EAC/B;CACD,QAAQ,EACN,aAAa,UACX,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,EAC5D;CACD,gBAAgB;EACd,aAAa,UAAW,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG;EACjE,YAAY,UAAW,MAAM,gBAAgB,MAAM,QAAQ,KAAK,GAAG;EACpE;CACD,WAAW;EACT,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAC/C,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACD,YAAY;EACV,aAAa;EACb,YAAY;EACb;CACD,cAAc,EACZ,WAAW,GACZ;CACD,QAAQ;EACN,eAAe;EACf,YAAY;EACb;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,eAAe;EAChB;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,cACA,QACA,WACA,WACA,UACA,QACA,YACA,kBACE;CAEJ,MAAM,WAAW,cAAc;AAG7B,SAFc,UACQ,KAAK,UAAU,CACtB,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;;AAGzC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,WAAW,eAAgB,CACnC,EAEP,iBAAiB,UAChB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EAAO,KAAK;EAAW,WAAW,QAAQ;EAAQ,KAAK;GAAU,CAC9D,EAEP,iBAAiB,CAAC,UACjB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,iBAAiB,QACf,WAAW,MAAM,SAAS,GAAG,MAAM,IACpC,CAAC,aAAa;IAEd,QAAQ,WAAW,MAAM,SAAS,GAAG,MAAM,IAAI,CACjC,CACb,EAGR,oCAAC,SAAI,WAAW,QAAQ,cAAa,WAAiB,EAEtD,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC9C,OACU,CACT,EACN,oCAAC,SAAI,WAAW,QAAQ,kBAAiB,SAAe,EACxD,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,QAAQ,QAAQ,UAAU;IAElD,oCAAC,WAAQ,OAAO,aACd,oCAAC,WAAQ,UAAU,YAAa,CACxB,CACC,CACT,CACF;;;;;ACjHV,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,aAAa;AACrB,QACE,oCAAC,SAAI,OAAO,EAAE,YAAY,IAAI,IAC5B,oCAAC,cAAW,SAAQ,aAAW,SAAsB,CACjD"}

package/dist/{FluentBody-CBqwLzTG.js → FluentBody-C_2uP08Y.js} RENAMED Viewed

@@ -13,4 +13,4 @@ var FluentBody_default = FluentBody;
 //#endregion
 export { FluentBody_default as t };
-//# sourceMappingURL=FluentBody-CBqwLzTG.js.map
+//# sourceMappingURL=FluentBody-C_2uP08Y.js.map

package/dist/{FluentBody-CBqwLzTG.js.map → FluentBody-C_2uP08Y.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentBody-~~CBqwLzTG~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx"],"sourcesContent":["import { TableBody, useTheme } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentBodyProps {\n background?: string;\n style?: object;\n children: ReactNode;\n};\n\nconst FluentBody = (props: FluentBodyProps) => {\n\n const theme = useTheme();\n\n return (\n <TableBody style={{ background: props?.background \|\| theme.palette.background.paper, ...props?.style }}>\n {props?.children}\n </TableBody>\n )\n};\n\nexport default FluentBody;"],"mappings":";;;;AASA,MAAM,cAAc,UAA2B;CAE7C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,aAAU,OAAO;EAAE,YAAY,OAAO,cAAc,MAAM,QAAQ,WAAW;EAAO,GAAG,OAAO;EAAO,IACnG,OAAO,SACE;;AAIhB,yBAAe"}
1	+ {"version":3,"file":"FluentBody-C_2uP08Y.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx"],"sourcesContent":["import { TableBody, useTheme } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentBodyProps {\n background?: string;\n style?: object;\n children: ReactNode;\n};\n\nconst FluentBody = (props: FluentBodyProps) => {\n\n const theme = useTheme();\n\n return (\n <TableBody style={{ background: props?.background \|\| theme.palette.background.paper, ...props?.style }}>\n {props?.children}\n </TableBody>\n )\n};\n\nexport default FluentBody;"],"mappings":";;;;AASA,MAAM,cAAc,UAA2B;CAE7C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,aAAU,OAAO;EAAE,YAAY,OAAO,cAAc,MAAM,QAAQ,WAAW;EAAO,GAAG,OAAO;EAAO,IACnG,OAAO,SACE;;AAIhB,yBAAe"}

package/dist/{FluentCell-F9eits6u.js → FluentCell-CuJJAwCD.js} RENAMED Viewed

@@ -78,4 +78,4 @@ var FluentCell_default = FluentCell;
 //#endregion
 export { FluentCell_default as t };
-//# sourceMappingURL=FluentCell-F9eits6u.js.map
+//# sourceMappingURL=FluentCell-CuJJAwCD.js.map