udp-react-enterprise-component-library 25.16.2-beta.6 → 25.16.2-beta.8

package/dist/dataDisplay-Byxg20mA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataDisplay-Byxg20mA.js","names":["useStyles","MuiList","useStyles","PropTypes","useStyles","PropTypes"],"sources":["../src/UI/dataDisplay/AmbientList.jsx","../src/UI/dataDisplay/StatusFlags.jsx","../src/UI/dataDisplay/TimelineCalendar.jsx","../src/UI/dataDisplay/FluentListElement.jsx","../src/UI/dataDisplay/GraphCard.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  Typography,\n  Box,\n  List as MuiList,\n  ListItem,\n  ListItemText,\n  Divider,\n  ListItemAvatar,\n  Avatar,\n  ListItemIcon\n} from '@material-ui/core';\nimport { ErrorIcon } from '@fluentui/react-icons';\nimport { StatusChip } from './StatusChip';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    backgroundColor: theme.palette.secondary.light,\n    color: theme.palette.getContrastText(theme.palette.secondary.light)\n  },\n  denseAvatar: {\n    width: theme.spacing(3.75),\n    height: theme.spacing(3.75),\n    margin: '4px 0px'\n  },\n  list: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    maxHeight: (props) => props?.maxHeight || 343,\n    overflow: 'auto',\n    height: (props) => props?.listHeight\n  },\n  listItem: {\n    padding: '0px 15px'\n  },\n  status: {\n    marginLeft: theme.spacing(1)\n  },\n  noDataMessage: {\n    height: (props) => props?.noDataHeight,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px'\n  }\n}));\n\nconst DefaultFieldConfig = {\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText'\n};\n\nexport const AmbientList = (props) => {\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const {\n    data,\n    useAvatar = true,\n    getItemIcon = () => {},\n    getItemStatus = () => {},\n    onItemClick = () => {},\n    fieldConfig = DefaultFieldConfig,\n    noDataMessage = 'No data available'\n  } = props;\n\n  if (!data || data.length === 0) {\n    return (\n        <>\n        <LayoutUnit unit=\"xxs\" />\n        <EmptyStateDisplay icon={ErrorIcon} primaryText={noDataMessage}  />\n        <LayoutUnit unit=\"xxs\" />\n        </>\n    );\n  }\n\n  return (\n    <MuiList className={classes?.list}>\n      {data?.map((item, index) => {\n        const status = getItemStatus(item);\n        const icon = getItemIcon(item);\n\n        return (\n          <>\n            <ListItem\n              button\n              className={classes.listItem}\n              onClick={() => onItemClick(item)}\n            >\n              {useAvatar && icon ? (\n                <ListItemAvatar>\n                  <Avatar\n                    className={clsx(classes.avatar, {\n                      [classes.denseAvatar]:\n                        !item?.[fieldConfig?.primaryText] ||\n                        !item?.[fieldConfig?.secondaryText]\n                    })}\n                    sizes='large'\n                  >\n                    <FluentIcon component={icon} size='small' />\n                  </Avatar>\n                </ListItemAvatar>\n              ) : (\n                <div>\n                  {icon && (\n                    <ListItemIcon>\n                      <FluentIcon\n                        component={icon}\n                        size={\n                          !item?.[fieldConfig?.primaryText] ||\n                          !item?.[fieldConfig?.secondaryText]\n                            ? 'medium'\n                            : 'large'\n                        }\n                        color={theme.palette.secondary.main}\n                      />\n                    </ListItemIcon>\n                  )}\n                </div>\n              )}\n              {/*\n              Note: The primary and secondary typography variant is flipped because\n              it is in incorrect in our theme. Temporary fix until we fix the theme.\n              */}\n              <ListItemText\n                primary={item?.[fieldConfig?.primaryText]}\n                secondary={item?.[fieldConfig?.secondaryText]}\n                primaryTypographyProps={{\n                  variant: 'body2',\n                  color: 'textPrimary'\n                }}\n                secondaryTypographyProps={{\n                  variant: 'body1',\n                  color: 'textSecondary'\n                }}\n              />\n              <ListItemText disableTypography>\n                <Typography align='right'>\n                  {item?.[fieldConfig?.subText]}\n                </Typography>\n              </ListItemText>\n\n              {status?.label && (\n                <Box\n                  display='flex'\n                  flexDirection='column'\n                  justifyContent='center'\n                  alignItems='flex-end'\n                  className={classes.status}\n                >\n                  <StatusChip\n                    status={status?.status ?? 'info'}\n                    label={status?.label}\n                  />\n                </Box>\n              )}\n            </ListItem>\n            <Divider />\n          </>\n        );\n      })}\n    </MuiList>\n  );\n};\n\nAmbientList.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object),\n  useAvatar: PropTypes.bool,\n  getItemIcon: PropTypes.func,\n  getItemStatus: PropTypes.func,\n  onItemClick: PropTypes.func,\n  fieldConfig: PropTypes.shape({\n    primaryText: PropTypes.string,\n    secondaryText: PropTypes.string,\n    subText: PropTypes.string\n  }),\n  noDataMessage: PropTypes.string,\n  maxHeight: PropTypes.number,\n  listHeight: PropTypes.string,\n  noDataHeight: PropTypes.string\n};\n","import React from 'react';\nimport { Box, Chip, Avatar, useTheme, makeStyles, lighten } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { PropTypes } from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    alignItems: 'flex-end',\n    gap: '6px',\n    flexWrap: 'wrap',\n    flexDirection: 'row-reverse'\n  },\n  skeleton:{\n    borderRadius: '5px',\n    minWidth: '323px'\n  }\n}));\n\nexport const AccountFlags = (props) => {\n  const { isLoading, flagList } = props;\n\n  const classes = useStyles(props);\n  const theme = useTheme();\n  const lightValue = 0.5;\n\n  const SeverityRange = {\n    success: {\n      textColor: theme.palette.success.light,\n      backgroundColor: lighten(theme.palette.success.light, lightValue),\n    },\n    warning: {\n      textColor: theme.palette.warning.light,\n      backgroundColor: lighten(theme.palette.warning.light, lightValue),\n    },\n    alert: {\n      textColor: theme.palette.error.light,\n      backgroundColor: lighten(theme.palette.error.light, lightValue),\n    },\n    info: {\n      textColor: theme.palette.primary.light,\n      backgroundColor: lighten(theme.palette.primary.light, lightValue),\n    }\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <Skeleton\n          variant='rect'\n          width='100%'\n          height='60px'\n          className={classes.skeleton}\n        />\n      ) : (\n        <Box display='flex' className={classes.rootContainer}>\n          {flagList &&\n            flagList.length > 0 &&\n            flagList.map((item, index) => {\n              const {\n                label = 'Default',\n                severity = 'info',\n                textColor,\n                backgroundColor,\n                customColorRange\n              } = item;\n\n              const colorRange = customColorRange ?? SeverityRange;\n              const background = backgroundColor || colorRange[severity]?.backgroundColor;\n              const selectedTextColor = textColor || colorRange[severity]?.textColor;\n\n              return (\n                <Chip\n                  label={label}\n                  avatar={\n                    <Avatar style={{ backgroundColor: selectedTextColor }}>\n                      {label[0]?.toUpperCase() || 'F'}\n                    </Avatar>\n                  }\n                  style={{ backgroundColor: background }}\n                />\n              );\n            })}\n        </Box>\n      )}\n    </div>\n  );\n};\n\nAccountFlags.propTypes = {\n  /** @type {?bool} loading indicator */\n  isLoading: PropTypes.bool,\n\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  label: 'Flag Name',\n   *  severity: 'Warning',       -- Determine the color of the flag\n   *  textColor: string,         -- optional text color, if it's not specified then it will use the severity object color'\n   *  backgroundColor: string,   -- optional background color, if it's not specified then it will use the severity object color'\n   * }]\n   */\n  flagList: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} optional object to specify custom or additional colors e.g\n   * {\n   *  success: {\n   *    textColor: '#4CAF50',\n   *    backgroundColor: 'rgba(76, 175, 80, 0.25)',\n   *  },\n   *  warning: {\n   *    textColor: '#FFB547',\n   *    backgroundColor: 'rgba(255, 152, 0, 0.25)',\n   *  }\n   * }\n   */\n  customColorRange: PropTypes.object\n};\n","import React from 'react';\nimport { ResourceTimelineCalendar } from 'udp-react-stencil-component-library';\n\nexport const TimelineCalendar = (props) => {\n  const { ...other } = props;\n\n  return <ResourceTimelineCalendar {...other} />;\n};\n","import React from 'react'\nimport { makeStyles, Typography, Divider, Link } from '@material-ui/core'\nimport { StatusChip } from './StatusChip'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    lineHeight: 2\n  },\n  value: {\n    flex: 1\n  }\n}))\n\nexport const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.wrapper}>\n        <Typography className={classes.value} variant='body2'>\n          {subject} {subject && ':'}\n        </Typography>\n        {status && <StatusChip status={status} label={value} />}\n        {anchor && href ? \n          <Link href={href} variant='body2' underline=\"hover\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <strong>{value}</strong>\n          </Link>\n          :\n          !status ?\n            <Typography variant='body2'>\n              <strong>{value}</strong>\n            </Typography>\n          :\n          null\n        }\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { PropTypes } from 'prop-types';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  infoPanel: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    padding: '10px 32px'\n  },\n  graphSection: {\n    overflow: 'hidden',\n    '& svg': {\n      width: '100%',\n      height: '100%'\n    },\n    '& .vega-embed': {\n      width: '100%',\n      height: '100%'\n    },\n    paddingTop: theme.spacing(1),\n    margin: 0,\n    height: (props) => props?.graphHeight ?? '255px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  }\n}));\n\n/**\n * `GraphCard` component\n */\nexport const GraphCard = (props) => {\n  const {\n    title,\n    showInfoPanel = true,\n    graphSpecs,\n    children,\n    headerColor,\n    className,\n    noData = false,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      headerColor={headerColor}\n      {...otherProps}\n    >\n      {!noData ? (\n        <div>\n          {showInfoPanel && <div className={classes.infoPanel}>{children}</div>}\n          <div className={classes.graphSection}>\n            <MuiVegaLite\n              variant='verticalBarChart'\n              background='paper'\n              autoResize\n              actions={false}\n              spec={graphSpecs || {}}\n            />\n          </div>\n        </div>\n      ) : (\n        <div className={clsx(classes.emptyStateDisplay, emptyStateClassName)}>\n          <EmptyStateDisplay\n            primaryText={emptyStatePrimaryText ?? t('No results found')}\n            icon={emptyStateIcon}\n            iconSize={emptyStateIconSize}\n            imageSrc={emptyStateImageSrc}\n            imageWidth={emptyStateImageWidth}\n          />\n        </div>\n      )}\n    </AmbientCard>\n  );\n};\n\nGraphCard.propTypes = {\n  /**\n   * Optional, card title\n   */\n  title: PropTypes.string,\n\n  /**\n   * @type {?object}\n   {\n     graphSpecs: {} object see an example structure in https://vega.github.io/vega-lite/usage/typescript.html\n    }\n   */\n  graphSpecs: PropTypes.object.isRequired,\n\n  /**\n   * Optional, hide or show the top panel\n   */\n  showInfoPanel: PropTypes.bool,\n\n  /**\n   * Optional, content for the info panel behind the graph\n   */\n  children: PropTypes.node,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n"],"mappings":"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"}

package/dist/dataDisplay-WFC_UcWk.js

@@ -1,50 +0,0 @@
-import { t as colors$1 } from "./colors-DvKUCcrv.js";
-import { t as Token } from "./Token-BZVY3HNd.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-import { CalendarIcon, OpenInNewTabIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/components/dataDisplay/Sticky.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "inline-flex",
-		alignItems: "center",
-		background: (props) => {
-			if (colors$1.unity.hasOwnProperty(props.color)) return colors$1.unity[props.color].hint;
-			else return colors$1.unity.info.hint;
-		},
-		borderRadius: (props) => props.size === "large" ? 56 / 2 : 48 / 2,
-		margin: theme.spacing(1)
-	},
-	stickyChild: { display: "inline-table" }
-}), { name: "FluentListItem" });
-const Sticky = (props) => {
-	const classes = useStyles(props);
-	const { text, size, color } = props;
-	const typographyVariant = size === "large" ? "body2" : "body1";
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: CalendarIcon,
-		size,
-		color
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.stickyChild,
-		variant: typographyVariant
-	}, text ?? ""), /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: OpenInNewTabIcon,
-		variant: "filled",
-		size,
-		color
-	}));
-};
-Sticky.propTypes = {
-	text: PropTypes.string,
-	size: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { Sticky as t };
-//# sourceMappingURL=dataDisplay-WFC_UcWk.js.map

package/dist/dataDisplay-WFC_UcWk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataDisplay-WFC_UcWk.js","names":["colors"],"sources":["../src/UI/components/dataDisplay/Sticky.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles, Divider } from '@material-ui/core'\nimport { Token } from './Token'\nimport { OpenInNewTabIcon, CalendarIcon } from '@fluentui/react-icons'\nimport { colors } from '../../../utilities/style/colors';\nimport PropTypes from 'prop-types';\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      background: (props) => {\n        if (colors.unity.hasOwnProperty(props.color)) {\n          return colors.unity[props.color].hint;\n        } else {\n          return colors.unity.info.hint;\n        }\n      },\n      borderRadius: props => props.size === \"large\" ? 56 / 2.0 : 48 / 2.0,\n      margin: theme.spacing(1)\n    },\n    stickyChild: {\n      display: 'inline-table'\n    },\n  }),\n  { name: 'FluentListItem' }\n)\n\nexport const Sticky = (props) => {\n  const classes = useStyles(props)\n  const {\n    text,\n    size,\n    color\n  } = props\n\n  const typographyVariant = (size === \"large\") ? \"body2\" : \"body1\"\n\n  return (\n    <div className={classes.root}>\n      <Token className={classes.stickyChild} icon={CalendarIcon} size={size} color={color} />\n      <Typography className={classes.stickyChild} variant={typographyVariant}>\n        { text ?? \"\" }\n      </Typography>\n      <Token className={classes.stickyChild} icon={OpenInNewTabIcon} variant=\"filled\" size={size} color={color} />\n    </div>\n  )\n}\n\nSticky.propTypes = {\n  text: PropTypes.string,\n  size: PropTypes.string,\n  color: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,aAAa,UAAU;AACrB,OAAIA,SAAO,MAAM,eAAe,MAAM,MAAM,CAC1C,QAAOA,SAAO,MAAM,MAAM,OAAO;OAEjC,QAAOA,SAAO,MAAM,KAAK;;EAG7B,eAAc,UAAS,MAAM,SAAS,UAAU,KAAK,IAAM,KAAK;EAChE,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,aAAa,EACX,SAAS,gBACV;CACF,GACD,EAAE,MAAM,kBAAkB,CAC3B;AAED,MAAa,UAAU,UAAU;CAC/B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,MACA,MACA,UACE;CAEJ,MAAM,oBAAqB,SAAS,UAAW,UAAU;AAEzD,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAoB;EAAa;GAAS,EACvF,oCAAC;EAAW,WAAW,QAAQ;EAAa,SAAS;IACjD,QAAQ,GACC,EACb,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAkB,SAAQ;EAAe;EAAa;GAAS,CACxG;;AAIV,OAAO,YAAY;CACjB,MAAM,UAAU;CAChB,MAAM,UAAU;CAChB,OAAO,UAAU;CAClB"}

