udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/EntityHeader-DOoeCEj3.js.map

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

package/dist/EntitySideBarContent-BTVqCtxr.js

@@ -1,85 +0,0 @@
-import { getPathObject, getPrimaryKeyValues } from "./CrudBrowserUtilities-Cm_FNdfE.js";
-import { toLowerFirstChar, toTitleCase } from "./StringUtilities-DyjYA5pU.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useSnackbar } from "notistack";
-import { useTranslation } from "react-i18next";
-
-//#region src/actions/sidebar/EntitySideBarContent.jsx
-const useStyles = makeStyles((theme) => ({ dataRoot: { marginTop: theme.spacing(2) } }));
-const EntitySideBarContent = (props) => {
-	const { action, executeAction, entityAttributes, selectedNodeObj, apiCatalogId, entityName, sidebarEntity, menuNodeList, closeSplitScreen } = props;
-	const classes = useStyles(props);
-	const [data, setData] = useState(null);
-	const { enqueueSnackbar } = useSnackbar();
-	const { t } = useTranslation();
-	const [{ data: selectedEntity }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!apiCatalogId || !!!entityName || !!sidebarEntity, false);
-	const entity = useMemo(() => {
-		return selectedEntity || sidebarEntity;
-	}, [selectedEntity, sidebarEntity]);
-	const showError = useCallback(() => {
-		enqueueSnackbar(t(`Invalid action value.`), {
-			variant: "error",
-			anchorOrigin: {
-				vertical: "top",
-				horizontal: "center"
-			}
-		});
-	}, [enqueueSnackbar, t]);
-	const onGet = useCallback(async (data$1) => {
-		if (entity?.unityBaseGetMethod && action?.value) if (entity.unityBaseGetMethod.apiMethodId === action.value) return await executeAction(data$1, action.value);
-		else showError();
-	}, [
-		action,
-		executeAction,
-		entity,
-		showError
-	]);
-	const handleOnGet = useCallback(async (value) => {
-		if (entity?.unityBaseGetMethod) {
-			const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);
-			const data$1 = { ...getPathObject(entity?.unityBaseGetMethod?.pathParameters, primaryKeyValues) };
-			const response = await onGet({ data: data$1 }).catch((res) => {
-				enqueueSnackbar(res.message, {
-					variant: "error",
-					anchorOrigin: {
-						vertical: "top",
-						horizontal: "center"
-					}
-				});
-			});
-			if (response?.status === 200) setData(response.data);
-		}
-	}, [
-		enqueueSnackbar,
-		entityAttributes,
-		onGet,
-		entity
-	]);
-	const renderData = useCallback((schemaAttribute) => {
-		if (!data || schemaAttribute?.extendedProperties?.childEntity) return null;
-		return /* @__PURE__ */ React.createElement("div", { className: classes.dataRoot }, /* @__PURE__ */ React.createElement(Typography, {
-			variant: "subtitle2",
-			style: { marginTop: 8 }
-		}, toTitleCase(schemaAttribute?.name)), /* @__PURE__ */ React.createElement(Typography, null, data[toLowerFirstChar(schemaAttribute.name)]));
-	}, [classes, data]);
-	const cardContent = useMemo(() => {
-		return /* @__PURE__ */ React.createElement("div", null, entityAttributes?.map((schemaAttribute, index) => {
-			return !schemaAttribute?.extendedProperties?.identifier && /* @__PURE__ */ React.createElement(React.Fragment, { key: `${schemaAttribute.name}-${index}` }, renderData(schemaAttribute));
-		}));
-	}, [entityAttributes, renderData]);
-	useEffect(() => {
-		if (!data) handleOnGet(selectedNodeObj);
-	}, [
-		handleOnGet,
-		selectedNodeObj,
-		data
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, cardContent);
-};
-
-//#endregion
-export { EntitySideBarContent };
-//# sourceMappingURL=EntitySideBarContent-BTVqCtxr.js.map

