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

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

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

Files changed (391) hide show

package/dist/{ActionsRenderer-Cu0RVs9v.js → ActionsRenderer-CeKVHKrO.js} RENAMED Viewed

@@ -3,9 +3,9 @@ import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
 import { t as Adornment } from "./Adornment-Ciq1X7he.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-DswviiJB.js";
 import { n as GridUnit, t as GridRow } from "./GridRow-14yfTur2.js";
-import { t as CompactDataList } from "./CompactDataList-j2xAs8-I.js";
-import { t as CompactDataListItem } from "./CompactDataListItem-BB0gf0JD.js";
-import { c as isEqualIgnoreFunctions } from "./MapUtilities-BgKuNV8y.js";
+import { t as CompactDataList } from "./CompactDataList-CFI63cvg.js";
+import { t as CompactDataListItem } from "./CompactDataListItem-C3_Ro16-.js";
+import { c as isEqualIgnoreFunctions } from "./MapUtilities-BIMHy5V-.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { Avatar, Card, CardContent, Collapse, Typography, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -239,4 +239,4 @@ var ActionsRenderer_default = ActionsRenderer;
 //#endregion
 export { ListView_default as n, CompactCard as r, ActionsRenderer_default as t };
-//# sourceMappingURL=ActionsRenderer-Cu0RVs9v.js.map
+//# sourceMappingURL=ActionsRenderer-CeKVHKrO.js.map