package/dist/defaultTabs-wG0DaxaS.js

@@ -1,93 +0,0 @@
-import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-BYR7ts1x.js";
-import { t as FluentTabPanel } from "./FluentTabPanel-BOh8FvGH.js";
-import React, { useState } from "react";
-import { Box, Tab, Typography, lighten, makeStyles, styled } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-//#region src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx
-function a11yProps$1(index) {
-	return {
-		id: `simple-tab-${index}`,
-		"aria-controls": `simple-tabpanel-${index}`
-	};
-}
-const useStyles = makeStyles((theme) => ({ root: {
-	flexGrow: 1,
-	backgroundColor: theme.palette.background.paper
-} }));
-const FluentTabUtility = (props, ...otherProps) => {
-	const classes = useStyles();
-	const { TabList, block, className, variant, color, FluentSimpleTabsProps } = props;
-	const [value, setValue] = useState(0);
-	const handleChange = (event, newValue) => {
-		setValue(newValue);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
-		value,
-		block,
-		onChange: handleChange,
-		...FluentSimpleTabsProps,
-		...otherProps
-	}, TabList.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(FluentSimpleTab, {
-			...otherProps,
-			key: index,
-			label: item.label,
-			icon: item.icon,
-			block,
-			badgeContent: item.badgeContent,
-			variant,
-			color,
-			...a11yProps$1(index)
-		});
-	})), TabList.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			block,
-			value,
-			index,
-			key: index
-		}, item.child);
-	}));
-};
-
-//#endregion
-//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx
-const a11yProps = (index) => {
-	return {
-		id: `simple-tab-${index}`,
-		"aria-controls": `simple-tabpanel-${index}`
-	};
-};
-/**
-* @type {import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">}
-*/
-const StyledTab = styled(Tab)(({ theme, style }) => ({
-	textTransform: "none",
-	"&.Mui-selected": {
-		backgroundColor: lighten(theme.palette.secondary.light, .9),
-		color: theme.palette.primary.main
-	},
-	backgroundColor: theme.palette.background.paper,
-	...style
-}));
-const FluentTabPanels = (props) => {
-	const { children, value, index, sx,...other } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		role: "tabpanel",
-		hidden: value !== index,
-		id: `simple-tabpanel-${index}`,
-		"aria-labelledby": `simple-tab-${index}`,
-		...other
-	}, value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children)));
-};
-FluentTabPanels.propTypes = {
-	children: PropTypes.node,
-	index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-	value: PropTypes.number.isRequired,
-	sx: PropTypes.object
-};
-
-//#endregion
-export { FluentTabUtility as i, StyledTab as n, a11yProps as r, FluentTabPanels as t };
-//# sourceMappingURL=defaultTabs-wG0DaxaS.js.map