package/dist/EntitySideBarContent-BTVqCtxr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntitySideBarContent-BTVqCtxr.js","names":["data"],"sources":["../src/actions/sidebar/EntitySideBarContent.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  getPathObject,\n  getPrimaryKeyValues\n} from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport {\n  toLowerFirstChar,\n  toTitleCase\n} from '../../utilities/input/StringUtilities';\nimport { useSnackbar } from 'notistack';\nimport { useTranslation } from 'react-i18next';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  dataRoot: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nexport const EntitySideBarContent = (props) => {\n  const {\n    action,\n    executeAction,\n    entityAttributes,\n    selectedNodeObj,\n    apiCatalogId,\n    entityName,\n    sidebarEntity,\n    menuNodeList,\n    closeSplitScreen\n  } = props;\n  const classes = useStyles(props);\n  const [data, setData] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const { t } = useTranslation();\n\n  const [{ data: selectedEntity }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!apiCatalogId || !!!entityName || !!sidebarEntity,\n    false\n  );\n\n  const entity = useMemo(() => {\n    return selectedEntity || sidebarEntity;\n  }, [selectedEntity, sidebarEntity]);\n\n  const showError = useCallback(() => {\n    enqueueSnackbar(t(`Invalid action value.`), {\n      variant: 'error',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      }\n    });\n  }, [enqueueSnackbar, t]);\n\n  const onGet = useCallback(\n    async (data) => {\n      if (entity?.unityBaseGetMethod && action?.value) {\n        if (entity.unityBaseGetMethod.apiMethodId === action.value) {\n          return await executeAction(data, action.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [action, executeAction, entity, showError]\n  );\n\n  const handleOnGet = useCallback(\n    async (value) => {\n      if (entity?.unityBaseGetMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);\n        const pathObject = getPathObject(\n          entity?.unityBaseGetMethod?.pathParameters,\n          primaryKeyValues\n        );\n\n        const data = { ...pathObject };\n        const response = await onGet({ data }).catch((res) => {\n          enqueueSnackbar(res.message, {\n            variant: 'error',\n            anchorOrigin: {\n              vertical: 'top',\n              horizontal: 'center'\n            }\n          });\n        });\n\n        if (response?.status === 200) {\n          setData(response.data);\n        }\n      }\n    },\n    [enqueueSnackbar, entityAttributes, onGet, entity]\n  );\n\n  const renderData = useCallback(\n    (schemaAttribute) => {\n      if (!data || schemaAttribute?.extendedProperties?.childEntity) {\n        return null;\n      }\n\n      return (\n        <div className={classes.dataRoot}>\n          <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n            {toTitleCase(schemaAttribute?.name)}\n          </Typography>\n          <Typography>\n            {data[toLowerFirstChar(schemaAttribute.name)]}\n          </Typography>\n        </div>\n      );\n    },\n    [classes, data]\n  );\n\n  const cardContent = useMemo(() => {\n    return (\n      <div>\n        {entityAttributes?.map((schemaAttribute, index) => {\n          return (\n            !schemaAttribute?.extendedProperties?.identifier && (\n              <React.Fragment key={`${schemaAttribute.name}-${index}`}>\n                {renderData(schemaAttribute)}\n              </React.Fragment>\n            )\n          );\n        })}\n      </div>\n    );\n  }, [entityAttributes, renderData]);\n\n  useEffect(() => {\n    if (!data) {\n      handleOnGet(selectedNodeObj);\n    }\n  }, [handleOnGet, selectedNodeObj, data]);\n\n  return <div>{cardContent}</div>;\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAM,YAAY,YAAY,WAAW,EACvC,UAAU,EACR,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,QACA,eACA,kBACA,iBACA,cACA,YACA,eACA,cACA,qBACE;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,EAAE,MAAM,oBAAoB,YACjC,cAAc,qBACd,cAAc,aAAa,0BAA0B,WAAW,WAAW,cAAc,OAAO,oBAChG,EAAE,EACF,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,eACtC,MACD;CAED,MAAM,SAAS,cAAc;AAC3B,SAAO,kBAAkB;IACxB,CAAC,gBAAgB,cAAc,CAAC;CAEnC,MAAM,YAAY,kBAAkB;AAClC,kBAAgB,EAAE,wBAAwB,EAAE;GAC1C,SAAS;GACT,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACF,CAAC;IACD,CAAC,iBAAiB,EAAE,CAAC;CAExB,MAAM,QAAQ,YACZ,OAAO,WAAS;AACd,MAAI,QAAQ,sBAAsB,QAAQ,MACxC,KAAI,OAAO,mBAAmB,gBAAgB,OAAO,MACnD,QAAO,MAAM,cAAcA,QAAM,OAAO,MAAM;MAE9C,YAAW;IAIjB;EAAC;EAAQ;EAAe;EAAQ;EAAU,CAC3C;CAED,MAAM,cAAc,YAClB,OAAO,UAAU;AACf,MAAI,QAAQ,oBAAoB;GAE9B,MAAM,mBAAmB,oBAAoB,kBAAkB,MAAM;GAMrE,MAAMA,SAAO,EAAE,GALI,cACjB,QAAQ,oBAAoB,gBAC5B,iBACD,EAE6B;GAC9B,MAAM,WAAW,MAAM,MAAM,EAAE,cAAM,CAAC,CAAC,OAAO,QAAQ;AACpD,oBAAgB,IAAI,SAAS;KAC3B,SAAS;KACT,cAAc;MACZ,UAAU;MACV,YAAY;MACb;KACF,CAAC;KACF;AAEF,OAAI,UAAU,WAAW,IACvB,SAAQ,SAAS,KAAK;;IAI5B;EAAC;EAAiB;EAAkB;EAAO;EAAO,CACnD;CAED,MAAM,aAAa,aAChB,oBAAoB;AACnB,MAAI,CAAC,QAAQ,iBAAiB,oBAAoB,YAChD,QAAO;AAGT,SACE,oCAAC,SAAI,WAAW,QAAQ,YACtB,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,YAAY,iBAAiB,KAAK,CACxB,EACb,oCAAC,kBACE,KAAK,iBAAiB,gBAAgB,KAAK,EACjC,CACT;IAGV,CAAC,SAAS,KAAK,CAChB;CAED,MAAM,cAAc,cAAc;AAChC,SACE,oCAAC,aACE,kBAAkB,KAAK,iBAAiB,UAAU;AACjD,UACE,CAAC,iBAAiB,oBAAoB,cACpC,oCAAC,MAAM,YAAS,KAAK,GAAG,gBAAgB,KAAK,GAAG,WAC7C,WAAW,gBAAgB,CACb;IAGrB,CACE;IAEP,CAAC,kBAAkB,WAAW,CAAC;AAElC,iBAAgB;AACd,MAAI,CAAC,KACH,aAAY,gBAAgB;IAE7B;EAAC;EAAa;EAAiB;EAAK,CAAC;AAExC,QAAO,oCAAC,aAAK,YAAkB"}

package/dist/ExpandRenderer-BFo5hbGj.js

@@ -1,20 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import React from "react";
-import { IconButton, Tooltip, makeStyles } from "@material-ui/core";
-import { ChevronRightIcon } from "@fluentui/react-icons";
-
-//#region src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx
-const useStyles = makeStyles((theme) => ({ icon: { margin: theme.spacing(.5) } }));
-const ExpandRenderer = ({ openNestedGrid, title, icon }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(IconButton, {
-		"aria-label": title,
-		className: classes.icon,
-		size: "small",
-		onClick: openNestedGrid
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: icon ? icon : ChevronRightIcon })));
-};
-
-//#endregion
-export { ExpandRenderer };
-//# sourceMappingURL=ExpandRenderer-BFo5hbGj.js.map

package/dist/ExpandRenderer-BFo5hbGj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandRenderer-BFo5hbGj.js","names":[],"sources":["../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,QAAQ,MAAM,QAAQ,GAAI,EAC3B,EACF,EAAE;AAEH,MAAa,kBAAkB,EAAE,gBAAgB,OAAO,WAAW;CACjE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,WAAe,SACd,oCAAC;EACC,cAAY;EACZ,WAAW,QAAQ;EACnB,MAAK;EACL,SAAS;IAET,oCAAC,cAAW,WAAW,OAAO,OAAO,mBAAoB,CAC9C,CACL"}

package/dist/Expander-DYGCUc1-.js

@@ -1,81 +0,0 @@
-import React, { useState } from "react";
-import { Typography, lighten, makeStyles } from "@material-ui/core";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-import MuiExpansionPanel from "@material-ui/core/ExpansionPanel";
-import MuiExpansionPanelSummary from "@material-ui/core/ExpansionPanelSummary";
-import MuiExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
-
-//#region src/UI/navigation/menus/ExpanderItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		width: "100%"
-	},
-	title: {
-		width: "100%",
-		flex: 1
-	}
-}));
-const ExpanderItem = ({ label, expanded }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, label)), !expanded && /* @__PURE__ */ React.createElement(ChevronDownIcon, null), expanded && /* @__PURE__ */ React.createElement(ChevronUpIcon, null));
-};
-
-//#endregion
-//#region src/UI/navigation/menus/Expander.jsx
-const useStyles = makeStyles((theme) => ({
-	rootPanel: {
-		boxShadow: "none",
-		padding: 0,
-		minWidth: 300,
-		"&:not(:last-child)": { borderBottom: 0 },
-		"&$expanded": { margin: "auto" }
-	},
-	expanded: { minHeight: 40 },
-	root: {
-		background: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .4),
-		color: (props) => props.accent && theme.palette.common.white,
-		marginBottom: -1,
-		minHeight: 40,
-		"&$expanded": {
-			minHeight: 40,
-			height: 20,
-			paddingTop: 25,
-			backgroundColor: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .7)
-		}
-	},
-	content: { "&$expanded": { margin: "12px 0" } },
-	detailsRoot: {
-		padding: 0,
-		flexDirection: (props) => props.single ? "column" : "row"
-	}
-}));
-const Block = (props) => {
-	const [expanded, setExpanded] = useState("panel1");
-	const classes = useStyles(props);
-	const { label, children, number, id,...otherProps } = props;
-	const handleChange = (panel) => (event, newExpanded) => {
-		setExpanded(newExpanded ? panel : false);
-	};
-	return /* @__PURE__ */ React.createElement(MuiExpansionPanel, {
-		classes: { root: classes.rootPanel },
-		...otherProps,
-		square: true,
-		expanded: expanded === `panel${number}`,
-		onChange: handleChange(`panel${number}`),
-		id
-	}, /* @__PURE__ */ React.createElement(MuiExpansionPanelSummary, {
-		classes: {
-			root: classes.root,
-			expanded: classes.expanded
-		},
-		"aria-controls": "panel3d-content"
-	}, /* @__PURE__ */ React.createElement(ExpanderItem, {
-		label,
-		expanded: expanded === `panel${number}`
-	})), /* @__PURE__ */ React.createElement(MuiExpansionPanelDetails, { classes: { root: classes.detailsRoot } }, children));
-};
-
-//#endregion
-export { Block, ExpanderItem };
-//# sourceMappingURL=Expander-DYGCUc1-.js.map