package/dist/{ActionsRenderer-Cu0RVs9v.js.map → ActionsRenderer-CeKVHKrO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionsRenderer-Cu0RVs9v.js","names":["useStyles"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n Card,\n CardContent,\n Typography,\n makeStyles,\n Collapse,\n Avatar\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst useStyles = makeStyles((theme) => ({\n titleWrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1)\n },\n subtitleWrapper: {\n display: 'flex',\n paddingBottom: 0,\n alignItems: 'center',\n gap: theme.spacing(1)\n },\n title: {\n flex: 1,\n lineHeight: '125%'\n },\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n expandButtonWrapper: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n sectionWrapper: {\n marginTop: theme.spacing(1.5)\n },\n iconButtonWrapper: {\n borderRadius: 2\n },\n avatar: {\n width: '80px',\n height: '80px'\n },\n contentWrapper: {\n flex: 2\n },\n secondaryText: {\n color: 'inherit',\n opacity: 0.6\n },\n cardContent: {\n flex: 1,\n paddingTop: 0,\n '&:last-child': {\n paddingBottom: theme.spacing(2)\n }\n }\n}));\n\nexport const CompactCard = (props) => {\n const {\n title,\n primaryText,\n secondaryText,\n noWrap = false,\n extendedList = [],\n status = 'info',\n statusLabel,\n statusVariant,\n showAdornment = true,\n avatar,\n imageAvatarSrc,\n overrideStatusError,\n overrideStatusInfo,\n overrideStatusSuccess,\n overrideStatusWarning,\n iconButtons = [],\n children\n } = props;\n const [expanded, setExpanded] = useState(false);\n const classes = useStyles();\n\n return (\n <div style={{ display: 'flex', height: '100%', width: '100%' }}>\n {showAdornment && status && (\n <div style={{ height: '100%' }}>\n <Adornment color={status} />\n </div>\n )}\n <Card style={{ width: '100%' }}>\n <CardContent className={classes.subtitleWrapper}>\n {imageAvatarSrc && (\n <Avatar\n variant='square'\n className={classes.avatar}\n src={imageAvatarSrc}\n />\n )}\n\n {avatar && (\n <Avatar variant='square' className={classes.avatar}>\n {avatar}\n </Avatar>\n )}\n <div className={classes.contentWrapper}>\n <div className={classes.titleWrapper}>\n <Typography variant='subtitle1'>{title}</Typography>\n {status && statusLabel && (\n <StatusChip\n status={status}\n label={statusLabel}\n success={overrideStatusSuccess}\n error={overrideStatusError}\n warning={overrideStatusWarning}\n info={overrideStatusInfo}\n variant={statusVariant}\n />\n )}\n </div>\n\n <Typography variant='body2' noWrap={noWrap}>\n {primaryText}\n </Typography>\n <Typography variant='body2' className={classes.secondaryText}>\n {secondaryText}\n </Typography>\n </div>\n </CardContent>\n {children}\n {(extendedList?.length > 0 \|\| iconButtons?.length > 0) && (\n <CardContent className={classes.cardContent}>\n <div className={classes.sectionWrapper}>\n <Collapse in={expanded} timeout='auto' unmountOnExit>\n <CompactDataList disableSeparator={false}>\n {extendedList?.map((item) => (\n <CompactDataListItem\n label={item?.label}\n value={item?.value}\n />\n ))}\n </CompactDataList>\n </Collapse>\n <div className={classes.expandButtonWrapper}>\n <div>\n {extendedList?.length > 0 && (\n <FluentIconButton\n className={clsx(\n classes.expand,\n {\n [classes.expandOpen]: expanded\n },\n classes.iconButtonWrapper\n )}\n onClick={() => setExpanded(!expanded)}\n icon={ChevronDownIcon}\n />\n )}\n </div>\n <div>\n {iconButtons?.length > 0 &&\n iconButtons?.map((iconButton) => (\n <IconButtonWithTooltip\n className={classes.iconButtonWrapper}\n icon={iconButton?.icon}\n onClick={iconButton?.onclick}\n title={iconButton?.title}\n size='small'\n {...iconButton}\n />\n ))}\n </div>\n </div>\n </div>\n </CardContent>\n )}\n </Card>\n </div>\n );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { startCase } from 'lodash';\nimport { CompactCard } from './CompactCard';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { MapPinIcon, ViewIcon } from '@fluentui/react-icons';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { isEqualIgnoreFunctions } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n noDataWrapper: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)'\n },\n chipContainer: {\n display: 'flex',\n gap: theme.spacing(1),\n flexWrap: 'wrap',\n marginTop: theme.spacing(1),\n margin: theme.spacing(0, 1)\n },\n chipContent: {\n margin: theme.spacing(1),\n marginBottom: 0\n }\n}));\n\nconst ListView = (props) => {\n const {\n data,\n listViewConfig,\n noWrapPrimaryText,\n viewEvent,\n showMarkerEvent,\n chipConfig\n } = props;\n const [activeChip, setActiveChip] = useState(null);\n const [filteredData, setFilteredData] = useState(data);\n const { t } = useTranslation();\n const classes = useStyles();\n\n //Set default active chip only when chipConfig changes\n useEffect(() => {\n if (!chipConfig \|\| chipConfig.length === 0) {\n setFilteredData(data);\n setActiveChip(null);\n return;\n }\n\n const defaultChip =\n chipConfig.find((chip) => chip?.default) ?? chipConfig[0];\n\n if (!activeChip) {\n setActiveChip(defaultChip);\n } else {\n const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);\n if (\n updatedChip &&\n (updatedChip !== activeChip \|\|\n !isEqualIgnoreFunctions(updatedChip, activeChip))\n ) {\n setActiveChip(updatedChip);\n } else if (!updatedChip) {\n // activeChip no longer exists in new config\n setActiveChip(defaultChip);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [chipConfig, activeChip]);\n\n //Update filtered data whenever data or activeChip changes\n useEffect(() => {\n if (!chipConfig \|\| chipConfig.length === 0) {\n setFilteredData(data);\n return;\n }\n\n if (activeChip?.filterData) {\n setFilteredData(activeChip.filterData(data, activeChip));\n } else {\n setFilteredData(data);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeChip, data]);\n\n const handleOnClickChip = useCallback(\n (chip) => {\n if (chip?.onClick) {\n chip?.onClick(data, chip);\n }\n\n setActiveChip(chip);\n },\n [data]\n );\n\n return (\n <div>\n {chipConfig?.length > 0 && (\n <div className={classes.chipContainer}>\n {chipConfig?.map((chip, index) => {\n return (\n <StatusChip\n key={`${index}-${chip?.label}`}\n label={chip?.label}\n status={chip?.id === activeChip?.id ? 'info' : 'default'}\n variant='outlined'\n icon={chip?.icon}\n onClick={() => {\n console.log('chip clicked', chip);\n handleOnClickChip(chip);\n }}\n isActionable={!chip?.disabled}\n />\n );\n })}\n </div>\n )}\n\n {activeChip?.content && (\n <div className={classes.chipContent}>{activeChip?.content}</div>\n )}\n {filteredData?.length > 0 ? (\n filteredData?.map((record, index) => {\n const extendedListData = listViewConfig?.extendedListFields?.map(\n (item) => {\n return {\n label: startCase(item),\n value: record[item] ?? 'N/A'\n };\n }\n );\n\n const buttons =\n listViewConfig?.iconButtons?.map((config) => ({\n ...config,\n onClick: () => {\n if (config?.onClick) {\n config?.onClick(record);\n }\n }\n })) ?? [];\n\n const iconButtons = [\n ...buttons,\n {\n title: t('Show Marker'),\n icon: MapPinIcon,\n onClick: () => {\n showMarkerEvent(record);\n }\n },\n {\n title: t('View'),\n icon: ViewIcon,\n onClick: () => {\n viewEvent(record);\n }\n }\n ];\n\n const title = listViewConfig?.getTitle\n ? listViewConfig?.getTitle(record)\n : record[listViewConfig?.titleField];\n\n return (\n <GridRow>\n <GridUnit>\n <CompactCard\n id={index}\n title={title}\n primaryText={record[listViewConfig?.primaryTextField]}\n secondaryText={record[listViewConfig?.secondaryTextField]}\n status={record[listViewConfig?.statusColor]?.toLowerCase()}\n statusLabel={record[listViewConfig?.statusLabel]}\n statusVariant={listViewConfig?.statusVariant}\n showAdornment={listViewConfig?.showAdornment}\n avatar={record[listViewConfig?.avatar]}\n imageAvatarSrc={record[listViewConfig?.imageAvatarSrc]}\n noWrap={noWrapPrimaryText}\n extendedList={extendedListData}\n iconButtons={iconButtons}\n />\n </GridUnit>\n </GridRow>\n );\n })\n ) : (\n <div className={classes.noDataWrapper}>\n <Typography variant='body1'>{t('No Data')}</Typography>\n </div>\n )}\n </div>\n );\n};\n\nexport default ListView;\n","import { ViewIcon } from '@fluentui/react-icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst ActionsRenderer = (props) => {\n const { openView, data, node } = props;\n const { t } = useTranslation();\n\n return (\n <div>\n {openView && !node?.group && (\n <IconButtonWithTooltip\n title={t('View')}\n size='small'\n onClick={() => {\n openView(data);\n }}\n icon={ViewIcon}\n />\n )}\n </div>\n );\n};\n\nexport default ActionsRenderer;\n"],"mappings":"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"}
1	+ {"version":3,"file":"ActionsRenderer-CeKVHKrO.js","names":["useStyles"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n Card,\n CardContent,\n Typography,\n makeStyles,\n Collapse,\n Avatar\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst useStyles = makeStyles((theme) => ({\n titleWrapper: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1)\n },\n subtitleWrapper: {\n display: 'flex',\n paddingBottom: 0,\n alignItems: 'center',\n gap: theme.spacing(1)\n },\n title: {\n flex: 1,\n lineHeight: '125%'\n },\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n expandButtonWrapper: {\n display: 'flex',\n justifyContent: 'space-between'\n },\n sectionWrapper: {\n marginTop: theme.spacing(1.5)\n },\n iconButtonWrapper: {\n borderRadius: 2\n },\n avatar: {\n width: '80px',\n height: '80px'\n },\n contentWrapper: {\n flex: 2\n },\n secondaryText: {\n color: 'inherit',\n opacity: 0.6\n },\n cardContent: {\n flex: 1,\n paddingTop: 0,\n '&:last-child': {\n paddingBottom: theme.spacing(2)\n }\n }\n}));\n\nexport const CompactCard = (props) => {\n const {\n title,\n primaryText,\n secondaryText,\n noWrap = false,\n extendedList = [],\n status = 'info',\n statusLabel,\n statusVariant,\n showAdornment = true,\n avatar,\n imageAvatarSrc,\n overrideStatusError,\n overrideStatusInfo,\n overrideStatusSuccess,\n overrideStatusWarning,\n iconButtons = [],\n children\n } = props;\n const [expanded, setExpanded] = useState(false);\n const classes = useStyles();\n\n return (\n <div style={{ display: 'flex', height: '100%', width: '100%' }}>\n {showAdornment && status && (\n <div style={{ height: '100%' }}>\n <Adornment color={status} />\n </div>\n )}\n <Card style={{ width: '100%' }}>\n <CardContent className={classes.subtitleWrapper}>\n {imageAvatarSrc && (\n <Avatar\n variant='square'\n className={classes.avatar}\n src={imageAvatarSrc}\n />\n )}\n\n {avatar && (\n <Avatar variant='square' className={classes.avatar}>\n {avatar}\n </Avatar>\n )}\n <div className={classes.contentWrapper}>\n <div className={classes.titleWrapper}>\n <Typography variant='subtitle1'>{title}</Typography>\n {status && statusLabel && (\n <StatusChip\n status={status}\n label={statusLabel}\n success={overrideStatusSuccess}\n error={overrideStatusError}\n warning={overrideStatusWarning}\n info={overrideStatusInfo}\n variant={statusVariant}\n />\n )}\n </div>\n\n <Typography variant='body2' noWrap={noWrap}>\n {primaryText}\n </Typography>\n <Typography variant='body2' className={classes.secondaryText}>\n {secondaryText}\n </Typography>\n </div>\n </CardContent>\n {children}\n {(extendedList?.length > 0 \|\| iconButtons?.length > 0) && (\n <CardContent className={classes.cardContent}>\n <div className={classes.sectionWrapper}>\n <Collapse in={expanded} timeout='auto' unmountOnExit>\n <CompactDataList disableSeparator={false}>\n {extendedList?.map((item) => (\n <CompactDataListItem\n label={item?.label}\n value={item?.value}\n />\n ))}\n </CompactDataList>\n </Collapse>\n <div className={classes.expandButtonWrapper}>\n <div>\n {extendedList?.length > 0 && (\n <FluentIconButton\n className={clsx(\n classes.expand,\n {\n [classes.expandOpen]: expanded\n },\n classes.iconButtonWrapper\n )}\n onClick={() => setExpanded(!expanded)}\n icon={ChevronDownIcon}\n />\n )}\n </div>\n <div>\n {iconButtons?.length > 0 &&\n iconButtons?.map((iconButton) => (\n <IconButtonWithTooltip\n className={classes.iconButtonWrapper}\n icon={iconButton?.icon}\n onClick={iconButton?.onclick}\n title={iconButton?.title}\n size='small'\n {...iconButton}\n />\n ))}\n </div>\n </div>\n </div>\n </CardContent>\n )}\n </Card>\n </div>\n );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { startCase } from 'lodash';\nimport { CompactCard } from './CompactCard';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { MapPinIcon, ViewIcon } from '@fluentui/react-icons';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { isEqualIgnoreFunctions } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n noDataWrapper: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)'\n },\n chipContainer: {\n display: 'flex',\n gap: theme.spacing(1),\n flexWrap: 'wrap',\n marginTop: theme.spacing(1),\n margin: theme.spacing(0, 1)\n },\n chipContent: {\n margin: theme.spacing(1),\n marginBottom: 0\n }\n}));\n\nconst ListView = (props) => {\n const {\n data,\n listViewConfig,\n noWrapPrimaryText,\n viewEvent,\n showMarkerEvent,\n chipConfig\n } = props;\n const [activeChip, setActiveChip] = useState(null);\n const [filteredData, setFilteredData] = useState(data);\n const { t } = useTranslation();\n const classes = useStyles();\n\n //Set default active chip only when chipConfig changes\n useEffect(() => {\n if (!chipConfig \|\| chipConfig.length === 0) {\n setFilteredData(data);\n setActiveChip(null);\n return;\n }\n\n const defaultChip =\n chipConfig.find((chip) => chip?.default) ?? chipConfig[0];\n\n if (!activeChip) {\n setActiveChip(defaultChip);\n } else {\n const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);\n if (\n updatedChip &&\n (updatedChip !== activeChip \|\|\n !isEqualIgnoreFunctions(updatedChip, activeChip))\n ) {\n setActiveChip(updatedChip);\n } else if (!updatedChip) {\n // activeChip no longer exists in new config\n setActiveChip(defaultChip);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [chipConfig, activeChip]);\n\n //Update filtered data whenever data or activeChip changes\n useEffect(() => {\n if (!chipConfig \|\| chipConfig.length === 0) {\n setFilteredData(data);\n return;\n }\n\n if (activeChip?.filterData) {\n setFilteredData(activeChip.filterData(data, activeChip));\n } else {\n setFilteredData(data);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeChip, data]);\n\n const handleOnClickChip = useCallback(\n (chip) => {\n if (chip?.onClick) {\n chip?.onClick(data, chip);\n }\n\n setActiveChip(chip);\n },\n [data]\n );\n\n return (\n <div>\n {chipConfig?.length > 0 && (\n <div className={classes.chipContainer}>\n {chipConfig?.map((chip, index) => {\n return (\n <StatusChip\n key={`${index}-${chip?.label}`}\n label={chip?.label}\n status={chip?.id === activeChip?.id ? 'info' : 'default'}\n variant='outlined'\n icon={chip?.icon}\n onClick={() => {\n console.log('chip clicked', chip);\n handleOnClickChip(chip);\n }}\n isActionable={!chip?.disabled}\n />\n );\n })}\n </div>\n )}\n\n {activeChip?.content && (\n <div className={classes.chipContent}>{activeChip?.content}</div>\n )}\n {filteredData?.length > 0 ? (\n filteredData?.map((record, index) => {\n const extendedListData = listViewConfig?.extendedListFields?.map(\n (item) => {\n return {\n label: startCase(item),\n value: record[item] ?? 'N/A'\n };\n }\n );\n\n const buttons =\n listViewConfig?.iconButtons?.map((config) => ({\n ...config,\n onClick: () => {\n if (config?.onClick) {\n config?.onClick(record);\n }\n }\n })) ?? [];\n\n const iconButtons = [\n ...buttons,\n {\n title: t('Show Marker'),\n icon: MapPinIcon,\n onClick: () => {\n showMarkerEvent(record);\n }\n },\n {\n title: t('View'),\n icon: ViewIcon,\n onClick: () => {\n viewEvent(record);\n }\n }\n ];\n\n const title = listViewConfig?.getTitle\n ? listViewConfig?.getTitle(record)\n : record[listViewConfig?.titleField];\n\n return (\n <GridRow>\n <GridUnit>\n <CompactCard\n id={index}\n title={title}\n primaryText={record[listViewConfig?.primaryTextField]}\n secondaryText={record[listViewConfig?.secondaryTextField]}\n status={record[listViewConfig?.statusColor]?.toLowerCase()}\n statusLabel={record[listViewConfig?.statusLabel]}\n statusVariant={listViewConfig?.statusVariant}\n showAdornment={listViewConfig?.showAdornment}\n avatar={record[listViewConfig?.avatar]}\n imageAvatarSrc={record[listViewConfig?.imageAvatarSrc]}\n noWrap={noWrapPrimaryText}\n extendedList={extendedListData}\n iconButtons={iconButtons}\n />\n </GridUnit>\n </GridRow>\n );\n })\n ) : (\n <div className={classes.noDataWrapper}>\n <Typography variant='body1'>{t('No Data')}</Typography>\n </div>\n )}\n </div>\n );\n};\n\nexport default ListView;\n","import { ViewIcon } from '@fluentui/react-icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst ActionsRenderer = (props) => {\n const { openView, data, node } = props;\n const { t } = useTranslation();\n\n return (\n <div>\n {openView && !node?.group && (\n <IconButtonWithTooltip\n title={t('View')}\n size='small'\n onClick={() => {\n openView(data);\n }}\n icon={ViewIcon}\n />\n )}\n </div>\n );\n};\n\nexport default ActionsRenderer;\n"],"mappings":"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"}