package/dist/defaultTabs-wG0DaxaS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultTabs-wG0DaxaS.js","names":["a11yProps"],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx","../src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentSimpleTabs } from '../defaultTabs/FluentSimpleTabs';\nimport { FluentSimpleTab } from '../defaultTabs/FluentSimpleTab';\nimport { FluentTabPanel } from '../defaultTabs/FluentTabPanel';\nimport clsx from 'clsx';\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  };\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    backgroundColor: theme.palette.background.paper\n  }\n}));\n\nexport const FluentTabUtility = (props, ...otherProps) => {\n  const classes = useStyles();\n  const { TabList, block, className, variant, color, FluentSimpleTabsProps } =\n    props;\n\n  const [value, setValue] = useState(0);\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <FluentSimpleTabs\n        value={value}\n        block={block}\n        onChange={handleChange}\n        {...FluentSimpleTabsProps}\n        {...otherProps}\n      >\n        {TabList.map((item, index) => {\n          return (\n            <FluentSimpleTab\n              {...otherProps}\n              key={index}\n              label={item.label}\n              icon={item.icon}\n              block={block}\n              badgeContent={item.badgeContent}\n              variant={variant}\n              color={color}\n              {...a11yProps(index)}\n            />\n          );\n        })}\n      </FluentSimpleTabs>\n\n      {TabList.map((item, index) => {\n        return (\n          <FluentTabPanel block={block} value={value} index={index} key={index}>\n            {item.child}\n          </FluentTabPanel>\n        );\n      })}\n    </div>\n  );\n};\n","import React from 'react'\nimport { Box, Tab, Typography, styled, lighten } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nexport const a11yProps = (index) => {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\n/**\n * @type {import('@material-ui/core').StyledComponentProps<\"root\" | \"labelIcon\" | \"textColorInherit\" | \"textColorPrimary\" | \"textColorSecondary\" | \"selected\" | \"disabled\" | \"fullWidth\" | \"wrapped\" | \"wrapper\">}\n */\nexport const StyledTab = styled(Tab)(({ theme, style }) => ({\n  textTransform: \"none\",\n  '&.Mui-selected': {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.9),\n    color: theme.palette.primary.main,\n  },\n  backgroundColor: theme.palette.background.paper,\n  ...style\n}));\n\nexport const FluentTabPanels = (props) => {\n  const { children, value, index, sx, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={sx ? { ...sx } : { p: 3 }}>\n          <Typography variant=\"subtitle2\">{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nFluentTabPanels.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  value: PropTypes.number.isRequired,\n  sx: PropTypes.object,\n}\n\n"],"mappings":";;;;;;;;AAOA,SAASA,YAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,iBAAiB,MAAM,QAAQ,WAAW;CAC3C,EACF,EAAE;AAEH,MAAa,oBAAoB,OAAO,GAAG,eAAe;CACxD,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS,OAAO,WAAW,SAAS,OAAO,0BACjD;CAEF,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;AAGpB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACQ;EACA;EACP,UAAU;EACV,GAAI;EACJ,GAAI;IAEH,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GACC,GAAI;GACJ,KAAK;GACL,OAAO,KAAK;GACZ,MAAM,KAAK;GACJ;GACP,cAAc,KAAK;GACV;GACF;GACP,GAAIA,YAAU,MAAM;IACpB;GAEJ,CACe,EAElB,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GAAsB;GAAc;GAAc;GAAO,KAAK;KAC5D,KAAK,MACS;GAEnB,CACE;;;;;AC7DV,MAAa,aAAa,UAAU;AAClC,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;;;;AAMH,MAAa,YAAY,OAAO,IAAI,EAAE,EAAE,OAAO,aAAa;CAC1D,eAAe;CACf,kBAAkB;EAChB,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,OAAO,MAAM,QAAQ,QAAQ;EAC9B;CACD,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,GAAG;CACJ,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,OAAO,OAAO,GAAI,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,MAAK;EACL,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,mBAAiB,cAAc;EAC/B,GAAI;IAEH,UAAU,SACT,oCAAC,OAAI,IAAI,KAAK,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,GAAG,IAChC,oCAAC,cAAW,SAAQ,eAAa,SAAsB,CACnD,CAEJ;;AAIV,gBAAgB,YAAY;CAC1B,UAAU,UAAU;CACpB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC;CACjE,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU;CACf"}