package/dist/Expander-DYGCUc1-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander-DYGCUc1-.js","names":["useStyles"],"sources":["../src/UI/navigation/menus/ExpanderItem.jsx","../src/UI/navigation/menus/Expander.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    width: '100%'\n  },\n  title: {\n    width: '100%',\n    flex: 1\n  }\n}))\n\nexport const ExpanderItem = ({ label, expanded }) => {\n  const classes = useStyles()\n  // const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <Typography variant='subtitle2'>{label}</Typography>\n      </div>\n\n      {!expanded && <ChevronDownIcon />}\n      {expanded && <ChevronUpIcon />}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { lighten, makeStyles } from '@material-ui/core'\nimport MuiExpansionPanel from '@material-ui/core/ExpansionPanel'\nimport MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'\nimport MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'\nimport { ExpanderItem } from './ExpanderItem'\n\nconst useStyles = makeStyles((theme) => ({\n  rootPanel: {\n    boxShadow: 'none',\n    padding: 0,\n    minWidth: 300,\n    '&:not(:last-child)': {\n      borderBottom: 0\n    },\n    '&$expanded': {\n      margin: 'auto'\n    }\n  },\n  expanded: {\n    minHeight: 40\n  },\n  root: {\n    background: (props) =>\n      props.accent\n        ? theme.palette.primary.main\n        : lighten(theme.palette.primary.light, 0.4),\n\n    color: (props) => props.accent && theme.palette.common.white,\n    marginBottom: -1,\n    minHeight: 40,\n    '&$expanded': {\n      minHeight: 40,\n      height: 20,\n      paddingTop: 25,\n      backgroundColor: (props) =>\n        props.accent\n          ? theme.palette.primary.main\n          : lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  content: {\n    '&$expanded': {\n      margin: '12px 0'\n    }\n  },\n  detailsRoot: {\n    padding: 0,\n    flexDirection: (props) => (props.single ? 'column' : 'row')\n  }\n}))\n\nexport const Block = (props) => {\n  const [expanded, setExpanded] = useState('panel1')\n  const classes = useStyles(props)\n\n  const { label, children, number, id, ...otherProps } = props\n\n  const handleChange = (panel) => (event, newExpanded) => {\n    setExpanded(newExpanded ? panel : false)\n  }\n  return (\n    <MuiExpansionPanel\n      classes={{ root: classes.rootPanel }}\n      {...otherProps}\n      square\n      expanded={expanded === `panel${number}`}\n      onChange={handleChange(`panel${number}`)}\n      id={id}\n    >\n      <MuiExpansionPanelSummary\n        classes={{ root: classes.root, expanded: classes.expanded }}\n        aria-controls='panel3d-content'\n      >\n        <ExpanderItem label={label} expanded={expanded === `panel${number}`} />\n      </MuiExpansionPanelSummary>\n      <MuiExpansionPanelDetails classes={{ root: classes.detailsRoot }}>\n        {children}\n      </MuiExpansionPanelDetails>\n    </MuiExpansionPanel>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACF,EAAE;AAEH,MAAa,gBAAgB,EAAE,OAAO,eAAe;CACnD,MAAM,UAAUA,aAAW;AAG3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,eAAa,MAAmB,CAChD,EAEL,CAAC,YAAY,oCAAC,sBAAkB,EAChC,YAAY,oCAAC,oBAAgB,CAC1B;;;;;ACpBV,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,WAAW;EACX,SAAS;EACT,UAAU;EACV,sBAAsB,EACpB,cAAc,GACf;EACD,cAAc,EACZ,QAAQ,QACT;EACF;CACD,UAAU,EACR,WAAW,IACZ;CACD,MAAM;EACJ,aAAa,UACX,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAE/C,QAAQ,UAAU,MAAM,UAAU,MAAM,QAAQ,OAAO;EACvD,cAAc;EACd,WAAW;EACX,cAAc;GACZ,WAAW;GACX,QAAQ;GACR,YAAY;GACZ,kBAAkB,UAChB,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;GAChD;EACF;CACD,SAAS,EACP,cAAc,EACZ,QAAQ,UACT,EACF;CACD,aAAa;EACX,SAAS;EACT,gBAAgB,UAAW,MAAM,SAAS,WAAW;EACtD;CACF,EAAE;AAEH,MAAa,SAAS,UAAU;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,SAAS;CAClD,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAE,OAAO,UAAU,QAAQ,GAAI,GAAG,eAAe;CAEvD,MAAM,gBAAgB,WAAW,OAAO,gBAAgB;AACtD,cAAY,cAAc,QAAQ,MAAM;;AAE1C,QACE,oCAAC;EACC,SAAS,EAAE,MAAM,QAAQ,WAAW;EACpC,GAAI;EACJ;EACA,UAAU,aAAa,QAAQ;EAC/B,UAAU,aAAa,QAAQ,SAAS;EACpC;IAEJ,oCAAC;EACC,SAAS;GAAE,MAAM,QAAQ;GAAM,UAAU,QAAQ;GAAU;EAC3D,iBAAc;IAEd,oCAAC;EAAoB;EAAO,UAAU,aAAa,QAAQ;GAAY,CAC9C,EAC3B,oCAAC,4BAAyB,SAAS,EAAE,MAAM,QAAQ,aAAa,IAC7D,SACwB,CACT"}

package/dist/ExtenderToggle-DnLA2lyT.js

@@ -1,48 +0,0 @@
-import { Token } from "./Token-DOIAu9p4.js";
-import React from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import { ChevronDownIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/ui/ExtenderToggle.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		borderRadius: "0px 0px 25px 25px ",
-		paddingRight: (props) => props.toggleLabel && theme.spacing(2),
-		background: (props) => props.color,
-		cursor: "pointer"
-	},
-	label: {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "flex-end",
-		color: (props) => theme?.palette?.getContrastText(props.color ? theme.palette?.secondary?.main : props.color)
-	},
-	token: { transform: (props) => props.open ? "rotateZ(-180deg)" : "rotateZ(0deg)" }
-}));
-const ExtenderToggle = (props) => {
-	const classes = useStyles(props);
-	const { onClick, toggleLabel, compact } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		className: !compact && classes.root,
-		onClick
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.token }, /* @__PURE__ */ React.createElement(Token, {
-		icon: ChevronDownIcon,
-		color: "default",
-		size: "small",
-		variant: "filled",
-		type: "icon",
-		compact
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", toggleLabel, " ")));
-};
-ExtenderToggle.propTypes = {
-	onClick: PropTypes.func,
-	toggleLabel: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { ExtenderToggle };
-//# sourceMappingURL=ExtenderToggle-DnLA2lyT.js.map

package/dist/ExtenderToggle-DnLA2lyT.js.map

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