package/dist/{AmChart-CTixft8X.js → AmChart-CITPijYq.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { a as UdpDonutChart, i as UdpLineChart, n as UdpXYMultiSeriesChart, o as UdpDistributionChart, r as UdpSankeyChart, t as UdpBarChart } from "./UdpBarChart-D2bfgm7n.js";
+import { a as UdpDonutChart, i as UdpLineChart, n as UdpXYMultiSeriesChart, o as UdpDistributionChart, r as UdpSankeyChart, t as UdpBarChart } from "./UdpBarChart-D50QkZv0.js";
 import React, { useMemo } from "react";
 import { makeStyles } from "@material-ui/core";
@@ -68,4 +68,4 @@ const AmChart = (props) => {
 //#endregion
 export { AmChart as t };
-//# sourceMappingURL=AmChart-CTixft8X.js.map
+//# sourceMappingURL=AmChart-CITPijYq.js.map

package/dist/{AmChart-CTixft8X.js.map → AmChart-CITPijYq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmChart-~~CTixft8X~~.js","names":[],"sources":["../src/UI/dataDisplay/visualization/amCharts/AmChart.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { UdpBarChart } from '../../../charts/amcharts/UdpBarChart';\nimport { UdpLineChart } from '../../../charts/amcharts/UdpLineChart';\nimport { UdpDistributionChart } from '../../../charts/amcharts/UdpDistributionChart';\nimport { UdpDonutChart } from '../../../charts/amcharts/UdpDonutChart';\nimport { UdpSankeyChart } from '../../../charts/amcharts/UdpSankeyChart';\nimport { UdpXYMultiSeriesChart } from '../../../charts/amcharts/UdpXYMultiSeriesChart';\n\nconst useStyles = makeStyles(() => ({\n chartWrapper: {\n height: '100%',\n width: '100%'\n }\n}));\n\ntype ChartType =\n \| 'sankey'\n \| 'bar'\n \| 'donut'\n \| 'line'\n \| 'distribution'\n \| 'xyMultiSeries';\n\nexport interface AmChartProps {\n chartType: ChartType;\n data?: any;\n dataMappingField?: any;\n labelFormat?: any;\n tooltipTextFormat?: any;\n [key: string]: any;\n}\n\nexport const AmChart = (props: AmChartProps): ReactElement \| null => {\n const {\n chartType,\n data,\n dataMappingField,\n labelFormat,\n tooltipTextFormat,\n ...otherProps\n } = props;\n const classes = useStyles();\n\n const chart: ReactElement \| null = useMemo(() => {\n switch (chartType) {\n case 'sankey':\n return (\n <UdpSankeyChart\n data={data}\n valueField={dataMappingField?.valueField}\n targetIdField={dataMappingField?.targetIdField}\n sourceIdField={dataMappingField?.sourceIdField}\n labelFormat={labelFormat}\n tooltipTextFormat={tooltipTextFormat}\n {...otherProps}\n />\n );\n case 'bar':\n return (\n <UdpBarChart\n data={data}\n valueField={dataMappingField?.valueField}\n labelField={dataMappingField?.labelField}\n {...otherProps}\n />\n );\n case 'donut':\n return (\n <UdpDonutChart\n data={data}\n valueField={dataMappingField?.valueField}\n labelField={dataMappingField?.labelField}\n hideLegend={false}\n {...otherProps}\n />\n );\n case 'line':\n return (\n <UdpLineChart\n data={data}\n xAxisField={dataMappingField?.xAxisField}\n yAxisField={dataMappingField?.yAxisField}\n {...otherProps}\n />\n );\n case 'distribution':\n return (\n <UdpDistributionChart\n data={data}\n valueField={dataMappingField?.valueField}\n {...otherProps}\n />\n );\n case 'xyMultiSeries':\n return (\n <UdpXYMultiSeriesChart\n hideLegend={false}\n xAxes={[]}\n yAxes={[]}\n series={[]}\n data={data}\n {...otherProps}\n />\n );\n default:\n return null;\n }\n }, [\n chartType,\n data,\n dataMappingField,\n labelFormat,\n otherProps,\n tooltipTextFormat\n ]);\n\n return <div className={classes.chartWrapper}>{chart}</div>;\n};\n"],"mappings":";;;;;AASA,MAAM,YAAY,kBAAkB,EAClC,cAAc;CACZ,QAAQ;CACR,OAAO;CACR,EACF,EAAE;AAmBH,MAAa,WAAW,UAA6C;CACnE,MAAM,EACJ,WACA,MACA,kBACA,aACA,mBACA,GAAG,eACD;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,QAA6B,cAAc;AAC/C,UAAQ,WAAR;GACE,KAAK,SACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACpB;IACM;IACnB,GAAI;KACJ;GAEN,KAAK,MACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,QACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,YAAY;IACZ,GAAI;KACJ;GAEN,KAAK,OACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,eACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,gBACH,QACE,oCAAC;IACC,YAAY;IACZ,OAAO,EAAE;IACT,OAAO,EAAE;IACT,QAAQ,EAAE;IACJ;IACN,GAAI;KACJ;GAEN,QACE,QAAO;;IAEV;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,oCAAC,SAAI,WAAW,QAAQ,gBAAe,MAAY"}
1	+ {"version":3,"file":"AmChart-CITPijYq.js","names":[],"sources":["../src/UI/dataDisplay/visualization/amCharts/AmChart.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { UdpBarChart } from '../../../charts/amcharts/UdpBarChart';\nimport { UdpLineChart } from '../../../charts/amcharts/UdpLineChart';\nimport { UdpDistributionChart } from '../../../charts/amcharts/UdpDistributionChart';\nimport { UdpDonutChart } from '../../../charts/amcharts/UdpDonutChart';\nimport { UdpSankeyChart } from '../../../charts/amcharts/UdpSankeyChart';\nimport { UdpXYMultiSeriesChart } from '../../../charts/amcharts/UdpXYMultiSeriesChart';\n\nconst useStyles = makeStyles(() => ({\n chartWrapper: {\n height: '100%',\n width: '100%'\n }\n}));\n\ntype ChartType =\n \| 'sankey'\n \| 'bar'\n \| 'donut'\n \| 'line'\n \| 'distribution'\n \| 'xyMultiSeries';\n\nexport interface AmChartProps {\n chartType: ChartType;\n data?: any;\n dataMappingField?: any;\n labelFormat?: any;\n tooltipTextFormat?: any;\n [key: string]: any;\n}\n\nexport const AmChart = (props: AmChartProps): ReactElement \| null => {\n const {\n chartType,\n data,\n dataMappingField,\n labelFormat,\n tooltipTextFormat,\n ...otherProps\n } = props;\n const classes = useStyles();\n\n const chart: ReactElement \| null = useMemo(() => {\n switch (chartType) {\n case 'sankey':\n return (\n <UdpSankeyChart\n data={data}\n valueField={dataMappingField?.valueField}\n targetIdField={dataMappingField?.targetIdField}\n sourceIdField={dataMappingField?.sourceIdField}\n labelFormat={labelFormat}\n tooltipTextFormat={tooltipTextFormat}\n {...otherProps}\n />\n );\n case 'bar':\n return (\n <UdpBarChart\n data={data}\n valueField={dataMappingField?.valueField}\n labelField={dataMappingField?.labelField}\n {...otherProps}\n />\n );\n case 'donut':\n return (\n <UdpDonutChart\n data={data}\n valueField={dataMappingField?.valueField}\n labelField={dataMappingField?.labelField}\n hideLegend={false}\n {...otherProps}\n />\n );\n case 'line':\n return (\n <UdpLineChart\n data={data}\n xAxisField={dataMappingField?.xAxisField}\n yAxisField={dataMappingField?.yAxisField}\n {...otherProps}\n />\n );\n case 'distribution':\n return (\n <UdpDistributionChart\n data={data}\n valueField={dataMappingField?.valueField}\n {...otherProps}\n />\n );\n case 'xyMultiSeries':\n return (\n <UdpXYMultiSeriesChart\n hideLegend={false}\n xAxes={[]}\n yAxes={[]}\n series={[]}\n data={data}\n {...otherProps}\n />\n );\n default:\n return null;\n }\n }, [\n chartType,\n data,\n dataMappingField,\n labelFormat,\n otherProps,\n tooltipTextFormat\n ]);\n\n return <div className={classes.chartWrapper}>{chart}</div>;\n};\n"],"mappings":";;;;;AASA,MAAM,YAAY,kBAAkB,EAClC,cAAc;CACZ,QAAQ;CACR,OAAO;CACR,EACF,EAAE;AAmBH,MAAa,WAAW,UAA6C;CACnE,MAAM,EACJ,WACA,MACA,kBACA,aACA,mBACA,GAAG,eACD;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,QAA6B,cAAc;AAC/C,UAAQ,WAAR;GACE,KAAK,SACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACpB;IACM;IACnB,GAAI;KACJ;GAEN,KAAK,MACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,QACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,YAAY;IACZ,GAAI;KACJ;GAEN,KAAK,OACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,eACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,gBACH,QACE,oCAAC;IACC,YAAY;IACZ,OAAO,EAAE;IACT,OAAO,EAAE;IACT,QAAQ,EAAE;IACJ;IACN,GAAI;KACJ;GAEN,QACE,QAAO;;IAEV;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,oCAAC,SAAI,WAAW,QAAQ,gBAAe,MAAY"}

package/dist/{AmbientAlert-DcYkGCUm.js → AmbientAlert-Ba_vefUx.js} RENAMED Viewed

@@ -39,4 +39,4 @@ const AmbientAlert = ({ alertButton, alertMessage, alertTitle, showAlert, alertS
 //#endregion
 export { AmbientAlert as t };
-//# sourceMappingURL=AmbientAlert-DcYkGCUm.js.map
+//# sourceMappingURL=AmbientAlert-Ba_vefUx.js.map

package/dist/{AmbientAlert-DcYkGCUm.js.map → AmbientAlert-Ba_vefUx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientAlert-~~DcYkGCUm~~.js","names":[],"sources":["../src/UI/feedback/AmbientAlert.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Button } from '@material-ui/core';\nimport { Alert, AlertTitle } from '@material-ui/lab';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n '@global': {\n '.MuiPaper-rounded': {\n borderRadius: 0,\n },\n },\n alertSuccess: {\n borderLeft: `4px solid ${theme.palette.success.main}`,\n },\n alertWarning: {\n borderLeft: `4px solid ${theme.palette.warning.main}`,\n },\n alertError: {\n borderLeft: `4px solid ${theme.palette.error.main}`,\n color: theme.palette.error.main,\n },\n alertInfo: {\n borderLeft: `4px solid ${theme.palette.info.main}`,\n },\n square: {\n borderRadius: 0,\n },\n}));\n\nexport const AmbientAlert = ({\n alertButton,\n alertMessage,\n alertTitle,\n showAlert,\n alertSeverity,\n closeAlert,\n alertAction,\n alertActionButton,\n alertHandleAction,\n ...otherProps\n}) => {\n const classes = useStyles();\n\n const alertColor = () => {\n if (alertSeverity === 'success') {\n let alertLevel = classes.alertSuccess;\n return alertLevel;\n } else if (alertSeverity === 'warning') {\n let alertLevel = classes.alertWarning;\n return alertLevel;\n } else if (alertSeverity === 'error') {\n let alertLevel = classes.alertError;\n return alertLevel;\n } else if (alertSeverity === 'info') {\n let alertLevel = classes.alertInfo;\n return alertLevel;\n }\n };\n\n return (\n <div>\n {showAlert && (\n <Alert\n classes={{ root: clsx(alertColor(), classes.square) }}\n {...otherProps}\n severity={alertSeverity}\n onClose={closeAlert}\n action={\n alertAction ? (\n <Button\n onClick={alertHandleAction}\n id='udpRecord-AmbientAlert-alertActionButton'\n udprecordid='udpRecord-AmbientAlert-alertActionButton'\n >\n {alertActionButton}\n </Button>\n ) : null\n }\n >\n {alertTitle && <AlertTitle>{alertTitle}</AlertTitle>}\n {alertMessage}\n </Alert>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,WAAW,EACT,qBAAqB,EACnB,cAAc,GACf,EACF;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,QAAQ,EACN,cAAc,GACf;CACF,EAAE;AAEH,MAAa,gBAAgB,EAC3B,aACA,cACA,YACA,WACA,eACA,YACA,aACA,mBACA,mBACA,GAAG,iBACC;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,mBAAmB;AACvB,MAAI,kBAAkB,UAEpB,QADiB,QAAQ;WAEhB,kBAAkB,UAE3B,QADiB,QAAQ;WAEhB,kBAAkB,QAE3B,QADiB,QAAQ;WAEhB,kBAAkB,OAE3B,QADiB,QAAQ;;AAK7B,QACE,oCAAC,aACE,aACC,oCAAC;EACC,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,QAAQ,OAAO,EAAE;EACrD,GAAI;EACJ,UAAU;EACV,SAAS;EACT,QACE,cACE,oCAAC;GACC,SAAS;GACT,IAAG;GACH,aAAY;KAEX,kBACM,GACP;IAGL,cAAc,oCAAC,kBAAY,WAAwB,EACnD,aACK,CAEN"}
1	+ {"version":3,"file":"AmbientAlert-Ba_vefUx.js","names":[],"sources":["../src/UI/feedback/AmbientAlert.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Button } from '@material-ui/core';\nimport { Alert, AlertTitle } from '@material-ui/lab';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n '@global': {\n '.MuiPaper-rounded': {\n borderRadius: 0,\n },\n },\n alertSuccess: {\n borderLeft: `4px solid ${theme.palette.success.main}`,\n },\n alertWarning: {\n borderLeft: `4px solid ${theme.palette.warning.main}`,\n },\n alertError: {\n borderLeft: `4px solid ${theme.palette.error.main}`,\n color: theme.palette.error.main,\n },\n alertInfo: {\n borderLeft: `4px solid ${theme.palette.info.main}`,\n },\n square: {\n borderRadius: 0,\n },\n}));\n\nexport const AmbientAlert = ({\n alertButton,\n alertMessage,\n alertTitle,\n showAlert,\n alertSeverity,\n closeAlert,\n alertAction,\n alertActionButton,\n alertHandleAction,\n ...otherProps\n}) => {\n const classes = useStyles();\n\n const alertColor = () => {\n if (alertSeverity === 'success') {\n let alertLevel = classes.alertSuccess;\n return alertLevel;\n } else if (alertSeverity === 'warning') {\n let alertLevel = classes.alertWarning;\n return alertLevel;\n } else if (alertSeverity === 'error') {\n let alertLevel = classes.alertError;\n return alertLevel;\n } else if (alertSeverity === 'info') {\n let alertLevel = classes.alertInfo;\n return alertLevel;\n }\n };\n\n return (\n <div>\n {showAlert && (\n <Alert\n classes={{ root: clsx(alertColor(), classes.square) }}\n {...otherProps}\n severity={alertSeverity}\n onClose={closeAlert}\n action={\n alertAction ? (\n <Button\n onClick={alertHandleAction}\n id='udpRecord-AmbientAlert-alertActionButton'\n udprecordid='udpRecord-AmbientAlert-alertActionButton'\n >\n {alertActionButton}\n </Button>\n ) : null\n }\n >\n {alertTitle && <AlertTitle>{alertTitle}</AlertTitle>}\n {alertMessage}\n </Alert>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,WAAW,EACT,qBAAqB,EACnB,cAAc,GACf,EACF;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,QAAQ,EACN,cAAc,GACf;CACF,EAAE;AAEH,MAAa,gBAAgB,EAC3B,aACA,cACA,YACA,WACA,eACA,YACA,aACA,mBACA,mBACA,GAAG,iBACC;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,mBAAmB;AACvB,MAAI,kBAAkB,UAEpB,QADiB,QAAQ;WAEhB,kBAAkB,UAE3B,QADiB,QAAQ;WAEhB,kBAAkB,QAE3B,QADiB,QAAQ;WAEhB,kBAAkB,OAE3B,QADiB,QAAQ;;AAK7B,QACE,oCAAC,aACE,aACC,oCAAC;EACC,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,QAAQ,OAAO,EAAE;EACrD,GAAI;EACJ,UAAU;EACV,SAAS;EACT,QACE,cACE,oCAAC;GACC,SAAS;GACT,IAAG;GACH,aAAY;KAEX,kBACM,GACP;IAGL,cAAc,oCAAC,kBAAY,WAAwB,EACnD,aACK,CAEN"}

package/dist/{AmbientStepper-BkhoDtpx.js → AmbientStepper-DSpZnJog.js} RENAMED Viewed

@@ -172,4 +172,4 @@ const AmbientStepper = ({ activeStep, steps, orientation }) => {
 //#endregion
 export { styles as n, AmbientStepper as t };
-//# sourceMappingURL=AmbientStepper-BkhoDtpx.js.map
+//# sourceMappingURL=AmbientStepper-DSpZnJog.js.map

package/dist/{AmbientStepper-BkhoDtpx.js.map → AmbientStepper-DSpZnJog.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientStepper-BkhoDtpx.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n */\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientStepper-DSpZnJog.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n */\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAKA,MAAa,UAAU,WAAW;CAEhC,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,sBAAsB,EACpB,eAAe,UAChB;EACD,cAAc,EACZ,QAAQ,WACT;EACF;CAED,YAAY,EAAE;CAEd,UAAU,EAAE;CAEZ,OAAO;EACL,OAAO,MAAM,QAAQ,KAAK;EAC1B,YAAY;GACV,OAAO,MAAM,QAAQ,KAAK;GAC1B,YAAY;GACb;EACD,eAAe;GACb,OAAO,MAAM,QAAQ,KAAK;GAC1B,YAAY;GACb;EACD,sBAAsB,EACpB,WAAW,UAEZ;EACD,WAAW,EACT,OAAO,MAAM,QAAQ,MAAM,MAC5B;EACF;CAED,QAAQ,EAAE;CAEV,WAAW,EAAE;CAEb,OAAO,EAAE;CAET,UAAU,EAAE;CAEZ,eAAe;EACb,YAAY;EACZ,SAAS;EACT,cAAc;EACd,sBAAsB,EACpB,cAAc,GACf;EACF;CAED,kBAAkB,EAAE;CAEpB,gBAAgB,EACd,OAAO,QACR;CACF;AAED,MAAMA,cAAYC,QAAM,WAAW,SAASD,YAAU,OAAO,KAAK;CAChE,MAAM,EAEJ,SAAS,OAET,mBAAmB,OACnB,UACA,SACA,WAEA,YAAY,OACZ,WAAW,OACX,QAAQ,OAER,UACA,MAEA,MACA,UAEA,cAAc,cACd,mBAAmB,uBACnB,eACA,GAAG,UACD;CAEJ,IAAI,oBAAoB;AAExB,QACE,sCAAC;EACC,WAAW,KACT,QAAQ,MACR,QAAQ,cACR;IACG,QAAQ,WAAW;IACnB,QAAQ,mBAAmB;IAC3B,QAAQ,QAAQ;GAClB,EACD,UACD;EACI;EACL,GAAI;IAEH,QAAQ,oBACP,sCAAC,UACC,WAAW,KAAK,QAAQ,eAAe,GACpC,QAAQ,mBAAmB,kBAC7B,CAAC,IAEF,sCAAC;EACY;EACH;EACD;EACD;EACN,GAAI;GACJ,CACG,GACL,MACJ,sCAAC,UAAK,WAAW,QAAQ,kBACtB,WACC,sCAAC;EACC,SAAQ;EACR,WAAU;EACV,SAAQ;EACR,WAAW,KAAK,QAAQ,OAAO;IAC5B,QAAQ,mBAAmB;IAC3B,QAAQ,YAAY;IACpB,QAAQ,SAAS;IACjB,QAAQ,QAAQ;GAClB,CAAC;IAED,SACU,GACX,MACH,SACI,CACF;EAET;AAEF,YAAU,YAAY;CAQpB,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAKrB,UAAU,UAAU;CAIpB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,UAAU,UAAU;CAIpB,mBAAmB,UAAU;CAI7B,eAAe,UAAU;CAC1B;AAED,YAAU,UAAU;;;;;AAMpB,MAAM,kBAAkB,WAAW,QAAQ,EAAE,MAAM,gBAAgB,CAAC,CAACA,YAAU;AAE/E,wBAAe;;;;AC3Lf,MAAM,iBAAiBE,aAAW;CAChC,kBAAkB;EAChB,KAAK;EACL,MAAM;EACN,OAAO;EACR;CACD,QAAQ,EACN,WAAW,EACT,aAAa,WACd,EACF;CACD,WAAW,EACT,WAAW,EACT,aAAa,WACd,EACF;CACD,MAAM;EACJ,aAAa;EACb,gBAAgB;EAChB,cAAc;EACf;CACF,CAAC,CAACC,gBAAc;AAEjB,MAAM,yBAAyBC,aAAW;CACxC,MAAM;EACJ,OAAO;EACP,SAAS;EACT,QAAQ;EACR,YAAY;EACb;CACD,QAAQ,EACN,OAAO,WACR;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,QAAQ;EACT;CACD,WAAW;EACT,OAAO;EACP,QAAQ;EACR,UAAU;EACX;CACD,WAAW,EACT,SAAS,QACV;CACD,aAAa,EACX,YAAY,QACb;CACF,CAAC;AAEF,MAAM,iBAAiB,UAAU;CAC/B,MAAM,UAAU,wBAAwB;CACxC,MAAM,EAAE,QAAQ,cAAc;AAE9B,QACE,oCAAC,SACC,WAAW,KAAK,QAAQ,MAAM,GAC3B,QAAQ,SAAS,QACnB,CAAC,IAED,YACC,oCAAC,SAAM,WAAW,QAAQ,YAAa,GAEvC,oCAAC,SAAI,WAAW,QAAQ,SAAU,CAEhC;;AAIV,cAAc,YAAY;CAIxB,QAAQ,UAAU;CAIlB,WAAW,UAAU;CACtB;AAED,MAAM,YAAYA,cAAY,WAAW;CACvC,MAAM,EACJ,OAAO,QACR;CACD,QAAQ,EACN,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,cAAc;EACZ,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,UAAU,EACR,WAAW,GACZ;CACF,EAAE;AAWH,MAAa,kBAAkB,EAAE,YAAY,OAAO,kBAAkB;CACpE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAACC;EACC,OAAO;GAAE,YAAY;GAAe,SAAS;GAAG;EAChD,SAAS,EAAE,MAAM,QAAQ,aAAa;EACtC;EACY;EACZ,WAAW,oCAAC,qBAAiB;EAC7B,YAAY;IAEX,MAAM,KAAK,UACV,oCAACC;EAAK,SAAS,EAAE,MAAM,QAAQ,UAAU;EAAE,KAAK;IAC9C,oCAACC;EACC,WAAW,QAAQ;EACnB,mBAAmB;IAEnB,oCAAC,UAAK,OAAO,EAAE,UAAU,IAAI,IAAG,MAAa,CACnC,CACP,CACP,CACM,CACN"}

package/dist/{AmbientToast-iliGNjGA.js → AmbientToast-CiI6QsTm.js} RENAMED Viewed

@@ -67,4 +67,4 @@ const AmbientToast = (props) => {
 //#endregion
 export { AmbientToast as t };
-//# sourceMappingURL=AmbientToast-iliGNjGA.js.map
+//# sourceMappingURL=AmbientToast-CiI6QsTm.js.map

package/dist/{AmbientToast-iliGNjGA.js.map → AmbientToast-CiI6QsTm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientToast-~~iliGNjGA~~.js","names":[],"sources":["../src/UI/feedback/AmbientToast.jsx"],"sourcesContent":["import React from 'react';\nimport { Button, makeStyles, Snackbar, useTheme } from '@material-ui/core'\nimport {FluentIconButton} from '../inputs/buttons/FluentIconButton'\nimport { ChromeCloseIcon } from '@fluentui/react-icons'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n maxWidth: 600,\n '& > * + *': {\n marginTop: theme.spacing(2),\n },\n display: 'flex'\n },\n alertSecondary: {\n borderLeft: `4px solid ${theme.palette.secondary.main}`\n },\n alertPrimary: {\n borderLeft: `4px solid ${theme.palette.primary.main}`\n },\n alertSuccess: {\n borderLeft: `4px solid ${theme.palette.success.main}`\n },\n alertWarning: {\n borderLeft: `4px solid ${theme.palette.warning.main}`\n },\n alertError: {\n borderLeft: `4px solid ${theme.palette.error.main}`,\n color: theme.palette.error.main\n },\n alertInfo: {\n borderLeft: `4px solid ${theme.palette.info.main}`\n },\n '@global': {\n '.MuiSnackbarContent-root': {\n borderRadius: 0,\n },\n }\n}));\n\nexport const AmbientToast = (props) => {\n const classes = useStyles(props);\n\n const {noticeType, noticeButton, noticeMessage, closeNotice, noticeOpen, noticeAction} = props;\n\n const theme = useTheme()\n\n const alertColor = () => {\n if(noticeType === 'secondary') {\n let alertLevel = classes.alertSecondary\n return alertLevel\n \n } else if (noticeType === 'primary') {\n let alertLevel = classes.alertPrimary\n return alertLevel\n } else if (noticeType === 'success') {\n let alertLevel = classes.alertSuccess\n return alertLevel\n } else if (noticeType === 'warning') {\n let alertLevel = classes.alertWarning\n return alertLevel\n } else if (noticeType === 'error') {\n let alertLevel = classes.alertError\n return alertLevel\n } else if (noticeType === 'info') {\n let alertLevel = classes.alertInfo\n return alertLevel\n }\n }\n\n\n const alertText = () => {\n if(noticeType === 'secondary'){\n return theme.palette.secondary.main\n } else if (noticeType === 'primary') {\n return theme.palette.primary.main\n } else if (noticeType === 'success') {\n return theme.palette.success.main\n } else if (noticeType === 'warning') {\n return theme.palette.warning.main\n } else if (noticeType === 'error') {\n return theme.palette.error.main\n } else if (noticeType === 'info') {\n return theme.palette.info.main\n }\n }\n\n return (\n <div className={classes.root}> \n <Snackbar\n classes={{root: alertColor() }}\n anchorOrigin={{ vertical:'bottom', horizontal:'right' }}\n open={noticeOpen}\n onClose={closeNotice}\n message={noticeMessage}\n key={1}\n action={\n <div>\n <Button style={{color: alertText()}} size=\"small\" onClick={noticeAction}>\n {noticeButton}\n </Button>\n <FluentIconButton\n style={{color: 'white'}}\n size=\"small\"\n onClick={closeNotice}\n icon={ChromeCloseIcon}\n className={classes.icon}\n />\n </div>\n }\n />\n </div>\n );\n}"],"mappings":";;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,aAAa,EACX,WAAW,MAAM,QAAQ,EAAE,EAC5B;EACD,SAAS;EACV;CACD,gBAAgB,EACd,YAAY,aAAa,MAAM,QAAQ,UAAU,QAClD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,WAAW,EACT,4BAA4B,EAC1B,cAAc,GACf,EACF;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAC,YAAY,cAAc,eAAe,aAAa,YAAY,iBAAgB;CAEzF,MAAM,QAAQ,UAAU;CAExB,MAAM,mBAAmB;AACvB,MAAG,eAAe,YAEhB,QADiB,QAAQ;WAGhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,QAExB,QADiB,QAAQ;WAEhB,eAAe,OAExB,QADiB,QAAQ;;CAM7B,MAAM,kBAAkB;AACtB,MAAG,eAAe,YAChB,QAAO,MAAM,QAAQ,UAAU;WACtB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,QACxB,QAAO,MAAM,QAAQ,MAAM;WAClB,eAAe,OACxB,QAAO,MAAM,QAAQ,KAAK;;AAI9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAS,EAAC,MAAM,YAAY,EAAE;EAC9B,cAAc;GAAE,UAAS;GAAU,YAAW;GAAS;EACvD,MAAM;EACN,SAAS;EACT,SAAS;EACT,KAAK;EACL,QACE,oCAAC,aACC,oCAAC;GAAO,OAAO,EAAC,OAAO,WAAW,EAAC;GAAE,MAAK;GAAQ,SAAS;KACxD,aACM,EACT,oCAAC;GACG,OAAO,EAAC,OAAO,SAAQ;GACjB,MAAK;GACL,SAAS;GACT,MAAM;GACN,WAAW,QAAQ;IACnB,CACN;GAER,CACE"}
1	+ {"version":3,"file":"AmbientToast-CiI6QsTm.js","names":[],"sources":["../src/UI/feedback/AmbientToast.jsx"],"sourcesContent":["import React from 'react';\nimport { Button, makeStyles, Snackbar, useTheme } from '@material-ui/core'\nimport {FluentIconButton} from '../inputs/buttons/FluentIconButton'\nimport { ChromeCloseIcon } from '@fluentui/react-icons'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n maxWidth: 600,\n '& > * + *': {\n marginTop: theme.spacing(2),\n },\n display: 'flex'\n },\n alertSecondary: {\n borderLeft: `4px solid ${theme.palette.secondary.main}`\n },\n alertPrimary: {\n borderLeft: `4px solid ${theme.palette.primary.main}`\n },\n alertSuccess: {\n borderLeft: `4px solid ${theme.palette.success.main}`\n },\n alertWarning: {\n borderLeft: `4px solid ${theme.palette.warning.main}`\n },\n alertError: {\n borderLeft: `4px solid ${theme.palette.error.main}`,\n color: theme.palette.error.main\n },\n alertInfo: {\n borderLeft: `4px solid ${theme.palette.info.main}`\n },\n '@global': {\n '.MuiSnackbarContent-root': {\n borderRadius: 0,\n },\n }\n}));\n\nexport const AmbientToast = (props) => {\n const classes = useStyles(props);\n\n const {noticeType, noticeButton, noticeMessage, closeNotice, noticeOpen, noticeAction} = props;\n\n const theme = useTheme()\n\n const alertColor = () => {\n if(noticeType === 'secondary') {\n let alertLevel = classes.alertSecondary\n return alertLevel\n \n } else if (noticeType === 'primary') {\n let alertLevel = classes.alertPrimary\n return alertLevel\n } else if (noticeType === 'success') {\n let alertLevel = classes.alertSuccess\n return alertLevel\n } else if (noticeType === 'warning') {\n let alertLevel = classes.alertWarning\n return alertLevel\n } else if (noticeType === 'error') {\n let alertLevel = classes.alertError\n return alertLevel\n } else if (noticeType === 'info') {\n let alertLevel = classes.alertInfo\n return alertLevel\n }\n }\n\n\n const alertText = () => {\n if(noticeType === 'secondary'){\n return theme.palette.secondary.main\n } else if (noticeType === 'primary') {\n return theme.palette.primary.main\n } else if (noticeType === 'success') {\n return theme.palette.success.main\n } else if (noticeType === 'warning') {\n return theme.palette.warning.main\n } else if (noticeType === 'error') {\n return theme.palette.error.main\n } else if (noticeType === 'info') {\n return theme.palette.info.main\n }\n }\n\n return (\n <div className={classes.root}> \n <Snackbar\n classes={{root: alertColor() }}\n anchorOrigin={{ vertical:'bottom', horizontal:'right' }}\n open={noticeOpen}\n onClose={closeNotice}\n message={noticeMessage}\n key={1}\n action={\n <div>\n <Button style={{color: alertText()}} size=\"small\" onClick={noticeAction}>\n {noticeButton}\n </Button>\n <FluentIconButton\n style={{color: 'white'}}\n size=\"small\"\n onClick={closeNotice}\n icon={ChromeCloseIcon}\n className={classes.icon}\n />\n </div>\n }\n />\n </div>\n );\n}"],"mappings":";;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,aAAa,EACX,WAAW,MAAM,QAAQ,EAAE,EAC5B;EACD,SAAS;EACV;CACD,gBAAgB,EACd,YAAY,aAAa,MAAM,QAAQ,UAAU,QAClD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,WAAW,EACT,4BAA4B,EAC1B,cAAc,GACf,EACF;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAC,YAAY,cAAc,eAAe,aAAa,YAAY,iBAAgB;CAEzF,MAAM,QAAQ,UAAU;CAExB,MAAM,mBAAmB;AACvB,MAAG,eAAe,YAEhB,QADiB,QAAQ;WAGhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,QAExB,QADiB,QAAQ;WAEhB,eAAe,OAExB,QADiB,QAAQ;;CAM7B,MAAM,kBAAkB;AACtB,MAAG,eAAe,YAChB,QAAO,MAAM,QAAQ,UAAU;WACtB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,QACxB,QAAO,MAAM,QAAQ,MAAM;WAClB,eAAe,OACxB,QAAO,MAAM,QAAQ,KAAK;;AAI9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAS,EAAC,MAAM,YAAY,EAAE;EAC9B,cAAc;GAAE,UAAS;GAAU,YAAW;GAAS;EACvD,MAAM;EACN,SAAS;EACT,SAAS;EACT,KAAK;EACL,QACE,oCAAC,aACC,oCAAC;GAAO,OAAO,EAAC,OAAO,WAAW,EAAC;GAAE,MAAK;GAAQ,SAAS;KACxD,aACM,EACT,oCAAC;GACG,OAAO,EAAC,OAAO,SAAQ;GACjB,MAAK;GACL,SAAS;GACT,MAAM;GACN,WAAW,QAAQ;IACnB,CACN;GAER,CACE"}

package/dist/{AmbientToggleButtonGroup-DgFod3VK.js → AmbientToggleButtonGroup-CqtJnv9Z.js} RENAMED Viewed

@@ -84,4 +84,4 @@ AmbientToggleButtonGroup.propTypes = {
 //#endregion
 export { AmbientToggleButtonGroup as t };
-//# sourceMappingURL=AmbientToggleButtonGroup-DgFod3VK.js.map
+//# sourceMappingURL=AmbientToggleButtonGroup-CqtJnv9Z.js.map

package/dist/{AmbientToggleButtonGroup-DgFod3VK.js.map → AmbientToggleButtonGroup-CqtJnv9Z.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientToggleButtonGroup-~~DgFod3VK~~.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx"],"sourcesContent":["import React, {forwardRef, Children, isValidElement, cloneElement} from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport isValueSelected from '../../../utilities/isValueSelected';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils';\n\nconst useStyles = makeStyles((theme) => ({\n item: {\n marginRight: 8\n },\n /* Styles applied to the root element. /\n root: {\n display: 'inline-flex',\n padding: 0\n },\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {\n flexDirection: 'column',\n },\n / Styles applied to the children. /\n grouped: {},\n / Styles applied to the children if `orientation=\"horizontal\"`. /\n groupedHorizontal: {\n borderRadius: 25,\n padding: 0,\n paddingRight: 16,\n '&:not(:first-child)': {\n marginTop: 16,\n borderRadius: 25,\n paddingRight: 16,\n padding: 0\n },\n '&:not(:last-child)': {\n padding: 0,\n borderRadius: 25,\n paddingRight: 16,\n },\n \n },\n}))\n\n\n\nexport const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {\n const {\n children,\n // classes,\n className,\n exclusive = false,\n onChange,\n orientation = 'horizontal',\n size = 'medium',\n value,\n ...other\n } = props;\n\n const classes = useStyles()\n\n const handleChange = (event, buttonValue) => {\n if (!onChange) {\n return;\n }\n\n const index = value && value.indexOf(buttonValue);\n let newValue;\n\n if (value && index >= 0) {\n newValue = value.slice();\n newValue.splice(index, 1);\n } else {\n newValue = value ? value.concat(buttonValue) : [buttonValue];\n }\n\n onChange(event, newValue);\n };\n\n const handleExclusiveChange = (event, buttonValue) => {\n if (!onChange) {\n return;\n }\n\n onChange(event, value === buttonValue ? null : buttonValue);\n };\n\n return (\n <div\n role=\"group\"\n className={clsx(\n classes.root,\n {\n [classes.vertical]: orientation === 'vertical',\n },\n className,\n )}\n ref={ref}\n {...other}\n >\n {Children.map(children, (child) => {\n if (!isValidElement(child)) {\n return null;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error(\n [\n \"Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.\",\n 'Consider providing an array instead.',\n ].join('\\n'),\n );\n }\n }\n\n return cloneElement(child, {\n className: clsx(\n classes.grouped,\n classes[`grouped${capitalize(orientation)}`],\n child.props.className,\n ),\n onChange: exclusive ? handleExclusiveChange : handleChange,\n selected:\n child.props.selected === undefined\n ? isValueSelected(child.props.value, value)\n : child.props.selected,\n size: child.props.size \|\| size,\n });\n })}\n </div>\n );\n});\n\nAmbientToggleButtonGroup.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n The content of the button.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n If `true`, only allow one of the child ToggleButton values to be selected.\n /\n exclusive: PropTypes.bool,\n /\n Callback fired when the value changes.\n \n @param {object} event The event source of the callback.\n * @param {any} value of the selected buttons. When `exclusive` is true\n * this is a single value; when false an array of selected values. If no value\n * is selected and `exclusive` is true the value is null; when false an empty array.\n /\n onChange: PropTypes.func,\n /\n The group orientation (layout flow direction).\n /\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /\n The size of the buttons.\n /\n size: PropTypes.oneOf(['large', 'medium', 'small']),\n /\n The currently selected value within the group or an array of selected\n * values when `exclusive` is false.\n \n The value must have reference equality with the option in order to be selected.\n */\n value: PropTypes.any,\n};\n\n// export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,aAAa,GACd;CAEA,MAAM;EACL,SAAS;EACT,SAAS;EACV;CAED,UAAU,EACR,eAAe,UAChB;CAED,SAAS,EAAE;CAEX,mBAAmB;EACjB,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EAEC;CACH,EAAE;AAIH,MAAa,2BAA2B,WAAW,SAAS,oBAAoB,OAAO,KAAK;CAC1F,MAAM,EACJ,UAEA,WACA,YAAY,OACZ,UACA,cAAc,cACd,OAAO,UACP,OACA,GAAG,UACD;CAEJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,OAAO,gBAAgB;AAC3C,MAAI,CAAC,SACH;EAGF,MAAM,QAAQ,SAAS,MAAM,QAAQ,YAAY;EACjD,IAAI;AAEJ,MAAI,SAAS,SAAS,GAAG;AACvB,cAAW,MAAM,OAAO;AACxB,YAAS,OAAO,OAAO,EAAE;QAEzB,YAAW,QAAQ,MAAM,OAAO,YAAY,GAAG,CAAC,YAAY;AAG9D,WAAS,OAAO,SAAS;;CAG3B,MAAM,yBAAyB,OAAO,gBAAgB;AACpD,MAAI,CAAC,SACH;AAGF,WAAS,OAAO,UAAU,cAAc,OAAO,YAAY;;AAG7D,QACE,oCAAC;EACC,MAAK;EACL,WAAW,KACT,QAAQ,MACR,GACG,QAAQ,WAAW,gBAAgB,YACrC,EACD,UACD;EACI;EACL,GAAI;IAEH,SAAS,IAAI,WAAW,UAAU;AACjC,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,cAC3B;OAAI,WAAW,MAAM,CACnB,SAAQ,MACN,CACE,sFACA,uCACD,CAAC,KAAK,KAAK,CACb;;AAIL,SAAO,aAAa,OAAO;GACzB,WAAW,KACT,QAAQ,SACR,QAAQ,UAAU,WAAW,YAAY,KACzC,MAAM,MAAM,UACb;GACD,UAAU,YAAY,wBAAwB;GAC9C,UACE,MAAM,MAAM,aAAa,SACrB,gBAAgB,MAAM,MAAM,OAAO,MAAM,GACzC,MAAM,MAAM;GAClB,MAAM,MAAM,MAAM,QAAQ;GAC3B,CAAC;GACF,CACE;EAER;AAEF,yBAAyB,YAAY;CAQnC,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAIrB,WAAW,UAAU;CASrB,UAAU,UAAU;CAIpB,aAAa,UAAU,MAAM,CAAC,cAAc,WAAW,CAAC;CAIxD,MAAM,UAAU,MAAM;EAAC;EAAS;EAAU;EAAQ,CAAC;CAOnD,OAAO,UAAU;CAClB"}
1	+ {"version":3,"file":"AmbientToggleButtonGroup-CqtJnv9Z.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx"],"sourcesContent":["import React, {forwardRef, Children, isValidElement, cloneElement} from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport isValueSelected from '../../../utilities/isValueSelected';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils';\n\nconst useStyles = makeStyles((theme) => ({\n item: {\n marginRight: 8\n },\n /* Styles applied to the root element. /\n root: {\n display: 'inline-flex',\n padding: 0\n },\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {\n flexDirection: 'column',\n },\n / Styles applied to the children. /\n grouped: {},\n / Styles applied to the children if `orientation=\"horizontal\"`. /\n groupedHorizontal: {\n borderRadius: 25,\n padding: 0,\n paddingRight: 16,\n '&:not(:first-child)': {\n marginTop: 16,\n borderRadius: 25,\n paddingRight: 16,\n padding: 0\n },\n '&:not(:last-child)': {\n padding: 0,\n borderRadius: 25,\n paddingRight: 16,\n },\n \n },\n}))\n\n\n\nexport const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {\n const {\n children,\n // classes,\n className,\n exclusive = false,\n onChange,\n orientation = 'horizontal',\n size = 'medium',\n value,\n ...other\n } = props;\n\n const classes = useStyles()\n\n const handleChange = (event, buttonValue) => {\n if (!onChange) {\n return;\n }\n\n const index = value && value.indexOf(buttonValue);\n let newValue;\n\n if (value && index >= 0) {\n newValue = value.slice();\n newValue.splice(index, 1);\n } else {\n newValue = value ? value.concat(buttonValue) : [buttonValue];\n }\n\n onChange(event, newValue);\n };\n\n const handleExclusiveChange = (event, buttonValue) => {\n if (!onChange) {\n return;\n }\n\n onChange(event, value === buttonValue ? null : buttonValue);\n };\n\n return (\n <div\n role=\"group\"\n className={clsx(\n classes.root,\n {\n [classes.vertical]: orientation === 'vertical',\n },\n className,\n )}\n ref={ref}\n {...other}\n >\n {Children.map(children, (child) => {\n if (!isValidElement(child)) {\n return null;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error(\n [\n \"Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.\",\n 'Consider providing an array instead.',\n ].join('\\n'),\n );\n }\n }\n\n return cloneElement(child, {\n className: clsx(\n classes.grouped,\n classes[`grouped${capitalize(orientation)}`],\n child.props.className,\n ),\n onChange: exclusive ? handleExclusiveChange : handleChange,\n selected:\n child.props.selected === undefined\n ? isValueSelected(child.props.value, value)\n : child.props.selected,\n size: child.props.size \|\| size,\n });\n })}\n </div>\n );\n});\n\nAmbientToggleButtonGroup.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n The content of the button.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n If `true`, only allow one of the child ToggleButton values to be selected.\n /\n exclusive: PropTypes.bool,\n /\n Callback fired when the value changes.\n \n @param {object} event The event source of the callback.\n * @param {any} value of the selected buttons. When `exclusive` is true\n * this is a single value; when false an array of selected values. If no value\n * is selected and `exclusive` is true the value is null; when false an empty array.\n /\n onChange: PropTypes.func,\n /\n The group orientation (layout flow direction).\n /\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n /\n The size of the buttons.\n /\n size: PropTypes.oneOf(['large', 'medium', 'small']),\n /\n The currently selected value within the group or an array of selected\n * values when `exclusive` is false.\n \n The value must have reference equality with the option in order to be selected.\n */\n value: PropTypes.any,\n};\n\n// export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,aAAa,GACd;CAEA,MAAM;EACL,SAAS;EACT,SAAS;EACV;CAED,UAAU,EACR,eAAe,UAChB;CAED,SAAS,EAAE;CAEX,mBAAmB;EACjB,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EAEC;CACH,EAAE;AAIH,MAAa,2BAA2B,WAAW,SAAS,oBAAoB,OAAO,KAAK;CAC1F,MAAM,EACJ,UAEA,WACA,YAAY,OACZ,UACA,cAAc,cACd,OAAO,UACP,OACA,GAAG,UACD;CAEJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,OAAO,gBAAgB;AAC3C,MAAI,CAAC,SACH;EAGF,MAAM,QAAQ,SAAS,MAAM,QAAQ,YAAY;EACjD,IAAI;AAEJ,MAAI,SAAS,SAAS,GAAG;AACvB,cAAW,MAAM,OAAO;AACxB,YAAS,OAAO,OAAO,EAAE;QAEzB,YAAW,QAAQ,MAAM,OAAO,YAAY,GAAG,CAAC,YAAY;AAG9D,WAAS,OAAO,SAAS;;CAG3B,MAAM,yBAAyB,OAAO,gBAAgB;AACpD,MAAI,CAAC,SACH;AAGF,WAAS,OAAO,UAAU,cAAc,OAAO,YAAY;;AAG7D,QACE,oCAAC;EACC,MAAK;EACL,WAAW,KACT,QAAQ,MACR,GACG,QAAQ,WAAW,gBAAgB,YACrC,EACD,UACD;EACI;EACL,GAAI;IAEH,SAAS,IAAI,WAAW,UAAU;AACjC,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,cAC3B;OAAI,WAAW,MAAM,CACnB,SAAQ,MACN,CACE,sFACA,uCACD,CAAC,KAAK,KAAK,CACb;;AAIL,SAAO,aAAa,OAAO;GACzB,WAAW,KACT,QAAQ,SACR,QAAQ,UAAU,WAAW,YAAY,KACzC,MAAM,MAAM,UACb;GACD,UAAU,YAAY,wBAAwB;GAC9C,UACE,MAAM,MAAM,aAAa,SACrB,gBAAgB,MAAM,MAAM,OAAO,MAAM,GACzC,MAAM,MAAM;GAClB,MAAM,MAAM,MAAM,QAAQ;GAC3B,CAAC;GACF,CACE;EAER;AAEF,yBAAyB,YAAY;CAQnC,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAIrB,WAAW,UAAU;CASrB,UAAU,UAAU;CAIpB,aAAa,UAAU,MAAM,CAAC,cAAc,WAAW,CAAC;CAIxD,MAAM,UAAU,MAAM;EAAC;EAAS;EAAU;EAAQ,CAAC;CAOnD,OAAO,UAAU;CAClB"}

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

@@ -3,9 +3,9 @@ import { t as AmbientCard } from "./AmbientCard-DhAiVDYD.js";
 import { t as AmbientToggleButton } from "./AmbientToggleButton-BjyjXj8S.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-buICwVdO.js";
+import { t as FluentTabPanel } from "./FluentTabPanel-C8kO8Xo-.js";
+import { t as AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-CqtJnv9Z.js";
+import { t as AmbientVisualizer } from "./AmbientVisualizer-DqNCW3vX.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-CivQRhmD.js.map
+//# sourceMappingURL=AmbientVisualizationCard-Dt07i5W-.js.map

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

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

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

@@ -1,6 +1,6 @@
 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 { t as FluentDisplayNumbers_default } from "./FluentDisplayNumbers-BR-gZN5l.js";
 import React, { useState } from "react";
 import { Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
 import { MuiVegaLite } from "@material-vega/material-ui";
@@ -624,4 +624,4 @@ const AmbientVisualizer = ({ values, visualization, verticalBarWidth = 70, verti
 //#endregion
 export { GaugeGraph as n, RatioVisulization as r, AmbientVisualizer as t };
-//# sourceMappingURL=AmbientVisualizer-buICwVdO.js.map
+//# sourceMappingURL=AmbientVisualizer-DqNCW3vX.js.map