package/dist/demos-CwpUIjsJ.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { InputsExample } from "udp-react-stencil-component-library";
-
-//#region src/UI/demos/InputsExample.jsx
-const InputsExample$1 = () => {
-	return /* @__PURE__ */ React.createElement(InputsExample, null);
-};
-
-//#endregion
-export { InputsExample$1 as t };
-//# sourceMappingURL=demos-CwpUIjsJ.js.map

package/dist/demos-CwpUIjsJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"demos-CwpUIjsJ.js","names":["InputsExample","StencilInputsExample"],"sources":["../src/UI/demos/InputsExample.jsx"],"sourcesContent":["import React from 'react';\nimport { InputsExample as StencilInputsExample } from 'udp-react-stencil-component-library';\n// Extend JSX types for Stencil components\n\n\n\nexport const InputsExample = () => {\n\n\n\n\n  return (\n\n      <StencilInputsExample/>\n\n\n  );\n};\n\nexport default InputsExample;\n"],"mappings":";;;;AAMA,MAAaA,wBAAsB;AAKjC,QAEI,oCAACC,oBAAsB"}

package/dist/directory-CpQlSd26.js

@@ -1,52 +0,0 @@
-import { t as StatusChip } from "./StatusChip-4NHp2t6B.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-
-//#region src/UI/dataDisplay/directory/DirectoryListItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	divider: { marginTop: theme.spacing(1) },
-	content: { marginLeft: theme.spacing(4) }
-}));
-const DirectoryListItem = ({ children, letter }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, letter)), /* @__PURE__ */ React.createElement("div", { className: classes.content }, children, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }))));
-};
-
-//#endregion
-//#region src/UI/dataDisplay/directory/Directory.jsx
-const useStyles = makeStyles((theme) => ({ root: {} }));
-const Directory = ({ data, success, warning, error, info, key, statusKey }) => {
-	const classes = useStyles();
-	const dataTransform = data.reduce((r, e) => {
-		const alphabet = e.name[0];
-		if (!r[alphabet]) r[alphabet] = {
-			alphabet,
-			record: [e]
-		};
-		else r[alphabet].record.push(e);
-		return r;
-	}, {});
-	const result = Object.values(dataTransform);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, result.map((item) => {
-		return /* @__PURE__ */ React.createElement(DirectoryListItem, {
-			key,
-			letter: item.alphabet
-		}, item.record.map((item$1) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				style: { marginBottom: 8 },
-				key: statusKey
-			}, /* @__PURE__ */ React.createElement(StatusChip, {
-				success,
-				warning,
-				error,
-				info,
-				label: item$1.name,
-				status: item$1.status
-			}));
-		}));
-	}));
-};
-
-//#endregion
-export { DirectoryListItem as n, Directory as t };
-//# sourceMappingURL=directory-CpQlSd26.js.map

