npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.71 → 25.18.1-beta.72 - Mend

udp-react-enterprise-component-library 25.18.1-beta.71 → 25.18.1-beta.72

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

package/dist/{AmbientCard-CLW4bPCu.js.map → AmbientCard-DhAiVDYD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientCard-CLW4bPCu.js","names":[],"sources":["../src/UI/surfaces/cards/AmbientCard/AmbientCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Paper,\n CardContent,\n makeStyles,\n Typography,\n CardMedia,\n lighten,\n Collapse\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { StatusChip } from '../../../dataDisplay/status/StatusChip';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../../inputs/buttons/FluentButton';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\nimport { AmbientCardButton } from '../../../inputs/buttons/AmbientCardButton';\nimport { Adornment } from '../../../components/feedback/Adornment';\nimport { getEllipseColor } from '../../../../utilities/style/colorConverter';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n paper: {\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n height: (props) => props?.cardHeight ?? ''\n },\n adornment: {\n top: 0,\n left: 0,\n height: '100%',\n position: 'absolute'\n },\n launchButtons: {\n // position: (props) => !props.extendedContent && 'absolute',\n // marginTop: 'auto',\n padding: theme.spacing(0, 2, 2, 2),\n display: 'flex',\n justifyContent: 'flex-end',\n bottom: (props) => (props.adjustBaseline ? props.adjustBaseline : 16),\n right: theme.spacing(2),\n gridGap: theme.spacing(1)\n },\n moreButton: {\n marginTop: theme.spacing(1),\n display: 'flex',\n justifyContent: 'center',\n backgroundColor: lighten(theme.palette.secondary.main, 0.9),\n padding: theme.spacing(1)\n },\n styleWidth: {\n width: (props) => (!props?.fullWidth ? '75%' : '100%'),\n height: '100%'\n },\n media: {\n height: (props) => props.mediaHeight \|\| 120\n },\n cardContent: {\n // backgroundColor: 'red',\n flexGrow: 1,\n padding: (props) => props.removePadding && 0,\n '&:last-child': {\n paddingBottom: (props) =>\n props.lastChildBottomPadding\n ? props.lastChildBottomPadding\n : theme.spacing(2)\n },\n paddingTop: 0,\n height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n },\n titleWrapper: {\n display: 'flex',\n backgroundColor: (props) =>\n props.headerColor && getEllipseColor(theme, props.headerColor, 'light')\n },\n title: {\n color: (props) =>\n props.headerColor &&\n theme.palette.getContrastText(\n getEllipseColor(theme, props.headerColor, 'light')\n )\n },\n loading: {\n position: 'absolute',\n top: 0,\n left: 0\n },\n expandMessage: {\n display: 'flex'\n },\n cardRoot: {\n '&:last-child': {\n paddingBottom: (props) =>\n props.lastChildBottomPadding\n ? props.lastChildBottomPadding\n : theme.spacing(2)\n }\n },\n visualization: {\n display: 'flex',\n alignItems: 'flex-end',\n width: '100%',\n height: 300\n },\n titlesWrapper: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n lineHeight: (props) => props.globalExpanded && '125%'\n },\n collapseChildren: {\n flexGrow: 1,\n '& .MuiCollapse-wrapper': {\n height: '100%'\n },\n '& .MuiCollapse-wrapperInner': {\n height: '100%'\n },\n height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n }\n}));\n\nexport const AmbientCard = (props) => {\n const classes = useStyles(props);\n const [expanded, setExpanded] = useState(false);\n\n const {\n adornment = 'secondary',\n ariaLabel,\n baseLoading,\n cardHeight,\n children,\n collapseChildrenWhenExpanded,\n customAdornment = ' ',\n deleteEvent,\n deleteOption,\n editEvent,\n editOption,\n extendedContent,\n extendedList,\n fullWidth,\n globalToggle,\n header,\n image,\n imageTitle,\n label,\n large,\n launchEvent,\n launchOption,\n loading,\n mediaHeight,\n more,\n moreMessage,\n moreButton,\n moreButtonExpanded,\n noAdornment = false,\n overrideStatusSuccess,\n overrideStatusError,\n overrideStatusWarning,\n overrideStatusInfo,\n removeTopLayoutUnit,\n status,\n subCard,\n title,\n toggleGlobalExpanded = true,\n visualization,\n subtitle,\n ...otherProps\n } = props;\n\n const [globalExpanded, setGlobalExpanded] = useState(toggleGlobalExpanded);\n\n if (baseLoading) return null;\n\n return (\n <Paper\n elevation={0}\n // className={clsx(classes.paper, adornment && classes.adornment)}\n className={classes.paper}\n >\n {!noAdornment && (\n <div className={classes.adornment}>\n {customAdornment ? customAdornment : <Adornment color={adornment} />}\n </div>\n )}\n {/* {loading && (\n <div className={classes.loading}>\n <Skeleton variant=\"rectangle\" width={4} height={400} />\n </div>\n )} /}\n {title && (\n <CardContent\n className={classes.titleWrapper}\n classes={{ root: classes.cardRoot }}\n >\n <div className={classes.titlesWrapper}>\n <Typography\n className={classes.title}\n component='h2'\n variant={subCard ? 'subtitle2' : 'h6'}\n >\n {title}\n </Typography>\n {subtitle && (\n <Typography variant={'body1'} className={classes.title}>\n {subtitle}\n </Typography>\n )}\n </div>\n\n {status && (\n <StatusChip\n status={status}\n label={label}\n success={overrideStatusSuccess}\n error={overrideStatusError}\n warning={overrideStatusWarning}\n info={overrideStatusInfo}\n />\n )}\n {globalToggle && (\n <div>\n <FluentIconButton\n onClick={() => setGlobalExpanded(!globalExpanded)}\n icon={globalExpanded ? ChevronUpIcon : ChevronDownIcon}\n className={classes.icon}\n id={\n 'udpRecord-AmbientCard-Toggle-' +\n (globalExpanded ? 'Up' : 'Down')\n }\n udprecordid={\n 'udpRecord-AmbientCard-Toggle-' +\n (globalExpanded ? 'Up' : 'Down')\n }\n />\n </div>\n )}\n </CardContent>\n )}\n {image && (\n <CardMedia className={classes.media} image={image} title={imageTitle} />\n )}\n {globalExpanded && (\n <CardContent classes={{ root: classes.cardContent }}>\n {!image && !header && !removeTopLayoutUnit && (\n <LayoutUnit unit={large ? 'md' : 'xxs'} />\n )}\n {image && <LayoutUnit unit='xs' />}\n\n {/ LAA UNT-2624: Add logic to collapse children when expanded if prop is set */}\n <Collapse\n in={!collapseChildrenWhenExpanded \|\| !expanded}\n timeout='auto'\n className={classes.collapseChildren}\n >\n <div className={classes.styleWidth}>{children}</div>\n </Collapse>\n\n {extendedList && (\n <Collapse in={expanded} timeout='auto'>\n <div>{extendedList}</div>\n </Collapse>\n )}\n {more && (\n <div className={classes.moreButton}>\n <div className={classes.expandMessage}>\n <Typography\n style={{ marginTop: 4, marginRight: 16 }}\n variant='subtitle2'\n >\n {!expanded && moreMessage}\n </Typography>\n <FluentButton\n onClick={() => setExpanded(!expanded)}\n color='secondary'\n variant='outlined'\n >\n {expanded ? moreButtonExpanded : moreButton}\n </FluentButton>\n </div>\n </div>\n )}\n </CardContent>\n )}\n {visualization && (\n <div className={classes.visualization}>{visualization}</div>\n )}\n {!globalToggle && (editOption \|\| launchOption \|\| deleteOption) && (\n <div className={classes.launchButtons}>\n {editOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n editOption\n {...otherProps}\n onClick={editEvent}\n id='udpRecord-AmbientCard-edit'\n udprecordid='udpRecord-AmbientCard-edit'\n />\n )}\n {launchOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n launchOption\n {...otherProps}\n onClick={launchEvent}\n id='udpRecord-AmbientCard-launch'\n udprecordid='udpRecord-AmbientCard-launch'\n />\n )}\n {deleteOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n deleteOption\n {...otherProps}\n onClick={deleteEvent}\n id='udpRecord-AmbientCard-delete'\n udprecordid='udpRecord-AmbientCard-delete'\n />\n )}\n </div>\n )}\n </Paper>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientCard-DhAiVDYD.js","names":[],"sources":["../src/UI/surfaces/cards/AmbientCard/AmbientCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Paper,\n CardContent,\n makeStyles,\n Typography,\n CardMedia,\n lighten,\n Collapse\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { StatusChip } from '../../../dataDisplay/status/StatusChip';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../../inputs/buttons/FluentButton';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\nimport { AmbientCardButton } from '../../../inputs/buttons/AmbientCardButton';\nimport { Adornment } from '../../../components/feedback/Adornment';\nimport { getEllipseColor } from '../../../../utilities/style/colorConverter';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n paper: {\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n height: (props) => props?.cardHeight ?? ''\n },\n adornment: {\n top: 0,\n left: 0,\n height: '100%',\n position: 'absolute'\n },\n launchButtons: {\n // position: (props) => !props.extendedContent && 'absolute',\n // marginTop: 'auto',\n padding: theme.spacing(0, 2, 2, 2),\n display: 'flex',\n justifyContent: 'flex-end',\n bottom: (props) => (props.adjustBaseline ? props.adjustBaseline : 16),\n right: theme.spacing(2),\n gridGap: theme.spacing(1)\n },\n moreButton: {\n marginTop: theme.spacing(1),\n display: 'flex',\n justifyContent: 'center',\n backgroundColor: lighten(theme.palette.secondary.main, 0.9),\n padding: theme.spacing(1)\n },\n styleWidth: {\n width: (props) => (!props?.fullWidth ? '75%' : '100%'),\n height: '100%'\n },\n media: {\n height: (props) => props.mediaHeight \|\| 120\n },\n cardContent: {\n // backgroundColor: 'red',\n flexGrow: 1,\n padding: (props) => props.removePadding && 0,\n '&:last-child': {\n paddingBottom: (props) =>\n props.lastChildBottomPadding\n ? props.lastChildBottomPadding\n : theme.spacing(2)\n },\n paddingTop: 0,\n height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n },\n titleWrapper: {\n display: 'flex',\n backgroundColor: (props) =>\n props.headerColor && getEllipseColor(theme, props.headerColor, 'light')\n },\n title: {\n color: (props) =>\n props.headerColor &&\n theme.palette.getContrastText(\n getEllipseColor(theme, props.headerColor, 'light')\n )\n },\n loading: {\n position: 'absolute',\n top: 0,\n left: 0\n },\n expandMessage: {\n display: 'flex'\n },\n cardRoot: {\n '&:last-child': {\n paddingBottom: (props) =>\n props.lastChildBottomPadding\n ? props.lastChildBottomPadding\n : theme.spacing(2)\n }\n },\n visualization: {\n display: 'flex',\n alignItems: 'flex-end',\n width: '100%',\n height: 300\n },\n titlesWrapper: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n lineHeight: (props) => props.globalExpanded && '125%'\n },\n collapseChildren: {\n flexGrow: 1,\n '& .MuiCollapse-wrapper': {\n height: '100%'\n },\n '& .MuiCollapse-wrapperInner': {\n height: '100%'\n },\n height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n }\n}));\n\nexport const AmbientCard = (props) => {\n const classes = useStyles(props);\n const [expanded, setExpanded] = useState(false);\n\n const {\n adornment = 'secondary',\n ariaLabel,\n baseLoading,\n cardHeight,\n children,\n collapseChildrenWhenExpanded,\n customAdornment = ' ',\n deleteEvent,\n deleteOption,\n editEvent,\n editOption,\n extendedContent,\n extendedList,\n fullWidth,\n globalToggle,\n header,\n image,\n imageTitle,\n label,\n large,\n launchEvent,\n launchOption,\n loading,\n mediaHeight,\n more,\n moreMessage,\n moreButton,\n moreButtonExpanded,\n noAdornment = false,\n overrideStatusSuccess,\n overrideStatusError,\n overrideStatusWarning,\n overrideStatusInfo,\n removeTopLayoutUnit,\n status,\n subCard,\n title,\n toggleGlobalExpanded = true,\n visualization,\n subtitle,\n ...otherProps\n } = props;\n\n const [globalExpanded, setGlobalExpanded] = useState(toggleGlobalExpanded);\n\n if (baseLoading) return null;\n\n return (\n <Paper\n elevation={0}\n // className={clsx(classes.paper, adornment && classes.adornment)}\n className={classes.paper}\n >\n {!noAdornment && (\n <div className={classes.adornment}>\n {customAdornment ? customAdornment : <Adornment color={adornment} />}\n </div>\n )}\n {/* {loading && (\n <div className={classes.loading}>\n <Skeleton variant=\"rectangle\" width={4} height={400} />\n </div>\n )} /}\n {title && (\n <CardContent\n className={classes.titleWrapper}\n classes={{ root: classes.cardRoot }}\n >\n <div className={classes.titlesWrapper}>\n <Typography\n className={classes.title}\n component='h2'\n variant={subCard ? 'subtitle2' : 'h6'}\n >\n {title}\n </Typography>\n {subtitle && (\n <Typography variant={'body1'} className={classes.title}>\n {subtitle}\n </Typography>\n )}\n </div>\n\n {status && (\n <StatusChip\n status={status}\n label={label}\n success={overrideStatusSuccess}\n error={overrideStatusError}\n warning={overrideStatusWarning}\n info={overrideStatusInfo}\n />\n )}\n {globalToggle && (\n <div>\n <FluentIconButton\n onClick={() => setGlobalExpanded(!globalExpanded)}\n icon={globalExpanded ? ChevronUpIcon : ChevronDownIcon}\n className={classes.icon}\n id={\n 'udpRecord-AmbientCard-Toggle-' +\n (globalExpanded ? 'Up' : 'Down')\n }\n udprecordid={\n 'udpRecord-AmbientCard-Toggle-' +\n (globalExpanded ? 'Up' : 'Down')\n }\n />\n </div>\n )}\n </CardContent>\n )}\n {image && (\n <CardMedia className={classes.media} image={image} title={imageTitle} />\n )}\n {globalExpanded && (\n <CardContent classes={{ root: classes.cardContent }}>\n {!image && !header && !removeTopLayoutUnit && (\n <LayoutUnit unit={large ? 'md' : 'xxs'} />\n )}\n {image && <LayoutUnit unit='xs' />}\n\n {/ LAA UNT-2624: Add logic to collapse children when expanded if prop is set */}\n <Collapse\n in={!collapseChildrenWhenExpanded \|\| !expanded}\n timeout='auto'\n className={classes.collapseChildren}\n >\n <div className={classes.styleWidth}>{children}</div>\n </Collapse>\n\n {extendedList && (\n <Collapse in={expanded} timeout='auto'>\n <div>{extendedList}</div>\n </Collapse>\n )}\n {more && (\n <div className={classes.moreButton}>\n <div className={classes.expandMessage}>\n <Typography\n style={{ marginTop: 4, marginRight: 16 }}\n variant='subtitle2'\n >\n {!expanded && moreMessage}\n </Typography>\n <FluentButton\n onClick={() => setExpanded(!expanded)}\n color='secondary'\n variant='outlined'\n >\n {expanded ? moreButtonExpanded : moreButton}\n </FluentButton>\n </div>\n </div>\n )}\n </CardContent>\n )}\n {visualization && (\n <div className={classes.visualization}>{visualization}</div>\n )}\n {!globalToggle && (editOption \|\| launchOption \|\| deleteOption) && (\n <div className={classes.launchButtons}>\n {editOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n editOption\n {...otherProps}\n onClick={editEvent}\n id='udpRecord-AmbientCard-edit'\n udprecordid='udpRecord-AmbientCard-edit'\n />\n )}\n {launchOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n launchOption\n {...otherProps}\n onClick={launchEvent}\n id='udpRecord-AmbientCard-launch'\n udprecordid='udpRecord-AmbientCard-launch'\n />\n )}\n {deleteOption && (\n <AmbientCardButton\n aria-label={ariaLabel}\n deleteOption\n {...otherProps}\n onClick={deleteEvent}\n id='udpRecord-AmbientCard-delete'\n udprecordid='udpRecord-AmbientCard-delete'\n />\n )}\n </div>\n )}\n </Paper>\n );\n};\n"],"mappings":"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"}

package/dist/{AmbientVisualizationCard-CAxx4QWe.js → AmbientVisualizationCard-CivQRhmD.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
+import { t as AmbientCard } from "./AmbientCard-DhAiVDYD.js";
 import { t as AmbientToggleButton } from "./AmbientToggleButton-BjyjXj8S.js";
-import { t as SummaryBlock } from "./SummaryBlock-BjUNDl4q.js";
+import { t as SummaryBlock } from "./SummaryBlock-Q5Jf4V8A.js";
 import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-BghyAzdO.js";
 import { t as FluentTabPanel } from "./FluentTabPanel-DZPtDTkV.js";
 import { t as AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-DgFod3VK.js";
-import { t as AmbientVisualizer } from "./AmbientVisualizer-BABKxgsK.js";
+import { t as AmbientVisualizer } from "./AmbientVisualizer-buICwVdO.js";
 import { t as TokenGroupItem } from "./TokenGroupItem-BK0dx4cD.js";
 import React, { useState } from "react";
 import { Box, Divider, Typography, makeStyles } from "@material-ui/core";
@@ -229,4 +229,4 @@ const AmbientVisualizationCard = ({ title, toggleList1, toggleList2, toggleList3
 //#endregion
 export { AmbientSplitStatCard as n, AmbientVisualizationCard as t };
-//# sourceMappingURL=AmbientVisualizationCard-CAxx4QWe.js.map
+//# sourceMappingURL=AmbientVisualizationCard-CivQRhmD.js.map

package/dist/{AmbientVisualizationCard-CAxx4QWe.js.map → AmbientVisualizationCard-CivQRhmD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizationCard-CAxx4QWe.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx","../src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Box } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\n\nconst useStyles = makeStyles((theme) => ({\n rootContainer: {\n background: '#FFFFFF',\n boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.08)',\n borderRadius: '6px',\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column'\n },\n infoContainer: {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: theme.spacing(3)\n },\n divider: {\n width: '100%',\n height: '1px'\n },\n subContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'center',\n width: '100%'\n },\n subContainerGraph: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'start',\n width: '100%'\n },\n graphContainer: {\n display: 'flex',\n paddingLeft: theme.spacing(3)\n }\n}));\n\nconst defaultBlockSpecs = {\n alertType: 'default',\n value: '0',\n startLabel: '$',\n label: '',\n labelVariant: 'subtitle2',\n width: '100%',\n style: { border: 'none' }\n};\n\n/*\n `AmbientSplitStatCard` component\n */\nexport const AmbientSplitStatCard = (props) => {\n const {\n title,\n subtitle,\n cardsSpecs,\n graphTitle,\n graphVariant,\n graphSpec,\n style\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div className={classes.rootContainer} style={style}>\n <div className={classes.infoContainer}>\n <div className={classes.subContainerGraph}>\n <LayoutUnit unit='xxs' />\n <Typography\n variant='h6'\n style={{\n fontStyle: 'normal',\n fontWeight: 500,\n fontSize: '19px'\n }}\n >\n {title}\n </Typography>\n <LayoutUnit unit='nudge' />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockOne \|\| defaultBlockSpecs)}\n />\n <LayoutUnit unit='xxs' />\n <Typography variant='subtitle2' style={{ fontWeight: 400 }}>\n {subtitle}\n </Typography>\n <LayoutUnit unit='xxs' />\n </div>\n <Divider orientation='vertical' />\n <div className={classes.subContainer}>\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockTwo \|\| defaultBlockSpecs)}\n />\n <Divider orientation='horizontal' className={classes.divider} />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockThree \|\| defaultBlockSpecs)}\n />\n </div>\n </div>\n <Divider orientation='horizontal' className={classes.divider} />\n <LayoutUnit unit='nudge' />\n <div className={classes.graphContainer}>\n <Typography variant='subtitle1'>{graphTitle}</Typography>\n <LayoutUnit unit='nudge' />\n </div>\n <Box\n clone\n overflow='hidden'\n sx={{\n width: '100%',\n minWidth: '100%',\n '& svg': {\n width: '100%'\n }\n }}\n >\n <MuiVegaLite\n variant={graphVariant \|\| 'verticalBarChart'}\n background='paper'\n autoResize\n actions={false}\n spec={graphSpec}\n />\n </Box>\n <LayoutUnit unit='xxs' />\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n position: 'relative'\n },\n item: {\n marginRight: theme.spacing(2)\n },\n tabPanelContents: {\n marginLeft: theme.spacing(2)\n },\n togglePadding: {\n padding: theme.spacing(2)\n }\n}));\n\nexport const AmbientVisualizationCard = ({\n title,\n toggleList1,\n toggleList2,\n toggleList3,\n tabList,\n tabContent1,\n tabContent2,\n tabContent3\n}) => {\n const classes = useStyles();\n\n const [value, setValue] = useState(0);\n const [toggleValue, setToggleValue] = useState('month');\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n };\n\n const selectToggle = (event, nextView) => {\n setToggleValue(nextView);\n };\n\n return (\n <AmbientCard\n title={title}\n customAdornment=' '\n visualization={\n <div>\n <FluentTabPanel value={value} index={0}>\n <div className={classes.tabPanelContents}>\n {tabContent1 &&\n tabContent1.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.tabPanelContents}>\n {tabContent2 &&\n tabContent2.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.tabPanelContents}>\n {tabContent3 &&\n tabContent3.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <div>\n <FluentSimpleTabs\n value={value}\n onChange={handleChange}\n aria-label='simple tabs example'\n >\n {tabList &&\n tabList.map((item) => {\n return <FluentSimpleTab label={item.label} />;\n })}\n </FluentSimpleTabs>\n\n <FluentTabPanel value={value} index={0}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList1 &&\n toggleList1.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList2 &&\n toggleList2.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList3 &&\n toggleList3.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAMA,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,WAAW;EACX,cAAc;EACd,SAAS;EACT,gBAAgB;EAChB,eAAe;EAChB;CACD,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,OAAO;EACP,QAAQ;EACT;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,mBAAmB;EACjB,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,gBAAgB;EACd,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACF,EAAE;AAEH,MAAM,oBAAoB;CACxB,WAAW;CACX,OAAO;CACP,YAAY;CACZ,OAAO;CACP,cAAc;CACd,OAAO;CACP,OAAO,EAAE,QAAQ,QAAQ;CAC1B;;;;AAKD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,OACA,UACA,YACA,YACA,cACA,WACA,UACE;CAEJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAsB;IAC5C,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EACC,SAAQ;EACR,OAAO;GACL,WAAW;GACX,YAAY;GACZ,UAAU;GACX;IAEA,MACU,EACb,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EAAW,SAAQ;EAAY,OAAO,EAAE,YAAY,KAAK;IACvD,SACU,EACb,oCAAC,cAAW,MAAK,QAAQ,CACrB,EACN,oCAAC,WAAQ,aAAY,aAAa,EAClC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cACM,YAAY,qBAAqB,kBACtC,CACE,CACF,EACN,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,cAAW,SAAQ,eAAa,WAAwB,EACzD,oCAAC,cAAW,MAAK,UAAU,CACvB,EACN,oCAAC;EACC;EACA,UAAS;EACT,IAAI;GACF,OAAO;GACP,UAAU;GACV,SAAS,EACP,OAAO,QACR;GACF;IAED,oCAAC;EACC,SAAS,gBAAgB;EACzB,YAAW;EACX;EACA,SAAS;EACT,MAAM;GACN,CACE,EACN,oCAAC,cAAW,MAAK,QAAQ,CACrB;;;;;ACzHV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,UAAU,YACX;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,kBAAkB,EAChB,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,eAAe,EACb,SAAS,MAAM,QAAQ,EAAE,EAC1B;CACF,EAAE;AAEH,MAAa,4BAA4B,EACvC,OACA,aACA,aACA,aACA,SACA,aACA,aACA,kBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;CAGpB,MAAM,gBAAgB,OAAO,aAAa;AACxC,iBAAe,SAAS;;AAG1B,QACE,oCAAC;EACQ;EACP,iBAAgB;EAChB,eACE,oCAAC,aACC,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC,aACC,oCAAC;GACQ;GACP,UAAU;GACV,cAAW;KAEV,WACC,QAAQ,KAAK,SAAS;AACpB,UAAO,oCAAC,mBAAgB,OAAO,KAAK,QAAS;IAC7C,CACa,EAEnB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,CACb,CACF;GAER"}
1	+ {"version":3,"file":"AmbientVisualizationCard-CivQRhmD.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx","../src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Box } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\n\nconst useStyles = makeStyles((theme) => ({\n rootContainer: {\n background: '#FFFFFF',\n boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.08)',\n borderRadius: '6px',\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column'\n },\n infoContainer: {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: theme.spacing(3)\n },\n divider: {\n width: '100%',\n height: '1px'\n },\n subContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'center',\n width: '100%'\n },\n subContainerGraph: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'start',\n width: '100%'\n },\n graphContainer: {\n display: 'flex',\n paddingLeft: theme.spacing(3)\n }\n}));\n\nconst defaultBlockSpecs = {\n alertType: 'default',\n value: '0',\n startLabel: '$',\n label: '',\n labelVariant: 'subtitle2',\n width: '100%',\n style: { border: 'none' }\n};\n\n/*\n `AmbientSplitStatCard` component\n */\nexport const AmbientSplitStatCard = (props) => {\n const {\n title,\n subtitle,\n cardsSpecs,\n graphTitle,\n graphVariant,\n graphSpec,\n style\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div className={classes.rootContainer} style={style}>\n <div className={classes.infoContainer}>\n <div className={classes.subContainerGraph}>\n <LayoutUnit unit='xxs' />\n <Typography\n variant='h6'\n style={{\n fontStyle: 'normal',\n fontWeight: 500,\n fontSize: '19px'\n }}\n >\n {title}\n </Typography>\n <LayoutUnit unit='nudge' />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockOne \|\| defaultBlockSpecs)}\n />\n <LayoutUnit unit='xxs' />\n <Typography variant='subtitle2' style={{ fontWeight: 400 }}>\n {subtitle}\n </Typography>\n <LayoutUnit unit='xxs' />\n </div>\n <Divider orientation='vertical' />\n <div className={classes.subContainer}>\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockTwo \|\| defaultBlockSpecs)}\n />\n <Divider orientation='horizontal' className={classes.divider} />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockThree \|\| defaultBlockSpecs)}\n />\n </div>\n </div>\n <Divider orientation='horizontal' className={classes.divider} />\n <LayoutUnit unit='nudge' />\n <div className={classes.graphContainer}>\n <Typography variant='subtitle1'>{graphTitle}</Typography>\n <LayoutUnit unit='nudge' />\n </div>\n <Box\n clone\n overflow='hidden'\n sx={{\n width: '100%',\n minWidth: '100%',\n '& svg': {\n width: '100%'\n }\n }}\n >\n <MuiVegaLite\n variant={graphVariant \|\| 'verticalBarChart'}\n background='paper'\n autoResize\n actions={false}\n spec={graphSpec}\n />\n </Box>\n <LayoutUnit unit='xxs' />\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n position: 'relative'\n },\n item: {\n marginRight: theme.spacing(2)\n },\n tabPanelContents: {\n marginLeft: theme.spacing(2)\n },\n togglePadding: {\n padding: theme.spacing(2)\n }\n}));\n\nexport const AmbientVisualizationCard = ({\n title,\n toggleList1,\n toggleList2,\n toggleList3,\n tabList,\n tabContent1,\n tabContent2,\n tabContent3\n}) => {\n const classes = useStyles();\n\n const [value, setValue] = useState(0);\n const [toggleValue, setToggleValue] = useState('month');\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n };\n\n const selectToggle = (event, nextView) => {\n setToggleValue(nextView);\n };\n\n return (\n <AmbientCard\n title={title}\n customAdornment=' '\n visualization={\n <div>\n <FluentTabPanel value={value} index={0}>\n <div className={classes.tabPanelContents}>\n {tabContent1 &&\n tabContent1.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.tabPanelContents}>\n {tabContent2 &&\n tabContent2.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.tabPanelContents}>\n {tabContent3 &&\n tabContent3.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <div>\n <FluentSimpleTabs\n value={value}\n onChange={handleChange}\n aria-label='simple tabs example'\n >\n {tabList &&\n tabList.map((item) => {\n return <FluentSimpleTab label={item.label} />;\n })}\n </FluentSimpleTabs>\n\n <FluentTabPanel value={value} index={0}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList1 &&\n toggleList1.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList2 &&\n toggleList2.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList3 &&\n toggleList3.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAMA,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,WAAW;EACX,cAAc;EACd,SAAS;EACT,gBAAgB;EAChB,eAAe;EAChB;CACD,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,OAAO;EACP,QAAQ;EACT;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,mBAAmB;EACjB,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,gBAAgB;EACd,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACF,EAAE;AAEH,MAAM,oBAAoB;CACxB,WAAW;CACX,OAAO;CACP,YAAY;CACZ,OAAO;CACP,cAAc;CACd,OAAO;CACP,OAAO,EAAE,QAAQ,QAAQ;CAC1B;;;;AAKD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,OACA,UACA,YACA,YACA,cACA,WACA,UACE;CAEJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAsB;IAC5C,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EACC,SAAQ;EACR,OAAO;GACL,WAAW;GACX,YAAY;GACZ,UAAU;GACX;IAEA,MACU,EACb,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EAAW,SAAQ;EAAY,OAAO,EAAE,YAAY,KAAK;IACvD,SACU,EACb,oCAAC,cAAW,MAAK,QAAQ,CACrB,EACN,oCAAC,WAAQ,aAAY,aAAa,EAClC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cACM,YAAY,qBAAqB,kBACtC,CACE,CACF,EACN,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,cAAW,SAAQ,eAAa,WAAwB,EACzD,oCAAC,cAAW,MAAK,UAAU,CACvB,EACN,oCAAC;EACC;EACA,UAAS;EACT,IAAI;GACF,OAAO;GACP,UAAU;GACV,SAAS,EACP,OAAO,QACR;GACF;IAED,oCAAC;EACC,SAAS,gBAAgB;EACzB,YAAW;EACX;EACA,SAAS;EACT,MAAM;GACN,CACE,EACN,oCAAC,cAAW,MAAK,QAAQ,CACrB;;;;;ACzHV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,UAAU,YACX;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,kBAAkB,EAChB,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,eAAe,EACb,SAAS,MAAM,QAAQ,EAAE,EAC1B;CACF,EAAE;AAEH,MAAa,4BAA4B,EACvC,OACA,aACA,aACA,aACA,SACA,aACA,aACA,kBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;CAGpB,MAAM,gBAAgB,OAAO,aAAa;AACxC,iBAAe,SAAS;;AAG1B,QACE,oCAAC;EACQ;EACP,iBAAgB;EAChB,eACE,oCAAC,aACC,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC,aACC,oCAAC;GACQ;GACP,UAAU;GACV,cAAW;KAEV,WACC,QAAQ,KAAK,SAAS;AACpB,UAAO,oCAAC,mBAAgB,OAAO,KAAK,QAAS;IAC7C,CACa,EAEnB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,CACb,CACF;GAER"}

package/dist/{AmbientVisualizer-BABKxgsK.js → AmbientVisualizer-buICwVdO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as getEllipseColor } from "./colorConverter-x64WSLsF.js";
+import { r as getEllipseColor } from "./colorConverter-5PvESBA1.js";
 import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
 import { t as FluentDisplayNumbers_default } from "./FluentDisplayNumbers-C-zCWHot.js";
 import React, { useState } from "react";
@@ -624,4 +624,4 @@ const AmbientVisualizer = ({ values, visualization, verticalBarWidth = 70, verti
 //#endregion
 export { GaugeGraph as n, RatioVisulization as r, AmbientVisualizer as t };
-//# sourceMappingURL=AmbientVisualizer-BABKxgsK.js.map
+//# sourceMappingURL=AmbientVisualizer-buICwVdO.js.map

package/dist/{AmbientVisualizer-BABKxgsK.js.map → AmbientVisualizer-buICwVdO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizer-BABKxgsK.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientVisualizer-buICwVdO.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}

package/dist/{BioCardWrapper-B2bT-4zw.js → BioCardWrapper-D1ZOHyA4.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as PrimaryActionHeader } from "./PrimaryActionHeader-DBJpROPu.js";
-import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
+import { t as PrimaryActionHeader } from "./PrimaryActionHeader-H5w3twaM.js";
+import { t as AmbientCard } from "./AmbientCard-DhAiVDYD.js";
 import { t as fluentLibraryIcons } from "./LibraryData-D8Uai7Yd.js";
 import { t as useReadMetaData } from "./useReadMetaData-CiWx4MJr.js";
 import { t as FluentMenuListItem } from "./FluentMenuListItem-CvEx0IXI.js";
@@ -510,4 +510,4 @@ const BioCardWrapper = (props) => {
 //#endregion
 export { DonutWrapper as a, BarChartWrapper as c, LineGraphWrapper as i, DisplayCardWrapper as l, AgGridSimpleWrapper as n, barChartWrapperProps as o, data as r, HistogramWrapper as s, BioCardWrapper as t, PrimaryActionHeaderWrapper as u };
-//# sourceMappingURL=BioCardWrapper-B2bT-4zw.js.map
+//# sourceMappingURL=BioCardWrapper-D1ZOHyA4.js.map

package/dist/{BioCardWrapper-B2bT-4zw.js.map → BioCardWrapper-D1ZOHyA4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BioCardWrapper-B2bT-4zw.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n const { propsComponent } = props;\n const { id, title, subheader } = useReadMetaData(propsComponent);\n\n return (\n // <SubHeaderAction key={id}>\n\n // </SubHeaderAction>\n <PrimaryActionHeader\n title={title?.label \|\| ''}\n //subheader={subheader?.label \|\| ''}\n buttonLabel={subheader?.label \|\| ''}\n single={true}\n grid={false}\n />\n );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n const {\n propsComponent,\n setSideSheetOpen,\n sideSheetOpen,\n setSideSheetComponent\n } = props;\n // const { id, columnSize, title, label, status, button, secondaryButtons } =\n // useReadMetaData(propsComponent);\n\n // useEffect(() => {\n // const { view } = button;\n\n // setSideSheetComponent({\n // id: view?.id,\n // component: view?.component,\n // propsComponent: view?.properties,\n // });\n // }, [button, setSideSheetComponent]);\n\n return (\n <Grid\n item\n // xs={columnSize?.xs}\n // sm={columnSize?.sm}\n // md={columnSize?.md}\n // key={id}\n >\n <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n <AmbientCard\n // title={title?.label}\n // status={status?.label}\n overrideStatusSuccess='current'\n overrideStatusError='expired'\n editEvent={() => {}}\n deleteEvent={() => {}}\n // label={label?.label}\n fullWidth={true}\n >\n <div>\n <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n {/* {button && (\n <FluentButton\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n {button?.label?.label}\n </FluentButton>\n )} /}\n\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n Test Button\n </FluentButton>\n\n {/ {secondaryButtons &&\n secondaryButtons.value?.map((button, index) => (\n <FluentIconButton\n key={index}\n icon={\n fluentLibraryIcons.find(x => x.id === button.icon)?.icon \|\|\n ChevronDownIcon\n }\n style={{ width: '40px', height: '40px' }}\n size=\"small\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n />\n ))} */}\n </div>\n </AmbientCard>\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: 'container',\n data: {\n // values: [\n // { quarter: 'Q1', percent: 0.2 },\n // { quarter: 'Q2', percent: 0.28 },\n // { quarter: 'Q3', percent: 0.32 },\n // { quarter: 'Q4', percent: 0.39 },\n // ],\n values: values,\n },\n mark: 'bar',\n //encoding: encoding,\n encoding: {\n x: {\n field: xfield,\n type: 'nominal',\n axis: {\n ticks: false,\n },\n band: 0.5,\n },\n y: {\n field: yfield,\n type: 'quantitative',\n axis: {\n format: 'p',\n },\n },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"histogram\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n description:\n 'An interactive histogram for visualizing a univariate distribution.',\n width: 500,\n height: 100,\n padding: 5,\n\n signals: [\n {\n name: 'binOffset',\n value: 0,\n bind: { input: 'range', min: -0.1, max: 0.1 },\n },\n {\n name: 'binStep',\n value: 0.1,\n bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n },\n ],\n\n data: [\n {\n name: 'points',\n url: 'data/normal-2d.json',\n },\n {\n name: 'binned',\n source: 'points',\n transform: [\n {\n type: 'bin',\n field: 'u',\n extent: [-1, 1],\n anchor: { signal: 'binOffset' },\n step: { signal: 'binStep' },\n nice: false,\n },\n {\n type: 'aggregate',\n key: 'bin0',\n groupby: ['bin0', 'bin1'],\n fields: ['bin0'],\n ops: ['count'],\n as: ['count'],\n },\n ],\n },\n ],\n\n scales: [\n {\n name: 'xscale',\n type: 'linear',\n range: 'width',\n domain: [-1, 1],\n },\n {\n name: 'yscale',\n type: 'linear',\n range: 'height',\n round: true,\n domain: { data: 'binned', field: 'count' },\n zero: true,\n nice: true,\n },\n ],\n\n axes: [\n { orient: 'bottom', scale: 'xscale', zindex: 1 },\n { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n ],\n\n marks: [\n {\n type: 'rect',\n from: { data: 'binned' },\n encode: {\n update: {\n x: { scale: 'xscale', field: 'bin0' },\n x2: {\n scale: 'xscale',\n field: 'bin1',\n offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n },\n y: { scale: 'yscale', field: 'count' },\n y2: { scale: 'yscale', value: 0 },\n fill: { value: 'steelblue' },\n },\n hover: { fill: { value: 'firebrick' } },\n },\n },\n {\n type: 'rect',\n from: { data: 'points' },\n encode: {\n enter: {\n x: { scale: 'xscale', field: 'u' },\n width: { value: 1 },\n y: { value: 25, offset: { signal: 'height' } },\n height: { value: 5 },\n fill: { value: 'steelblue' },\n fillOpacity: { value: 0.4 },\n },\n },\n },\n ],\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n description: 'A simple donut chart with embedded data.',\n data: {\n values: values,\n // values: [\n // { category: 1, value: 4 },\n // { category: 2, value: 6 },\n // { category: 3, value: 10 },\n // { category: 4, value: 3 },\n // { category: 5, value: 7 },\n // { category: 6, value: 8 },\n // ],\n },\n mark: { type: 'arc', innerRadius: 160 },\n width: 350,\n height: 350,\n encoding: {\n theta: { field: 'value', type: 'quantitative' },\n color: { field: 'category', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"lineChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: 'Values perdicted by the model',\n width: 'container',\n data: {\n // values: [\n // { a: 'A', b: 28, predicted: false },\n // { a: 'B', b: 55, predicted: false },\n // { a: 'D', b: 91, predicted: false },\n // { a: 'E', b: 81, predicted: false },\n // { a: 'E', b: 81, predicted: true },\n // { a: 'G', b: 19, predicted: true },\n // { a: 'H', b: 87, predicted: true },\n // ],\n values: values,\n },\n mark: 'line',\n encoding: {\n x: { field: 'a', type: 'ordinal' },\n y: { field: 'b', type: 'quantitative' },\n strokeDash: { field: 'predicted', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n {\n id: 1,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Liam Atchison'\n },\n {\n id: 2,\n name: 'Skating Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Luca Thomas'\n },\n {\n id: 3,\n name: 'Skating Lessons',\n tags: 'Adult',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'John Smith'\n },\n {\n id: 4,\n name: 'Pre-School Swim Lessons',\n tags: 'Self-Pace',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'In Progress',\n instructors: 'Lucy May'\n },\n {\n id: 5,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-08-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Pending',\n instructors: 'Matteo Thomas'\n }\n];\n\n// Demonstrative purpose\nconst groupData = [\n { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n { groupItem: 'name', label: 'Course Name', value: 'name' },\n { groupItem: 'status', label: 'Status', value: 'status' },\n { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n const { propsComponent } = props;\n const { id, columnSize, columnDefs, actionsList, values } =\n useReadMetaData(propsComponent);\n\n const columnDefinitions = useMemo(() => {\n if (columnDefs?.length) {\n const newActionsList = actionsList?.map((actionItem) => {\n return {\n ...actionItem,\n icon:\n fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon \|\|\n actionItem.icon,\n onClick: () => {}\n };\n });\n\n return TableColumnDefs(columnDefs, newActionsList);\n }\n return [];\n }, [actionsList, columnDefs]);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <AmbientGridTemplate\n title='Course List'\n data={values}\n columnDefs={columnDefinitions}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n groupingData={groupData}\n />\n </Grid>\n );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n const { id, propsComponent } = props;\n const { columnSize } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <BioCard\n firstName='Marlene'\n lastName='Smith'\n avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n alt='Marlene'\n address={\n <>\n <AddressListItem>\n 123 Fake Street, Encinitas, CA, 92024\n </AddressListItem>\n <AddressListItem> +1.767.815.8957 </AddressListItem>\n <AddressListItem> marlene@smith.com </AddressListItem>\n </>\n }\n copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com '\n >\n <h1>Marlene Smith</h1>\n </BioCard>\n </Grid>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BioCardWrapper-D1ZOHyA4.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n const { propsComponent } = props;\n const { id, title, subheader } = useReadMetaData(propsComponent);\n\n return (\n // <SubHeaderAction key={id}>\n\n // </SubHeaderAction>\n <PrimaryActionHeader\n title={title?.label \|\| ''}\n //subheader={subheader?.label \|\| ''}\n buttonLabel={subheader?.label \|\| ''}\n single={true}\n grid={false}\n />\n );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n const {\n propsComponent,\n setSideSheetOpen,\n sideSheetOpen,\n setSideSheetComponent\n } = props;\n // const { id, columnSize, title, label, status, button, secondaryButtons } =\n // useReadMetaData(propsComponent);\n\n // useEffect(() => {\n // const { view } = button;\n\n // setSideSheetComponent({\n // id: view?.id,\n // component: view?.component,\n // propsComponent: view?.properties,\n // });\n // }, [button, setSideSheetComponent]);\n\n return (\n <Grid\n item\n // xs={columnSize?.xs}\n // sm={columnSize?.sm}\n // md={columnSize?.md}\n // key={id}\n >\n <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n <AmbientCard\n // title={title?.label}\n // status={status?.label}\n overrideStatusSuccess='current'\n overrideStatusError='expired'\n editEvent={() => {}}\n deleteEvent={() => {}}\n // label={label?.label}\n fullWidth={true}\n >\n <div>\n <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n {/* {button && (\n <FluentButton\n variant=\"contained\"\n color=\"secondary\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n {button?.label?.label}\n </FluentButton>\n )} /}\n\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n >\n Test Button\n </FluentButton>\n\n {/ {secondaryButtons &&\n secondaryButtons.value?.map((button, index) => (\n <FluentIconButton\n key={index}\n icon={\n fluentLibraryIcons.find(x => x.id === button.icon)?.icon \|\|\n ChevronDownIcon\n }\n style={{ width: '40px', height: '40px' }}\n size=\"small\"\n onClick={() => setSideSheetOpen(!sideSheetOpen)}\n />\n ))} */}\n </div>\n </AmbientCard>\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: 'container',\n data: {\n // values: [\n // { quarter: 'Q1', percent: 0.2 },\n // { quarter: 'Q2', percent: 0.28 },\n // { quarter: 'Q3', percent: 0.32 },\n // { quarter: 'Q4', percent: 0.39 },\n // ],\n values: values,\n },\n mark: 'bar',\n //encoding: encoding,\n encoding: {\n x: {\n field: xfield,\n type: 'nominal',\n axis: {\n ticks: false,\n },\n band: 0.5,\n },\n y: {\n field: yfield,\n type: 'quantitative',\n axis: {\n format: 'p',\n },\n },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"histogram\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n description:\n 'An interactive histogram for visualizing a univariate distribution.',\n width: 500,\n height: 100,\n padding: 5,\n\n signals: [\n {\n name: 'binOffset',\n value: 0,\n bind: { input: 'range', min: -0.1, max: 0.1 },\n },\n {\n name: 'binStep',\n value: 0.1,\n bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n },\n ],\n\n data: [\n {\n name: 'points',\n url: 'data/normal-2d.json',\n },\n {\n name: 'binned',\n source: 'points',\n transform: [\n {\n type: 'bin',\n field: 'u',\n extent: [-1, 1],\n anchor: { signal: 'binOffset' },\n step: { signal: 'binStep' },\n nice: false,\n },\n {\n type: 'aggregate',\n key: 'bin0',\n groupby: ['bin0', 'bin1'],\n fields: ['bin0'],\n ops: ['count'],\n as: ['count'],\n },\n ],\n },\n ],\n\n scales: [\n {\n name: 'xscale',\n type: 'linear',\n range: 'width',\n domain: [-1, 1],\n },\n {\n name: 'yscale',\n type: 'linear',\n range: 'height',\n round: true,\n domain: { data: 'binned', field: 'count' },\n zero: true,\n nice: true,\n },\n ],\n\n axes: [\n { orient: 'bottom', scale: 'xscale', zindex: 1 },\n { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n ],\n\n marks: [\n {\n type: 'rect',\n from: { data: 'binned' },\n encode: {\n update: {\n x: { scale: 'xscale', field: 'bin0' },\n x2: {\n scale: 'xscale',\n field: 'bin1',\n offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n },\n y: { scale: 'yscale', field: 'count' },\n y2: { scale: 'yscale', value: 0 },\n fill: { value: 'steelblue' },\n },\n hover: { fill: { value: 'firebrick' } },\n },\n },\n {\n type: 'rect',\n from: { data: 'points' },\n encode: {\n enter: {\n x: { scale: 'xscale', field: 'u' },\n width: { value: 1 },\n y: { value: 25, offset: { signal: 'height' } },\n height: { value: 5 },\n fill: { value: 'steelblue' },\n fillOpacity: { value: 0.4 },\n },\n },\n },\n ],\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"verticalBarChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n description: 'A simple donut chart with embedded data.',\n data: {\n values: values,\n // values: [\n // { category: 1, value: 4 },\n // { category: 2, value: 6 },\n // { category: 3, value: 10 },\n // { category: 4, value: 3 },\n // { category: 5, value: 7 },\n // { category: 6, value: 8 },\n // ],\n },\n mark: { type: 'arc', innerRadius: 160 },\n width: 350,\n height: 350,\n encoding: {\n theta: { field: 'value', type: 'quantitative' },\n color: { field: 'category', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n\nexport const barChartWrapperProps = [\n {\n structure: [\n { label: 'Data1', value: 0 },\n { label: 'Data2', value: 1 },\n { label: 'Data3', value: 0 },\n { label: 'Data4', value: 1 },\n ],\n },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n const { propsComponent } = props;\n const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <Box\n mt={2}\n clone\n overflow=\"hidden\"\n sx={{ width: '100%', minWidth: '100%' }}\n >\n <MuiVegaLite\n variant=\"lineChart\"\n color=\"secondary\"\n background=\"paper\"\n autoResize\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: 'Values perdicted by the model',\n width: 'container',\n data: {\n // values: [\n // { a: 'A', b: 28, predicted: false },\n // { a: 'B', b: 55, predicted: false },\n // { a: 'D', b: 91, predicted: false },\n // { a: 'E', b: 81, predicted: false },\n // { a: 'E', b: 81, predicted: true },\n // { a: 'G', b: 19, predicted: true },\n // { a: 'H', b: 87, predicted: true },\n // ],\n values: values,\n },\n mark: 'line',\n encoding: {\n x: { field: 'a', type: 'ordinal' },\n y: { field: 'b', type: 'quantitative' },\n strokeDash: { field: 'predicted', type: 'nominal' },\n },\n }}\n />\n </Box>\n </Grid>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n {\n id: 1,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Liam Atchison'\n },\n {\n id: 2,\n name: 'Skating Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'Luca Thomas'\n },\n {\n id: 3,\n name: 'Skating Lessons',\n tags: 'Adult',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Published',\n instructors: 'John Smith'\n },\n {\n id: 4,\n name: 'Pre-School Swim Lessons',\n tags: 'Self-Pace',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-07-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'In Progress',\n instructors: 'Lucy May'\n },\n {\n id: 5,\n name: 'Pre-School Swim Lessons',\n tags: 'Child',\n deferredGL: 'General Programs Deferred',\n earnedGL: `Registered Swim Programs`,\n start_date: '2022-08-23 13:10:11',\n end_date: '2022-07-23 13:10:11',\n status: 'Pending',\n instructors: 'Matteo Thomas'\n }\n];\n\n// Demonstrative purpose\nconst groupData = [\n { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n { groupItem: 'name', label: 'Course Name', value: 'name' },\n { groupItem: 'status', label: 'Status', value: 'status' },\n { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n const { propsComponent } = props;\n const { id, columnSize, columnDefs, actionsList, values } =\n useReadMetaData(propsComponent);\n\n const columnDefinitions = useMemo(() => {\n if (columnDefs?.length) {\n const newActionsList = actionsList?.map((actionItem) => {\n return {\n ...actionItem,\n icon:\n fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon \|\|\n actionItem.icon,\n onClick: () => {}\n };\n });\n\n return TableColumnDefs(columnDefs, newActionsList);\n }\n return [];\n }, [actionsList, columnDefs]);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <AmbientGridTemplate\n title='Course List'\n data={values}\n columnDefs={columnDefinitions}\n frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n groupingData={groupData}\n />\n </Grid>\n );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n const { id, propsComponent } = props;\n const { columnSize } = useReadMetaData(propsComponent);\n\n return (\n <Grid\n item\n xs={columnSize?.xs}\n sm={columnSize?.sm}\n md={columnSize?.md}\n key={id}\n >\n <BioCard\n firstName='Marlene'\n lastName='Smith'\n avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n alt='Marlene'\n address={\n <>\n <AddressListItem>\n 123 Fake Street, Encinitas, CA, 92024\n </AddressListItem>\n <AddressListItem> +1.767.815.8957 </AddressListItem>\n <AddressListItem> marlene@smith.com </AddressListItem>\n </>\n }\n copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com '\n >\n <h1>Marlene Smith</h1>\n </BioCard>\n </Grid>\n );\n};\n"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { t as useUser } from "./useUser-wpHGo6jU.js";
 import { L as UdpEnums } from "./unitySystemEnums-CZDCsD5t.js";
 import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
 import { t as useAxiosGet } from "./useAxiosGet-CYnt6Hd0.js";
-import { t as PageContainer } from "./PageContainer-DTXNLt_2.js";
+import { t as PageContainer } from "./PageContainer-ButX_XVS.js";
 import { t as CrudForm } from "./CrudForm-C9xMnPoA.js";
 import React, { useMemo } from "react";
 import { Divider, makeStyles } from "@material-ui/core";
@@ -117,4 +117,4 @@ CrudTableSidePanel.propTypes = {
 //#endregion
 export { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE as n, CrudTableSidePanel as t };
-//# sourceMappingURL=CrudTableSidePanel-CNEZxJi0.js.map
+//# sourceMappingURL=CrudTableSidePanel-Dw8gZSqR.js.map

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

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