package/dist/directory-CpQlSd26.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"directory-CpQlSd26.js","names":["useStyles","item"],"sources":["../src/UI/dataDisplay/directory/DirectoryListItem.jsx","../src/UI/dataDisplay/directory/Directory.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  divider: {\n    marginTop: theme.spacing(1)\n  },\n  content: {\n    marginLeft: theme.spacing(4)\n  }\n}))\n\nexport const DirectoryListItem = ({ children, letter }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Typography variant='h4'>{letter}</Typography>\n      </div>\n      <div className={classes.content}>\n        {children}\n        <div>\n          <Divider className={classes.divider} />\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { DirectoryListItem } from './DirectoryListItem'\nimport { StatusChip } from '../StatusChip'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}))\n\nexport const Directory = ({\n  data,\n  success,\n  warning,\n  error,\n  info,\n  key,\n  statusKey\n}) => {\n  const classes = useStyles()\n\n  const dataTransform = data.reduce((r, e) => {\n    const alphabet = e.name[0]\n    if (!r[alphabet]) r[alphabet] = { alphabet, record: [e] }\n    else r[alphabet].record.push(e)\n    return r\n  }, {})\n\n  const result = Object.values(dataTransform)\n\n  return (\n    <div className={classes.root}>\n      {result.map((item) => {\n        return (\n          <DirectoryListItem key={key} letter={item.alphabet}>\n            {item.record.map((item) => {\n              return (\n                <div style={{ marginBottom: 8 }} key={statusKey}>\n                  <StatusChip\n                    success={success}\n                    warning={warning}\n                    error={error}\n                    info={info}\n                    label={item.name}\n                    status={item.status}\n                  />\n                </div>\n              )\n            })}\n          </DirectoryListItem>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,SAAS,EACP,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACF,EAAE;AAEH,MAAa,qBAAqB,EAAE,UAAU,aAAa;CACzD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAM,OAAoB,CAC1C,EACN,oCAAC,SAAI,WAAW,QAAQ,WACrB,UACD,oCAAC,aACC,oCAAC,WAAQ,WAAW,QAAQ,UAAW,CACnC,CACF,CACF;;;;;ACrBV,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EAAE,EACT,EAAE;AAEH,MAAa,aAAa,EACxB,MACA,SACA,SACA,OACA,MACA,KACA,gBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,KAAK,QAAQ,GAAG,MAAM;EAC1C,MAAM,WAAW,EAAE,KAAK;AACxB,MAAI,CAAC,EAAE,UAAW,GAAE,YAAY;GAAE;GAAU,QAAQ,CAAC,EAAE;GAAE;MACpD,GAAE,UAAU,OAAO,KAAK,EAAE;AAC/B,SAAO;IACN,EAAE,CAAC;CAEN,MAAM,SAAS,OAAO,OAAO,cAAc;AAE3C,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,OAAO,KAAK,SAAS;AACpB,SACE,oCAAC;GAAuB;GAAK,QAAQ,KAAK;KACvC,KAAK,OAAO,KAAK,WAAS;AACzB,UACE,oCAAC;IAAI,OAAO,EAAE,cAAc,GAAG;IAAE,KAAK;MACpC,oCAAC;IACU;IACA;IACF;IACD;IACN,OAAOC,OAAK;IACZ,QAAQA,OAAK;KACb,CACE;IAER,CACgB;GAEtB,CACE"}