udp-react-enterprise-component-library 25.18.1-beta.38 → 25.18.1-beta.39

package/dist/{menuPage-BK-o5N5p.js.map → menuPage-C0cuD8I3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuPage-BK-o5N5p.js","names":["MenuPage"],"sources":["../src/menuPage/CustomMenuPage.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport MenuPage from './MenuPage';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    padding: theme.spacing(1),\n  },\n}));\n\n\nfunction buildInnerMenuFromItems(items = [], menuTitle, idPrefix = 'custom', showItemCount = false, itemCountAccessor = null) {\n  const idMap = {};\n  const views = (items || []).map((item, idx) => {\n    const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;\n    const menuStructureId = `${idPrefix}-${itemKey}`;\n\n    // compute optional count using accessor\n    let itemCount = null;\n    if (showItemCount && typeof itemCountAccessor === 'function') {\n      try {\n        const cnt = itemCountAccessor(item);\n        if (cnt !== undefined && cnt !== null) {\n          itemCount = cnt;\n        }\n      } catch (e) {\n      }\n    }\n\n    idMap[menuStructureId] = item;\n    item.__menuStructureId = menuStructureId;\n    item.__itemKey = itemKey;\n\n    const parametersObj = { FluentIcon: 'PageListIcon', PageId: '', defaultDisplay: 'expanded' };\n    if (itemCount !== null && itemCount !== undefined) {\n      parametersObj.itemCount = itemCount;\n    }\n\n    return {\n      menuStructureId,\n      menuItemInstance: {\n        menuItemInstanceId: `${idPrefix}-item-${itemKey}`,\n        clusterId: null,\n        menuItemId: null,\n        name: item.name ?? '',\n        parameters: JSON.stringify(parametersObj),\n        isActive: true,\n        roleIds: [],\n        groupIds: [],\n        tenantSsoId: null,\n        parentMenuItemInstanceId: null,\n        items: null,\n      },\n      title: item.name ?? '',\n      order: idx,\n      parentId: null,\n      unsubscribed: false,\n      menuItemInstanceStructures: [],\n    };\n  });\n\n  const innerMenu = {\n    // set the inner menu name only when client provided a menuTitle; leave blank when not provided\n    name: menuTitle ? menuTitle : '',\n    menuItemInstanceStructureViews: views,\n  };\n\n  return { innerMenu, idMap };\n}\n\nconst CustomMenuPage = ({\n  items = [],\n  className = '',\n  menuTitle,\n  mainContent: clientMainContent,\n  idPrefix = 'custom',\n  showItemCount = false,\n  itemCountAccessor = null,\n  allowMissingPageParam = false,\n  searchParamsTransformer = null,\n}) => {\n  const classes = useStyles();\n\n  // FIX: Memoize this so 'innerMenu' reference doesn't change on every render,\n  // preventing infinite loops in MenuPage useEffects.\n  const { innerMenu, idMap } = useMemo(() =>\n    buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor),\n    [items, menuTitle, idPrefix, showItemCount, itemCountAccessor]\n  );\n\n  // Expect client application to provide mainContent. If not provided, render an empty container.\n  const clientContent = clientMainContent\n    ? ({ selectedNode, menuItemsList }) =>\n        clientMainContent({ selectedNode, menuItemsList, idMap, items, classes, className })\n    : ({ selectedNode, menuItemsList }) => <div className={`${classes.root} ${className}`} />;\n\n  const composedMainContent = ({ selectedNode, menuItemsList }) => (\n    <div className={`${classes.root} ${className}`}>\n      {clientContent({ selectedNode, menuItemsList })}\n    </div>\n  );\n\n  return (\n    <MenuPage\n      innerMenuOverride={innerMenu}\n      mainContent={composedMainContent}\n      menuTitle={menuTitle}\n      allowMissingPageParam={allowMissingPageParam}\n      searchParamsTransformer={searchParamsTransformer}\n    />\n  );\n};\n\nCustomMenuPage.propTypes = {\n  items: PropTypes.array,\n  className: PropTypes.string,\n  menuTitle: PropTypes.string,\n  mainContent: PropTypes.func,\n  idPrefix: PropTypes.string,\n  showItemCount: PropTypes.bool,\n  itemCountAccessor: PropTypes.func,\n  allowMissingPageParam: PropTypes.bool,\n  searchParamsTransformer: PropTypes.func,\n};\n\nexport default CustomMenuPage;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU,EACrC,MAAM;CACJ,UAAU;CACV,SAAS,MAAM,QAAQ,EAAE;CAC1B,EACF,EAAE;AAGH,SAAS,wBAAwB,QAAQ,EAAE,EAAE,WAAW,WAAW,UAAU,gBAAgB,OAAO,oBAAoB,MAAM;CAC5H,MAAM,QAAQ,EAAE;CAChB,MAAM,SAAS,SAAS,EAAE,EAAE,KAAK,MAAM,QAAQ;EAC7C,MAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,WAAW;EACtD,MAAM,kBAAkB,GAAG,SAAS,GAAG;EAGvC,IAAI,YAAY;AAChB,MAAI,iBAAiB,OAAO,sBAAsB,WAChD,KAAI;GACF,MAAM,MAAM,kBAAkB,KAAK;AACnC,OAAI,QAAQ,UAAa,QAAQ,KAC/B,aAAY;WAEP,GAAG;AAId,QAAM,mBAAmB;AACzB,OAAK,oBAAoB;AACzB,OAAK,YAAY;EAEjB,MAAM,gBAAgB;GAAE,YAAY;GAAgB,QAAQ;GAAI,gBAAgB;GAAY;AAC5F,MAAI,cAAc,QAAQ,cAAc,OACtC,eAAc,YAAY;AAG5B,SAAO;GACL;GACA,kBAAkB;IAChB,oBAAoB,GAAG,SAAS,QAAQ;IACxC,WAAW;IACX,YAAY;IACZ,MAAM,KAAK,QAAQ;IACnB,YAAY,KAAK,UAAU,cAAc;IACzC,UAAU;IACV,SAAS,EAAE;IACX,UAAU,EAAE;IACZ,aAAa;IACb,0BAA0B;IAC1B,OAAO;IACR;GACD,OAAO,KAAK,QAAQ;GACpB,OAAO;GACP,UAAU;GACV,cAAc;GACd,4BAA4B,EAAE;GAC/B;GACD;AAQF,QAAO;EAAE,WANS;GAEhB,MAAM,YAAY,YAAY;GAC9B,gCAAgC;GACjC;EAEmB;EAAO;;AAG7B,MAAM,kBAAkB,EACtB,QAAQ,EAAE,EACV,YAAY,IACZ,WACA,aAAa,mBACb,WAAW,UACX,gBAAgB,OAChB,oBAAoB,MACpB,wBAAwB,OACxB,0BAA0B,WACtB;CACJ,MAAM,UAAU,WAAW;CAI3B,MAAM,EAAE,WAAW,UAAU,cAC3B,wBAAwB,OAAO,WAAW,UAAU,eAAe,kBAAkB,EACrF;EAAC;EAAO;EAAW;EAAU;EAAe;EAAkB,CAC/D;CAGD,MAAM,gBAAgB,qBACjB,EAAE,cAAc,oBACf,kBAAkB;EAAE;EAAc;EAAe;EAAO;EAAO;EAAS;EAAW,CAAC,IACrF,EAAE,cAAc,oBAAoB,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,cAAe;CAE3F,MAAM,uBAAuB,EAAE,cAAc,oBAC3C,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,eAChC,cAAc;EAAE;EAAc;EAAe,CAAC,CAC3C;AAGR,QACE,oCAACA;EACC,mBAAmB;EACnB,aAAa;EACF;EACY;EACE;GACzB;;AAIN,eAAe,YAAY;CACzB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,aAAa,UAAU;CACvB,UAAU,UAAU;CACpB,eAAe,UAAU;CACzB,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;CACjC,yBAAyB,UAAU;CACpC;AAED,6BAAe"}
+{"version":3,"file":"menuPage-C0cuD8I3.js","names":["MenuPage"],"sources":["../src/menuPage/CustomMenuPage.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport MenuPage from './MenuPage';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    padding: theme.spacing(1),\n  },\n}));\n\n\nfunction buildInnerMenuFromItems(items = [], menuTitle, idPrefix = 'custom', showItemCount = false, itemCountAccessor = null) {\n  const idMap = {};\n  const views = (items || []).map((item, idx) => {\n    const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;\n    const menuStructureId = `${idPrefix}-${itemKey}`;\n\n    // compute optional count using accessor\n    let itemCount = null;\n    if (showItemCount && typeof itemCountAccessor === 'function') {\n      try {\n        const cnt = itemCountAccessor(item);\n        if (cnt !== undefined && cnt !== null) {\n          itemCount = cnt;\n        }\n      } catch (e) {\n      }\n    }\n\n    idMap[menuStructureId] = item;\n    item.__menuStructureId = menuStructureId;\n    item.__itemKey = itemKey;\n\n    const parametersObj = { FluentIcon: 'PageListIcon', PageId: '', defaultDisplay: 'expanded' };\n    if (itemCount !== null && itemCount !== undefined) {\n      parametersObj.itemCount = itemCount;\n    }\n\n    return {\n      menuStructureId,\n      menuItemInstance: {\n        menuItemInstanceId: `${idPrefix}-item-${itemKey}`,\n        clusterId: null,\n        menuItemId: null,\n        name: item.name ?? '',\n        parameters: JSON.stringify(parametersObj),\n        isActive: true,\n        roleIds: [],\n        groupIds: [],\n        tenantSsoId: null,\n        parentMenuItemInstanceId: null,\n        items: null,\n      },\n      title: item.name ?? '',\n      order: idx,\n      parentId: null,\n      unsubscribed: false,\n      menuItemInstanceStructures: [],\n    };\n  });\n\n  const innerMenu = {\n    // set the inner menu name only when client provided a menuTitle; leave blank when not provided\n    name: menuTitle ? menuTitle : '',\n    menuItemInstanceStructureViews: views,\n  };\n\n  return { innerMenu, idMap };\n}\n\nconst CustomMenuPage = ({\n  items = [],\n  className = '',\n  menuTitle,\n  mainContent: clientMainContent,\n  idPrefix = 'custom',\n  showItemCount = false,\n  itemCountAccessor = null,\n  allowMissingPageParam = false,\n  searchParamsTransformer = null,\n}) => {\n  const classes = useStyles();\n\n  // FIX: Memoize this so 'innerMenu' reference doesn't change on every render,\n  // preventing infinite loops in MenuPage useEffects.\n  const { innerMenu, idMap } = useMemo(() =>\n    buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor),\n    [items, menuTitle, idPrefix, showItemCount, itemCountAccessor]\n  );\n\n  // Expect client application to provide mainContent. If not provided, render an empty container.\n  const clientContent = clientMainContent\n    ? ({ selectedNode, menuItemsList }) =>\n        clientMainContent({ selectedNode, menuItemsList, idMap, items, classes, className })\n    : ({ selectedNode, menuItemsList }) => <div className={`${classes.root} ${className}`} />;\n\n  const composedMainContent = ({ selectedNode, menuItemsList }) => (\n    <div className={`${classes.root} ${className}`}>\n      {clientContent({ selectedNode, menuItemsList })}\n    </div>\n  );\n\n  return (\n    <MenuPage\n      innerMenuOverride={innerMenu}\n      mainContent={composedMainContent}\n      menuTitle={menuTitle}\n      allowMissingPageParam={allowMissingPageParam}\n      searchParamsTransformer={searchParamsTransformer}\n    />\n  );\n};\n\nCustomMenuPage.propTypes = {\n  items: PropTypes.array,\n  className: PropTypes.string,\n  menuTitle: PropTypes.string,\n  mainContent: PropTypes.func,\n  idPrefix: PropTypes.string,\n  showItemCount: PropTypes.bool,\n  itemCountAccessor: PropTypes.func,\n  allowMissingPageParam: PropTypes.bool,\n  searchParamsTransformer: PropTypes.func,\n};\n\nexport default CustomMenuPage;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU,EACrC,MAAM;CACJ,UAAU;CACV,SAAS,MAAM,QAAQ,EAAE;CAC1B,EACF,EAAE;AAGH,SAAS,wBAAwB,QAAQ,EAAE,EAAE,WAAW,WAAW,UAAU,gBAAgB,OAAO,oBAAoB,MAAM;CAC5H,MAAM,QAAQ,EAAE;CAChB,MAAM,SAAS,SAAS,EAAE,EAAE,KAAK,MAAM,QAAQ;EAC7C,MAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,WAAW;EACtD,MAAM,kBAAkB,GAAG,SAAS,GAAG;EAGvC,IAAI,YAAY;AAChB,MAAI,iBAAiB,OAAO,sBAAsB,WAChD,KAAI;GACF,MAAM,MAAM,kBAAkB,KAAK;AACnC,OAAI,QAAQ,UAAa,QAAQ,KAC/B,aAAY;WAEP,GAAG;AAId,QAAM,mBAAmB;AACzB,OAAK,oBAAoB;AACzB,OAAK,YAAY;EAEjB,MAAM,gBAAgB;GAAE,YAAY;GAAgB,QAAQ;GAAI,gBAAgB;GAAY;AAC5F,MAAI,cAAc,QAAQ,cAAc,OACtC,eAAc,YAAY;AAG5B,SAAO;GACL;GACA,kBAAkB;IAChB,oBAAoB,GAAG,SAAS,QAAQ;IACxC,WAAW;IACX,YAAY;IACZ,MAAM,KAAK,QAAQ;IACnB,YAAY,KAAK,UAAU,cAAc;IACzC,UAAU;IACV,SAAS,EAAE;IACX,UAAU,EAAE;IACZ,aAAa;IACb,0BAA0B;IAC1B,OAAO;IACR;GACD,OAAO,KAAK,QAAQ;GACpB,OAAO;GACP,UAAU;GACV,cAAc;GACd,4BAA4B,EAAE;GAC/B;GACD;AAQF,QAAO;EAAE,WANS;GAEhB,MAAM,YAAY,YAAY;GAC9B,gCAAgC;GACjC;EAEmB;EAAO;;AAG7B,MAAM,kBAAkB,EACtB,QAAQ,EAAE,EACV,YAAY,IACZ,WACA,aAAa,mBACb,WAAW,UACX,gBAAgB,OAChB,oBAAoB,MACpB,wBAAwB,OACxB,0BAA0B,WACtB;CACJ,MAAM,UAAU,WAAW;CAI3B,MAAM,EAAE,WAAW,UAAU,cAC3B,wBAAwB,OAAO,WAAW,UAAU,eAAe,kBAAkB,EACrF;EAAC;EAAO;EAAW;EAAU;EAAe;EAAkB,CAC/D;CAGD,MAAM,gBAAgB,qBACjB,EAAE,cAAc,oBACf,kBAAkB;EAAE;EAAc;EAAe;EAAO;EAAO;EAAS;EAAW,CAAC,IACrF,EAAE,cAAc,oBAAoB,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,cAAe;CAE3F,MAAM,uBAAuB,EAAE,cAAc,oBAC3C,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,eAChC,cAAc;EAAE;EAAc;EAAe,CAAC,CAC3C;AAGR,QACE,oCAACA;EACC,mBAAmB;EACnB,aAAa;EACF;EACY;EACE;GACzB;;AAIN,eAAe,YAAY;CACzB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,aAAa,UAAU;CACvB,UAAU,UAAU;CACpB,eAAe,UAAU;CACzB,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;CACjC,yBAAyB,UAAU;CACpC;AAED,6BAAe"}

package/dist/{menus-Bt9DHMJZ.js → menus-Ci9KI_c_.js}

@@ -78,4 +78,4 @@ const Block = (props) => {
 
 //#endregion
 export { ExpanderItem as n, Block as t };
-//# sourceMappingURL=menus-Bt9DHMJZ.js.map
+//# sourceMappingURL=menus-Ci9KI_c_.js.map

package/dist/{menus-Bt9DHMJZ.js.map → menus-Ci9KI_c_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menus-Bt9DHMJZ.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,IAAI,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"}
+{"version":3,"file":"menus-Ci9KI_c_.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,IAAI,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/{navigation-DQMPOxVw.js → navigation-CDXE3AXd.js}

@@ -141,4 +141,4 @@ const FluentSideNav = (props) => {
 
 //#endregion
 export { FluentSideNav as t };
-//# sourceMappingURL=navigation-DQMPOxVw.js.map
+//# sourceMappingURL=navigation-CDXE3AXd.js.map

package/dist/{navigation-DQMPOxVw.js.map → navigation-CDXE3AXd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"navigation-DQMPOxVw.js","names":["LabelIcon","nodes"],"sources":["../src/UI/navigation/FluentSideNav.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles'\nimport TreeView from '@material-ui/lab/TreeView'\nimport TreeItem from '@material-ui/lab/TreeItem'\nimport Typography from '@material-ui/core/Typography'\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ViewDashboardIcon,\n  AdminALogo32Icon,\n  MessageIcon,\n  ContentFeedIcon,\n  RawSourceIcon,\n  BugIcon,\n  OfficeFormsLogo16Icon,\n  CloudUploadIcon\n} from '@fluentui/react-icons'\nimport { Link } from 'react-router-dom'\n\nconst useTreeItemStyles = makeStyles((theme) => ({\n  root: {\n    color: theme.palette.text.secondary,\n    '&:hover > $content': {\n      backgroundColor: theme.palette.action.hover\n    },\n    '&:focus > $content, &$selected > $content': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $marker, &$selected > $marker': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {\n      backgroundColor: 'transparent'\n    }\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    fontWeight: theme.typography.fontWeightMedium,\n    '$expanded > &': {\n      fontWeight: theme.typography.fontWeightRegular\n    }\n  },\n  group: {\n    marginLeft: 0,\n    '& $content': {\n      paddingLeft: theme.spacing(2)\n    }\n  },\n  expanded: {},\n  selected: {},\n  label: {\n    fontWeight: 'inherit',\n    color: 'inherit'\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 0)\n  },\n  labelIcon: {\n    marginRight: theme.spacing(2.5),\n    fontSize: 16,\n    color: theme.palette.secondary.main\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    fontSize: 14,\n    flexGrow: 1\n  }\n}))\n\nconst StyledTreeItem = (props) => {\n  const classes = useTreeItemStyles()\n  const {\n    labelText,\n    labelIcon: LabelIcon,\n    labelInfo,\n    color,\n    bgColor,\n    to,\n    children,\n    ...other\n  } = props\n\n  return (\n    <Link to={to} style={{ textDecoration: 'none' }}>\n      <TreeItem\n        label={\n          <div className={classes.labelRoot}>\n            {LabelIcon && (\n              <LabelIcon color='inherit' className={classes.labelIcon} />\n            )}\n            <Typography variant='body2' className={classes.labelText}>\n              {labelText}\n            </Typography>\n            <Typography variant='caption' color='inherit'>\n              {labelInfo}\n            </Typography>\n          </div>\n        }\n        style={{\n          '--tree-view-color': color,\n          '--tree-view-bg-color': bgColor\n        }}\n        classes={{\n          root: classes.root,\n          content: classes.content,\n          expanded: classes.expanded,\n          selected: classes.selected,\n          group: classes.group,\n          label: classes.label\n        }}\n        {...other}\n        children={children}\n      />\n    </Link>\n  )\n}\n\nStyledTreeItem.propTypes = {\n  bgColor: PropTypes.string,\n  color: PropTypes.string,\n  labelIcon: PropTypes.elementType,\n  labelInfo: PropTypes.string,\n  labelText: PropTypes.string.isRequired\n}\n\nconst useStyles = makeStyles({\n  root: {\n    height: 264,\n    flexGrow: 1,\n    maxWidth: 280\n  }\n})\n\nexport const FluentSideNav = (props) => {\n  const classes = useStyles()\n  const { data } = props\n\n  const renderedArray = data.map((nodes) => {\n    const icons = {\n      ViewDashboardIcon,\n      AdminALogo32Icon,\n      MessageIcon,\n      ContentFeedIcon,\n      RawSourceIcon,\n      BugIcon,\n      OfficeFormsLogo16Icon,\n      CloudUploadIcon\n    }\n    return (\n      <StyledTreeItem\n        key={nodes.nodeId}\n        nodeId={nodes.nodeId}\n        labelText={nodes.labelText}\n        labelIcon={\n          typeof nodes.labelIcon === 'string'\n            ? icons[nodes.labelIcon]\n            : nodes.labelIcon\n        }\n        to={nodes.to !== '' && nodes.to}\n        children={\n          nodes.children &&\n          nodes.children.map((nodes) => {\n            return (\n              <StyledTreeItem\n                key={nodes.nodeId}\n                nodeId={nodes.nodeId}\n                labelText={nodes.labelText}\n                labelIcon={\n                  typeof nodes.labelIcon === 'string'\n                    ? icons[nodes.labelIcon]\n                    : nodes.labelIcon\n                }\n                to={nodes.to !== '' && nodes.to}\n              />\n            )\n          })\n        }\n      />\n    )\n  })\n\n  return (\n    <TreeView\n      className={classes.root}\n      defaultCollapseIcon={<ChevronDownIcon />}\n      defaultExpandIcon={<ChevronRightIcon />}\n      defaultEndIcon={<div style={{ width: 24 }} />}\n      // defaultExpanded={[{ expanded }]}\n    >\n      {renderedArray}\n    </TreeView>\n  )\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,oBAAoB,YAAY,WAAW;CAC/C,MAAM;EACJ,OAAO,MAAM,QAAQ,KAAK;EAC1B,sBAAsB,EACpB,iBAAiB,MAAM,QAAQ,OAAO,OACvC;EACD,6CAA6C;GAC3C,iBAAiB,6BAA6B,MAAM,QAAQ,KAAK,KAAK;GACtE,OAAO;GACR;EACD,2CAA2C;GACzC,iBAAiB,6BAA6B,MAAM,QAAQ,KAAK,KAAK;GACtE,OAAO;GACR;EACD,sFAAsF,EACpF,iBAAiB,eAClB;EACF;CACD,SAAS;EACP,OAAO,MAAM,QAAQ,KAAK;EAC1B,cAAc,MAAM,QAAQ,EAAE;EAC9B,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,WAAW;EAC7B,iBAAiB,EACf,YAAY,MAAM,WAAW,mBAC9B;EACF;CACD,OAAO;EACL,YAAY;EACZ,cAAc,EACZ,aAAa,MAAM,QAAQ,EAAE,EAC9B;EACF;CACD,UAAU,EAAE;CACZ,UAAU,EAAE;CACZ,OAAO;EACL,YAAY;EACZ,OAAO;EACR;CACD,WAAW;EACT,SAAS;EACT,YAAY;EACZ,SAAS,MAAM,QAAQ,KAAK,EAAE;EAC/B;CACD,WAAW;EACT,aAAa,MAAM,QAAQ,IAAI;EAC/B,UAAU;EACV,OAAO,MAAM,QAAQ,UAAU;EAChC;CACD,WAAW;EACT,YAAY;EACZ,UAAU;EACV,UAAU;EACX;CACF,EAAE;AAEH,MAAM,kBAAkB,UAAU;CAChC,MAAM,UAAU,mBAAmB;CACnC,MAAM,EACJ,WACA,WAAWA,aACX,WACA,OACA,SACA,IACA,UACA,GAAG,UACD;AAEJ,QACE,oCAAC;EAAS;EAAI,OAAO,EAAE,gBAAgB,QAAQ;IAC7C,oCAAC;EACC,OACE,oCAAC,SAAI,WAAW,QAAQ,aACrBA,eACC,oCAACA;GAAU,OAAM;GAAU,WAAW,QAAQ;IAAa,EAE7D,oCAAC;GAAW,SAAQ;GAAQ,WAAW,QAAQ;KAC5C,UACU,EACb,oCAAC;GAAW,SAAQ;GAAU,OAAM;KACjC,UACU,CACT;EAER,OAAO;GACL,qBAAqB;GACrB,wBAAwB;GACzB;EACD,SAAS;GACP,MAAM,QAAQ;GACd,SAAS,QAAQ;GACjB,UAAU,QAAQ;GAClB,UAAU,QAAQ;GAClB,OAAO,QAAQ;GACf,OAAO,QAAQ;GAChB;EACD,GAAI;EACM;GACV,CACG;;AAIX,eAAe,YAAY;CACzB,SAAS,UAAU;CACnB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,WAAW,UAAU,OAAO;CAC7B;AAED,MAAM,YAAY,WAAW,EAC3B,MAAM;CACJ,QAAQ;CACR,UAAU;CACV,UAAU;CACX,EACF,CAAC;AAEF,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS;CAEjB,MAAM,gBAAgB,KAAK,KAAK,UAAU;EACxC,MAAM,QAAQ;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;AACD,SACE,oCAAC;GACC,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,WAAW,MAAM;GACjB,WACE,OAAO,MAAM,cAAc,WACvB,MAAM,MAAM,aACZ,MAAM;GAEZ,IAAI,MAAM,OAAO,MAAM,MAAM;GAC7B,UACE,MAAM,YACN,MAAM,SAAS,KAAK,YAAU;AAC5B,WACE,oCAAC;KACC,KAAKC,QAAM;KACX,QAAQA,QAAM;KACd,WAAWA,QAAM;KACjB,WACE,OAAOA,QAAM,cAAc,WACvB,MAAMA,QAAM,aACZA,QAAM;KAEZ,IAAIA,QAAM,OAAO,MAAMA,QAAM;MAC7B;KAEJ;IAEJ;GAEJ;AAEF,QACE,oCAAC;EACC,WAAW,QAAQ;EACnB,qBAAqB,oCAAC,sBAAkB;EACxC,mBAAmB,oCAAC,uBAAmB;EACvC,gBAAgB,oCAAC,SAAI,OAAO,EAAE,OAAO,IAAI,GAAI;IAG5C,cACQ"}
+{"version":3,"file":"navigation-CDXE3AXd.js","names":["LabelIcon","nodes"],"sources":["../src/UI/navigation/FluentSideNav.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles'\nimport TreeView from '@material-ui/lab/TreeView'\nimport TreeItem from '@material-ui/lab/TreeItem'\nimport Typography from '@material-ui/core/Typography'\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ViewDashboardIcon,\n  AdminALogo32Icon,\n  MessageIcon,\n  ContentFeedIcon,\n  RawSourceIcon,\n  BugIcon,\n  OfficeFormsLogo16Icon,\n  CloudUploadIcon\n} from '@fluentui/react-icons'\nimport { Link } from 'react-router-dom'\n\nconst useTreeItemStyles = makeStyles((theme) => ({\n  root: {\n    color: theme.palette.text.secondary,\n    '&:hover > $content': {\n      backgroundColor: theme.palette.action.hover\n    },\n    '&:focus > $content, &$selected > $content': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $marker, &$selected > $marker': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {\n      backgroundColor: 'transparent'\n    }\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    fontWeight: theme.typography.fontWeightMedium,\n    '$expanded > &': {\n      fontWeight: theme.typography.fontWeightRegular\n    }\n  },\n  group: {\n    marginLeft: 0,\n    '& $content': {\n      paddingLeft: theme.spacing(2)\n    }\n  },\n  expanded: {},\n  selected: {},\n  label: {\n    fontWeight: 'inherit',\n    color: 'inherit'\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 0)\n  },\n  labelIcon: {\n    marginRight: theme.spacing(2.5),\n    fontSize: 16,\n    color: theme.palette.secondary.main\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    fontSize: 14,\n    flexGrow: 1\n  }\n}))\n\nconst StyledTreeItem = (props) => {\n  const classes = useTreeItemStyles()\n  const {\n    labelText,\n    labelIcon: LabelIcon,\n    labelInfo,\n    color,\n    bgColor,\n    to,\n    children,\n    ...other\n  } = props\n\n  return (\n    <Link to={to} style={{ textDecoration: 'none' }}>\n      <TreeItem\n        label={\n          <div className={classes.labelRoot}>\n            {LabelIcon && (\n              <LabelIcon color='inherit' className={classes.labelIcon} />\n            )}\n            <Typography variant='body2' className={classes.labelText}>\n              {labelText}\n            </Typography>\n            <Typography variant='caption' color='inherit'>\n              {labelInfo}\n            </Typography>\n          </div>\n        }\n        style={{\n          '--tree-view-color': color,\n          '--tree-view-bg-color': bgColor\n        }}\n        classes={{\n          root: classes.root,\n          content: classes.content,\n          expanded: classes.expanded,\n          selected: classes.selected,\n          group: classes.group,\n          label: classes.label\n        }}\n        {...other}\n        children={children}\n      />\n    </Link>\n  )\n}\n\nStyledTreeItem.propTypes = {\n  bgColor: PropTypes.string,\n  color: PropTypes.string,\n  labelIcon: PropTypes.elementType,\n  labelInfo: PropTypes.string,\n  labelText: PropTypes.string.isRequired\n}\n\nconst useStyles = makeStyles({\n  root: {\n    height: 264,\n    flexGrow: 1,\n    maxWidth: 280\n  }\n})\n\nexport const FluentSideNav = (props) => {\n  const classes = useStyles()\n  const { data } = props\n\n  const renderedArray = data.map((nodes) => {\n    const icons = {\n      ViewDashboardIcon,\n      AdminALogo32Icon,\n      MessageIcon,\n      ContentFeedIcon,\n      RawSourceIcon,\n      BugIcon,\n      OfficeFormsLogo16Icon,\n      CloudUploadIcon\n    }\n    return (\n      <StyledTreeItem\n        key={nodes.nodeId}\n        nodeId={nodes.nodeId}\n        labelText={nodes.labelText}\n        labelIcon={\n          typeof nodes.labelIcon === 'string'\n            ? icons[nodes.labelIcon]\n            : nodes.labelIcon\n        }\n        to={nodes.to !== '' && nodes.to}\n        children={\n          nodes.children &&\n          nodes.children.map((nodes) => {\n            return (\n              <StyledTreeItem\n                key={nodes.nodeId}\n                nodeId={nodes.nodeId}\n                labelText={nodes.labelText}\n                labelIcon={\n                  typeof nodes.labelIcon === 'string'\n                    ? icons[nodes.labelIcon]\n                    : nodes.labelIcon\n                }\n                to={nodes.to !== '' && nodes.to}\n              />\n            )\n          })\n        }\n      />\n    )\n  })\n\n  return (\n    <TreeView\n      className={classes.root}\n      defaultCollapseIcon={<ChevronDownIcon />}\n      defaultExpandIcon={<ChevronRightIcon />}\n      defaultEndIcon={<div style={{ width: 24 }} />}\n      // defaultExpanded={[{ expanded }]}\n    >\n      {renderedArray}\n    </TreeView>\n  )\n}\n"],"mappings":"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"}

package/dist/{newGrid-QEximvwY.js → newGrid-zmtQXU5G.js}

@@ -1,4 +1,4 @@
-import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-CuvPx8QK.js";
+import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-DWkoiwxC.js";
 import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { ApiMethodInstanceGrid, EntityMaintenanceGrid, ServerSideGrid } from "udp-react-stencil-component-library";
 
@@ -116,4 +116,4 @@ const ServerSideUdpGrid = (props) => {
 
 //#endregion
 export { EntityMaintenanceUdpGrid as i, ApiMethodInstanceUdpGrid as n, BackwardsCompatibleGrid as r, ServerSideUdpGrid as t };
-//# sourceMappingURL=newGrid-QEximvwY.js.map
+//# sourceMappingURL=newGrid-zmtQXU5G.js.map

package/dist/{newGrid-QEximvwY.js.map → newGrid-zmtQXU5G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"newGrid-QEximvwY.js","names":["EntityMaintenanceUdpGrid: React.FC<any>","searchObject"],"sources":["../src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx","../src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx","../src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx","../src/UI/templates/newGrid/ServerSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { EntityMaintenanceGrid } from 'udp-react-stencil-component-library'\n\nexport const EntityMaintenanceUdpGrid: React.FC<any> = (props) => {\n\n  return (\n   <div >\n      <EntityMaintenanceGrid {...props}/>\n   </div>\n  )\n}\n","import React, {\n  useMemo,\n  useState,\n  useRef,\n  forwardRef,\n  useImperativeHandle\n} from 'react';\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library';\nimport { useUdpExport } from '../../../udp/export/useUdpExport';\nimport { ExportSidesheet } from '../../../udp/export/ExportSidesheet';\n\n/*\n * This grid is intended to be a temporary drop in replacement for ambient-template-grid.\n * Do not use it unless you were using the old grid, this will not be further supported and is worse on performance than the other new grids.\n */\n\nexport const BackwardsCompatibleGrid = forwardRef((props, ref) => {\n  const {\n    gridBarTitle,\n    queryId,\n    gridId,\n    primaryActionOnClick,\n    primaryActionLabel,\n    primaryActionIcon,\n    defaultSearchObject,\n    renderConfigs,\n    disableGridPersistance,\n    enableCheckboxOnColumns,\n    gridHeight\n  } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const gridApiRef = useRef(null);\n\n  //Convert the filter Elements passed in to a search object\n  const fullDefaultSearchObject = useMemo(() => {\n    return {\n      filterElements: defaultSearchObject,\n      logicalSearchOperator: 1\n    };\n  }, [defaultSearchObject]);\n\n  //Convert renderConfigs to columnOverrides\n  const columnOverrides = useMemo(() => {\n    const initialColumns = renderConfigs;\n\n    return initialColumns.map((col) => {\n      // Use destructuring to separate 'rendererName' from the rest of the properties.\n      const { rendererName, ...rest } = col;\n\n      // Start building the new object, renaming rendererName if it exists.\n      const newCol = {\n        ...rest,\n        ...(rendererName && { cellRenderer: rendererName })\n      };\n\n      return newCol;\n    });\n  }, [renderConfigs]);\n\n  const sizedIcon = useMemo(() => {\n    if (primaryActionIcon === 'add32') {\n      return 'add';\n    }\n  }, [primaryActionIcon]);\n\n  //export functions\n\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (searchObject, entityName) => {\n    if (searchObject && entityName) {\n      updateExportParameters(entityName, searchObject);\n      setExportSidesheetOpen(true);\n    } else {\n      console.error('Failed to retrieve searchObject or entityName from grid');\n    }\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  useImperativeHandle(ref, () => ({\n    //hooks for the parent to call these functions\n    refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),\n    getSelectedRows: () => gridApiRef.current?.getSelectedRows()\n  }));\n\n  const handleGridApiCallback = (api) => {\n    gridApiRef.current = api;\n  };\n\n  return (\n    <div>\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n      <ApiMethodInstanceGrid\n        apiMethodInstanceId={queryId}\n        gridId={gridId}\n        defaultSearchObject={fullDefaultSearchObject}\n        columnDefOverrides={columnOverrides}\n        gridHeight={gridHeight}\n        gridOptions={{\n          pagination: true,\n          rowSelection: enableCheckboxOnColumns && {\n            mode: 'multiRow',\n            enableClickSelection: true,\n            headerCheckbox: false\n          }\n        }}\n        gridHeaderConfig={{\n          title: gridBarTitle,\n          primaryActionButton: {\n            label: primaryActionLabel,\n            iconName: sizedIcon,\n            onClick: primaryActionOnClick\n          }\n        }}\n        gridFunctions={[\n          { name: 'agGridExport' },\n          { name: 'openSavedViews' },\n          { name: 'agGridSizeColumnsToFit' },\n          { name: 'agGridAutoSizeColumns' },\n          !disableGridPersistance && { name: 'restoreGridState' },\n          { name: 'agGridHideShowColumns' },\n          { name: 'agGridResetColumns' },\n          {\n            name: 'udpExport',\n            params: {\n              callback: (searchObject, entityName) =>\n                exportFromGrid(searchObject, entityName)\n            }\n          }\n        ]}\n        gridApiCallback={handleGridApiCallback}\n      />\n    </div>\n  );\n});\n\nBackwardsCompatibleGrid.displayName = 'BackwardsCompatibleGrid';\n","import React from 'react'\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library'\n\nexport const ApiMethodInstanceUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ApiMethodInstanceGrid {...props}/>\n   </div>\n  )\n}\n","import React from 'react'\nimport { ServerSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ServerSideUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ServerSideGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAaA,4BAA2C,UAAU;AAEhE,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACQT,MAAa,0BAA0B,YAAY,OAAO,QAAQ;CAChE,MAAM,EACJ,cACA,SACA,QACA,sBACA,oBACA,mBACA,qBACA,eACA,wBACA,yBACA,eACE;CAEJ,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,aAAa,OAAO,KAAK;CAG/B,MAAM,0BAA0B,cAAc;AAC5C,SAAO;GACL,gBAAgB;GAChB,uBAAuB;GACxB;IACA,CAAC,oBAAoB,CAAC;CAGzB,MAAM,kBAAkB,cAAc;AAGpC,SAFuB,cAED,KAAK,QAAQ;GAEjC,MAAM,EAAE,cAAc,GAAG,SAAS;AAQlC,UALe;IACb,GAAG;IACH,GAAI,gBAAgB,EAAE,cAAc,cAAc;IACnD;IAGD;IACD,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAAc;AAC9B,MAAI,sBAAsB,QACxB,QAAO;IAER,CAAC,kBAAkB,CAAC;CAIvB,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,gBAAc,eAAe;AACnD,MAAIC,kBAAgB,YAAY;AAC9B,0BAAuB,YAAYA,eAAa;AAChD,0BAAuB,KAAK;QAE5B,SAAQ,MAAM,0DAA0D;;CAI5E,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,qBAAoB,YAAY;EAE9B,0BAA0B,WAAW,SAAS,mBAAmB;EACjE,uBAAuB,WAAW,SAAS,iBAAiB;EAC7D,EAAE;CAEH,MAAM,yBAAyB,QAAQ;AACrC,aAAW,UAAU;;AAGvB,QACE,oCAAC,aACC,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,EACF,oCAAC;EACC,qBAAqB;EACb;EACR,qBAAqB;EACrB,oBAAoB;EACR;EACZ,aAAa;GACX,YAAY;GACZ,cAAc,2BAA2B;IACvC,MAAM;IACN,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACD,kBAAkB;GAChB,OAAO;GACP,qBAAqB;IACnB,OAAO;IACP,UAAU;IACV,SAAS;IACV;GACF;EACD,eAAe;GACb,EAAE,MAAM,gBAAgB;GACxB,EAAE,MAAM,kBAAkB;GAC1B,EAAE,MAAM,0BAA0B;GAClC,EAAE,MAAM,yBAAyB;GACjC,CAAC,0BAA0B,EAAE,MAAM,oBAAoB;GACvD,EAAE,MAAM,yBAAyB;GACjC,EAAE,MAAM,sBAAsB;GAC9B;IACE,MAAM;IACN,QAAQ,EACN,WAAW,gBAAc,eACvB,eAAeA,gBAAc,WAAW,EAC3C;IACF;GACF;EACD,iBAAiB;GACjB,CACE;EAER;AAEF,wBAAwB,cAAc;;;;ACpKtC,MAAa,4BAA4B,UAAU;AAEjD,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACLT,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}
+{"version":3,"file":"newGrid-zmtQXU5G.js","names":["EntityMaintenanceUdpGrid: React.FC<any>","searchObject"],"sources":["../src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx","../src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx","../src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx","../src/UI/templates/newGrid/ServerSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { EntityMaintenanceGrid } from 'udp-react-stencil-component-library'\n\nexport const EntityMaintenanceUdpGrid: React.FC<any> = (props) => {\n\n  return (\n   <div >\n      <EntityMaintenanceGrid {...props}/>\n   </div>\n  )\n}\n","import React, {\n  useMemo,\n  useState,\n  useRef,\n  forwardRef,\n  useImperativeHandle\n} from 'react';\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library';\nimport { useUdpExport } from '../../../udp/export/useUdpExport';\nimport { ExportSidesheet } from '../../../udp/export/ExportSidesheet';\n\n/*\n * This grid is intended to be a temporary drop in replacement for ambient-template-grid.\n * Do not use it unless you were using the old grid, this will not be further supported and is worse on performance than the other new grids.\n */\n\nexport const BackwardsCompatibleGrid = forwardRef((props, ref) => {\n  const {\n    gridBarTitle,\n    queryId,\n    gridId,\n    primaryActionOnClick,\n    primaryActionLabel,\n    primaryActionIcon,\n    defaultSearchObject,\n    renderConfigs,\n    disableGridPersistance,\n    enableCheckboxOnColumns,\n    gridHeight\n  } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const gridApiRef = useRef(null);\n\n  //Convert the filter Elements passed in to a search object\n  const fullDefaultSearchObject = useMemo(() => {\n    return {\n      filterElements: defaultSearchObject,\n      logicalSearchOperator: 1\n    };\n  }, [defaultSearchObject]);\n\n  //Convert renderConfigs to columnOverrides\n  const columnOverrides = useMemo(() => {\n    const initialColumns = renderConfigs;\n\n    return initialColumns.map((col) => {\n      // Use destructuring to separate 'rendererName' from the rest of the properties.\n      const { rendererName, ...rest } = col;\n\n      // Start building the new object, renaming rendererName if it exists.\n      const newCol = {\n        ...rest,\n        ...(rendererName && { cellRenderer: rendererName })\n      };\n\n      return newCol;\n    });\n  }, [renderConfigs]);\n\n  const sizedIcon = useMemo(() => {\n    if (primaryActionIcon === 'add32') {\n      return 'add';\n    }\n  }, [primaryActionIcon]);\n\n  //export functions\n\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (searchObject, entityName) => {\n    if (searchObject && entityName) {\n      updateExportParameters(entityName, searchObject);\n      setExportSidesheetOpen(true);\n    } else {\n      console.error('Failed to retrieve searchObject or entityName from grid');\n    }\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  useImperativeHandle(ref, () => ({\n    //hooks for the parent to call these functions\n    refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),\n    getSelectedRows: () => gridApiRef.current?.getSelectedRows()\n  }));\n\n  const handleGridApiCallback = (api) => {\n    gridApiRef.current = api;\n  };\n\n  return (\n    <div>\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n      <ApiMethodInstanceGrid\n        apiMethodInstanceId={queryId}\n        gridId={gridId}\n        defaultSearchObject={fullDefaultSearchObject}\n        columnDefOverrides={columnOverrides}\n        gridHeight={gridHeight}\n        gridOptions={{\n          pagination: true,\n          rowSelection: enableCheckboxOnColumns && {\n            mode: 'multiRow',\n            enableClickSelection: true,\n            headerCheckbox: false\n          }\n        }}\n        gridHeaderConfig={{\n          title: gridBarTitle,\n          primaryActionButton: {\n            label: primaryActionLabel,\n            iconName: sizedIcon,\n            onClick: primaryActionOnClick\n          }\n        }}\n        gridFunctions={[\n          { name: 'agGridExport' },\n          { name: 'openSavedViews' },\n          { name: 'agGridSizeColumnsToFit' },\n          { name: 'agGridAutoSizeColumns' },\n          !disableGridPersistance && { name: 'restoreGridState' },\n          { name: 'agGridHideShowColumns' },\n          { name: 'agGridResetColumns' },\n          {\n            name: 'udpExport',\n            params: {\n              callback: (searchObject, entityName) =>\n                exportFromGrid(searchObject, entityName)\n            }\n          }\n        ]}\n        gridApiCallback={handleGridApiCallback}\n      />\n    </div>\n  );\n});\n\nBackwardsCompatibleGrid.displayName = 'BackwardsCompatibleGrid';\n","import React from 'react'\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library'\n\nexport const ApiMethodInstanceUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ApiMethodInstanceGrid {...props}/>\n   </div>\n  )\n}\n","import React from 'react'\nimport { ServerSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ServerSideUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ServerSideGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAaA,4BAA2C,UAAU;AAEhE,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACQT,MAAa,0BAA0B,YAAY,OAAO,QAAQ;CAChE,MAAM,EACJ,cACA,SACA,QACA,sBACA,oBACA,mBACA,qBACA,eACA,wBACA,yBACA,eACE;CAEJ,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,aAAa,OAAO,KAAK;CAG/B,MAAM,0BAA0B,cAAc;AAC5C,SAAO;GACL,gBAAgB;GAChB,uBAAuB;GACxB;IACA,CAAC,oBAAoB,CAAC;CAGzB,MAAM,kBAAkB,cAAc;AAGpC,SAFuB,cAED,KAAK,QAAQ;GAEjC,MAAM,EAAE,cAAc,GAAG,SAAS;AAQlC,UALe;IACb,GAAG;IACH,GAAI,gBAAgB,EAAE,cAAc,cAAc;IACnD;IAGD;IACD,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAAc;AAC9B,MAAI,sBAAsB,QACxB,QAAO;IAER,CAAC,kBAAkB,CAAC;CAIvB,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,gBAAc,eAAe;AACnD,MAAIC,kBAAgB,YAAY;AAC9B,0BAAuB,YAAYA,eAAa;AAChD,0BAAuB,KAAK;QAE5B,SAAQ,MAAM,0DAA0D;;CAI5E,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,qBAAoB,YAAY;EAE9B,0BAA0B,WAAW,SAAS,mBAAmB;EACjE,uBAAuB,WAAW,SAAS,iBAAiB;EAC7D,EAAE;CAEH,MAAM,yBAAyB,QAAQ;AACrC,aAAW,UAAU;;AAGvB,QACE,oCAAC,aACC,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,EACF,oCAAC;EACC,qBAAqB;EACb;EACR,qBAAqB;EACrB,oBAAoB;EACR;EACZ,aAAa;GACX,YAAY;GACZ,cAAc,2BAA2B;IACvC,MAAM;IACN,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACD,kBAAkB;GAChB,OAAO;GACP,qBAAqB;IACnB,OAAO;IACP,UAAU;IACV,SAAS;IACV;GACF;EACD,eAAe;GACb,EAAE,MAAM,gBAAgB;GACxB,EAAE,MAAM,kBAAkB;GAC1B,EAAE,MAAM,0BAA0B;GAClC,EAAE,MAAM,yBAAyB;GACjC,CAAC,0BAA0B,EAAE,MAAM,oBAAoB;GACvD,EAAE,MAAM,yBAAyB;GACjC,EAAE,MAAM,sBAAsB;GAC9B;IACE,MAAM;IACN,QAAQ,EACN,WAAW,gBAAc,eACvB,eAAeA,gBAAc,WAAW,EAC3C;IACF;GACF;EACD,iBAAiB;GACjB,CACE;EAER;AAEF,wBAAwB,cAAc;;;;ACpKtC,MAAa,4BAA4B,UAAU;AAEjD,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACLT,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}

package/dist/{pickers-DTlxW9VN.js → pickers-CkwI49Ju.js}

@@ -144,4 +144,4 @@ UdpTimeSelector.propTypes = {
 
 //#endregion
 export { UdpDateSelector as n, FluentDateTimePicker as r, UdpTimeSelector as t };
-//# sourceMappingURL=pickers-DTlxW9VN.js.map
+//# sourceMappingURL=pickers-CkwI49Ju.js.map

package/dist/{pickers-DTlxW9VN.js.map → pickers-CkwI49Ju.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pickers-DTlxW9VN.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDateTimePicker\n          // disableToolbar\n          // variant='inline'\n          format='MM/dd/yyyy HH:mm'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDateTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n","import React from 'react';  \nimport { makeStyles} from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  dateInput: {  \n    borderRadius: 2,  \n    height: 32,  \n    padding: theme.spacing(1),  \n    margin: theme.spacing(1), // Add margin around the input  \n    fontSize: 14,  \n    border: '1px solid #ced4da',  \n    backgroundColor: 'transparent', // Set the background color to transparent  \n    '&:focus': {  \n      borderColor: theme.palette.primary.main,  \n      outline: 'none',  \n    },  \n  },  \n}));  \n  \nexport const UdpDateSelector = (props) => {  \n  const classes = useStyles();  \n  const {  \n    id,  \n    udprecordid,  \n    label,  \n    handleDateChange: onChangeProp,  \n    selectedDate,  \n    ...otherProps  \n  } = props;  \n  \n  const onChange = (event) => {  \n    return onChangeProp?.(event.target.value);  \n  };  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"date\"  \n        id={id}  \n        className={classes.dateInput}  \n        value={selectedDate}  \n        onChange={onChange}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpDateSelector.propTypes = {  \n  label: PropTypes.string.isRequired,  \n  id: PropTypes.string.isRequired,  \n  handleDateChange: PropTypes.func,  \n  selectedDate: PropTypes.string,  \n};  \n  \nexport default UdpDateSelector;  ","import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":"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"}
+{"version":3,"file":"pickers-CkwI49Ju.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDateTimePicker\n          // disableToolbar\n          // variant='inline'\n          format='MM/dd/yyyy HH:mm'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDateTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n","import React from 'react';  \nimport { makeStyles} from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  dateInput: {  \n    borderRadius: 2,  \n    height: 32,  \n    padding: theme.spacing(1),  \n    margin: theme.spacing(1), // Add margin around the input  \n    fontSize: 14,  \n    border: '1px solid #ced4da',  \n    backgroundColor: 'transparent', // Set the background color to transparent  \n    '&:focus': {  \n      borderColor: theme.palette.primary.main,  \n      outline: 'none',  \n    },  \n  },  \n}));  \n  \nexport const UdpDateSelector = (props) => {  \n  const classes = useStyles();  \n  const {  \n    id,  \n    udprecordid,  \n    label,  \n    handleDateChange: onChangeProp,  \n    selectedDate,  \n    ...otherProps  \n  } = props;  \n  \n  const onChange = (event) => {  \n    return onChangeProp?.(event.target.value);  \n  };  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"date\"  \n        id={id}  \n        className={classes.dateInput}  \n        value={selectedDate}  \n        onChange={onChange}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpDateSelector.propTypes = {  \n  label: PropTypes.string.isRequired,  \n  id: PropTypes.string.isRequired,  \n  handleDateChange: PropTypes.func,  \n  selectedDate: PropTypes.string,  \n};  \n  \nexport default UdpDateSelector;  ","import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":";;;;;;;;AAUA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,WAAW,EACT,UAAU,IACX;CACD,OAAO;EACL,cAAc;EACd,QAAQ;EACR,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,gBACA,cACA,kBAAkB,cAClB,cACA,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU;AACZ,SAAO,eAAe,GAAG,MAAM;IAEjC,CAAC,aAAa,CACf;AAED,QACE,oCAAC,aACC,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EAGC,QAAO;EACP,QAAO;EACH;EACS;EACb,cAAa;EACb,OAAO;EACG;EACV,GAAI;EACJ,qBAAqB;GACnB,cAAc;GACd,aAAa,cAAc;GAC5B;EACD,cAAc,oCAAC,iBAAc,OAAO,EAAE,UAAU,IAAI,GAAI;EACxD,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACH,gBACE,oCAAC;IACC,SAAS,EAAE,MAAM,QAAQ,WAAW;IACpC,WAAW,QAAQ;IACnB,UAAS;MAER,MACc;GAEpB;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACsB,CACtB;;AAIV,qBAAqB,YAAY,EAI/B,OAAO,UAAU,OAAO,YAIzB;;;;AC5GD,MAAMC,cAAY,YAAY,WAAW,EACvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,kBAAkB,cAClB,cACA,GAAG,eACD;CAEJ,MAAM,YAAY,UAAU;AAC1B,SAAO,eAAe,MAAM,OAAO,MAAM;;AAG3C,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,WAAW,QAAQ;EACnB,OAAO;EACG;EACV,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAC1B,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU,OAAO;CACrB,kBAAkB,UAAU;CAC5B,cAAc,UAAU;CACzB;;;;ACnDD,MAAM,YAAY,YAAY,WAAW,EAEvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAGH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,IAAI,OAAO,GAAG,eAAe;AAErC,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,aAAa,gCAA8B;EAC3C,WAAW,QAAQ;EACnB,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAI1B,OAAO,UAAU;CAIjB,IAAI,UAAU;CACf"}

package/dist/providers/index.js

@@ -1,3 +1,3 @@
-import { t as UdpAppProvider } from "../UdpAppProvider-DEhQ6nWc.js";
+import { t as UdpAppProvider } from "../UdpAppProvider-C6fH--WD.js";
 
 export { UdpAppProvider };

package/dist/reminders/index.js

@@ -1,4 +1,4 @@
 import { t as RemindersScreen } from "../RemindersScreen-Cg6_SGJI.js";
-import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-D1aR379a.js";
+import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-rF51zmWF.js";
 
 export { CompleteReminderSwitch, RemindersCard, RemindersScreen };

package/dist/routes/components/index.js

@@ -1,6 +1,6 @@
 import { t as PageStatus } from "../../PageStatus-DNxWVAG8.js";
 import { t as PageForbiddenRoute } from "../../PageForbiddenRoute-Dnm9vt8t.js";
 import { t as PasswordResetRedirect } from "../../PasswordResetRedirect-DDOsXDPA.js";
-import { t as PageNotFoundRoute } from "../../PageNotFoundRoute-DsTWiNGd.js";
+import { t as PageNotFoundRoute } from "../../PageNotFoundRoute-dmLyzuH3.js";
 
 export { PageForbiddenRoute, PageNotFoundRoute, PageStatus, PasswordResetRedirect };

package/dist/routes/index.js

@@ -1,3 +1,3 @@
-import { n as PrivateRoute, t as UdpRoutes } from "../routes-sO1VMd1p.js";
+import { n as PrivateRoute, t as UdpRoutes } from "../routes-Bec2NOME.js";
 
 export { PrivateRoute, UdpRoutes };

package/dist/{routes-sO1VMd1p.js → routes-Bec2NOME.js}

@@ -65,21 +65,21 @@ const PrivateRoute = ({ rolesMap: propRolesMap, menuActiveMap: propMenuActiveMap
 
 //#endregion
 //#region src/routes/UdpRoutes.jsx
-const VirtualBrowser = lazy(() => import("./VirtualBrowser-P8w0Z3uN.js"));
-const MenuPage = lazy(() => import("./MenuPage-79I_zILi.js"));
+const VirtualBrowser = lazy(() => import("./VirtualBrowser-TtaXAPNI.js"));
+const MenuPage = lazy(() => import("./MenuPage-IThq2ihD.js"));
 const UdpPublicForm = lazy(() => import("./udp/pages/UdpFormsPublicForm/index.js"));
-const WorkflowContainer = lazy(() => import("./WorkflowContainer-CICsI2cr.js"));
+const WorkflowContainer = lazy(() => import("./WorkflowContainer-LP2LBBn6.js"));
 const PasswordResetRedirect = lazy(() => import("./PasswordResetRedirect-CqxRmE48.js"));
-const MyExportsPage = lazy(() => import("./MyExportsPage-DmgTMUx3.js"));
-const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-C5KuybFd.js"));
+const MyExportsPage = lazy(() => import("./MyExportsPage-DMLtTRuJ.js"));
+const PageNotFoundRoute = lazy(() => import("./PageNotFoundRoute-BfkErQJB.js"));
 const UdpMaintenanceConfigPage = lazy(() => import("./udp/pages/UdpMaintenanceConfigPage/index.js"));
 const UdpMaintenanceEnginePage = lazy(() => import("./udp/pages/UdpMaintenanceEnginePage/index.js"));
-const AadCallback = lazy(() => import("./AadCallback-D_pbTwUX.js"));
+const AadCallback = lazy(() => import("./AadCallback-Cl_fElx_.js"));
 const UdpTransactionsPage = lazy(() => import("./udp/pages/UdpTransactionsPage/index.js"));
 const UdpTransactionTypesPage = lazy(() => import("./udp/pages/UdpTransactionTypesPage/index.js"));
 const PageContainer = lazy(() => import("./page/PageContainer/index.js").then((module) => ({ default: module.PageContainer })));
-const Reports = lazy(() => import("./Reports-D9P-jHYM.js"));
-const Inquiry = lazy(() => import("./Inquiry-Czwd0VA2.js"));
+const Reports = lazy(() => import("./Reports-CdrHfp-3.js"));
+const Inquiry = lazy(() => import("./Inquiry-Cs1kj7m_.js"));
 const UdpRoutes = (props) => {
 	const { ...other } = props;
 	return /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(PageLoading, null) }, /* @__PURE__ */ React.createElement(Switch, null, /* @__PURE__ */ React.createElement(PrivateRoute, {
@@ -152,4 +152,4 @@ const UdpRoutes = (props) => {
 
 //#endregion
 export { PrivateRoute as n, UdpRoutes as t };
-//# sourceMappingURL=routes-sO1VMd1p.js.map
+//# sourceMappingURL=routes-Bec2NOME.js.map

package/dist/{routes-sO1VMd1p.js.map → routes-Bec2NOME.js.map}

@@ -1 +1 @@
-{"version":3,"file":"routes-sO1VMd1p.js","names":["props"],"sources":["../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\r\nimport { useUser } from '../utilities/auth/useUser';\r\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\r\nimport { useMenuContext } from '../utilities/menus/MenuProvider';\r\n\r\nexport const PrivateRoute = ({ rolesMap: propRolesMap, menuActiveMap: propMenuActiveMap, ...routeProps }) => {\r\n  const isAuthenticated = useIsUnityAuthenticated();\r\n  const user = useUser();\r\n  const { t } = useTranslation();\r\n  const menuContext = useMenuContext?.();\r\n  const rolesMap = menuContext?.rolesMap ?? propRolesMap;\r\n  const menuActiveMap = menuContext?.menuActiveMap ?? propMenuActiveMap;\r\n  const userRoles = user.roleIds;\r\n  //path is passed from frontend so making sure it meets expected fromat of all lowercase, no spaces, and has format /pathname or /pathname/:param\r\n  let pathAsKey = routeProps.path\r\n    .toLowerCase()\r\n    .replaceAll(' ', '')\r\n    .replace('/', '');\r\n  pathAsKey = pathAsKey.split('/:')[0];\r\n\r\n  const userHasAccessToTenant = useMemo(() => {\r\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }, [user]);\r\n\r\n  const userHasRoles = useMemo(() => {\r\n    if (rolesMap?.size > 0) {\r\n      if (!rolesMap.has(routeProps.path)) {\r\n        return true;\r\n      }\r\n      const routeRoles = rolesMap.get(routeProps.path);\r\n      return routeRoles.every((element) => userRoles.includes(element));\r\n    }\r\n    return true\r\n  }, [userRoles, rolesMap, routeProps.path]);\r\n\r\n  const menuIsActive = useMemo(() => {\r\n    if (menuActiveMap?.size > 0 && menuActiveMap.has(routeProps.path)) {\r\n      return menuActiveMap.get(routeProps.path);\r\n    }\r\n  }, [menuActiveMap, routeProps.path]);\r\n\r\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have access to this tenant. Please select a different Tenant.'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (rolesMap?.has(routeProps.path) && !menuIsActive) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'Trying to access inactive menu. Please check your menu configurations'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have the required roles to access this page. Please contact an administrator to get access'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (isAuthenticated && user?.statusCode === 200) {\r\n    return <Route {...routeProps} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { Suspense, lazy } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute } from './PrivateRoute';\nimport { UdpPageEnums } from '../enums/pageEnums';\nimport { ConfigService } from '../configService';\nimport { PageLoading } from '../UI/feedback/PageLoading';\n\n// Lazy load route components\nconst VirtualBrowser = lazy(() =>\n  import('../maintenanceEngine/virtualBrowser/VirtualBrowser')\n);\nconst MenuPage = lazy(() => import('../menuPage/MenuPage'));\nconst UdpPublicForm = lazy(() => import('../udp/pages/UdpFormsPublicForm'));\nconst WorkflowContainer = lazy(() => import('../workflow/WorkflowContainer'));\nconst PasswordResetRedirect = lazy(() =>\n  import('./components/PasswordResetRedirect')\n);\nconst MyExportsPage = lazy(() => import('../udp/export/MyExportsPage'));\nconst PageNotFoundRoute = lazy(() => import('./components/PageNotFoundRoute'));\nconst UdpMaintenanceConfigPage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceConfigPage')\n);\nconst UdpMaintenanceEnginePage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceEnginePage')\n);\nconst AadCallback = lazy(() => import('../utilities/auth/AadCallback'));\n\n\nconst UdpTransactionsPage = lazy(() =>\n  import('../udp/pages/UdpTransactionsPage')\n);\n\nconst UdpTransactionTypesPage = lazy(() =>\n  import('../udp/pages/UdpTransactionTypesPage')\n);\n\nconst PageContainer = lazy(() =>\n  import('../page/PageContainer').then(module => ({ default: module.PageContainer }))\n);\n\nconst Reports = lazy(() => import('../reports/Reports'));\n\nconst Inquiry = lazy(() => import('../inquiry/Inquiry'));\n\nexport const UdpRoutes = (props) => {\n  const { ...other } = props;\n  return (\n    <Suspense fallback={<PageLoading />}>\n      <Switch>\n        <PrivateRoute\n          path='/virtual/:id'\n          render={(props) => <VirtualBrowser {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/menupage/:id'\n          render={(props) => <MenuPage {...props} {...other} />}\n        />\n\n        <Route\n          path={`/page/${UdpPageEnums.Udp_Public_Forms_Page}`}\n          render={(props) => <UdpPublicForm {...props} {...other} />}\n        />\n        <Route\n          path={`/passwordresetsuccess`}\n          render={(props) => <PasswordResetRedirect props={props} />}\n        />\n        <PrivateRoute\n          path='/workflowtask/:id'\n          render={(props) => <WorkflowContainer {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/myexports'\n          render={(props) => (\n            <MyExportsPage\n              productId={ConfigService.config.UNITY_PRODUCT_ID}\n              {...props}\n              {...other}\n            />\n          )}\n        />\n        <PrivateRoute\n          path='/crudbrowser'\n          render={(props) => <UdpMaintenanceEnginePage {...props} />}\n        />\n        <PrivateRoute\n          path='/tablebrowser'\n          render={(props) => <UdpMaintenanceConfigPage {...props} />}\n        />\n\n        <Route path='/aad_callback' component={AadCallback} />\n        <PrivateRoute\n          path='/transactionsPage'\n          render={(props) => <UdpTransactionsPage {...props} />}\n        />\n        <PrivateRoute\n          path='/transactionTypesPage'\n          render={(props) => <UdpTransactionTypesPage {...props} />}\n        />\n        <PrivateRoute path=\"/reports/:id\" exact component={Reports} />\n      <PrivateRoute\n        path=\"/inquiry/:id\"\n        render={props => <Inquiry {...props} />}\n      />\n      <PrivateRoute\n        path=\"/page/:id\"\n        render={props => (\n          <PageContainer fromMenu={true} {...props} />\n        )}\n      />\n        <PrivateRoute path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"routes-Bec2NOME.js","names":["props"],"sources":["../src/routes/PrivateRoute.jsx","../src/routes/UdpRoutes.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\r\nimport { useUser } from '../utilities/auth/useUser';\r\nimport { PageForbiddenRoute } from './components/PageForbiddenRoute';\r\nimport { useMenuContext } from '../utilities/menus/MenuProvider';\r\n\r\nexport const PrivateRoute = ({ rolesMap: propRolesMap, menuActiveMap: propMenuActiveMap, ...routeProps }) => {\r\n  const isAuthenticated = useIsUnityAuthenticated();\r\n  const user = useUser();\r\n  const { t } = useTranslation();\r\n  const menuContext = useMenuContext?.();\r\n  const rolesMap = menuContext?.rolesMap ?? propRolesMap;\r\n  const menuActiveMap = menuContext?.menuActiveMap ?? propMenuActiveMap;\r\n  const userRoles = user.roleIds;\r\n  //path is passed from frontend so making sure it meets expected fromat of all lowercase, no spaces, and has format /pathname or /pathname/:param\r\n  let pathAsKey = routeProps.path\r\n    .toLowerCase()\r\n    .replaceAll(' ', '')\r\n    .replace('/', '');\r\n  pathAsKey = pathAsKey.split('/:')[0];\r\n\r\n  const userHasAccessToTenant = useMemo(() => {\r\n    if (user?.tenantIds?.includes(user.currentTenantId)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }, [user]);\r\n\r\n  const userHasRoles = useMemo(() => {\r\n    if (rolesMap?.size > 0) {\r\n      if (!rolesMap.has(routeProps.path)) {\r\n        return true;\r\n      }\r\n      const routeRoles = rolesMap.get(routeProps.path);\r\n      return routeRoles.every((element) => userRoles.includes(element));\r\n    }\r\n    return true\r\n  }, [userRoles, rolesMap, routeProps.path]);\r\n\r\n  const menuIsActive = useMemo(() => {\r\n    if (menuActiveMap?.size > 0 && menuActiveMap.has(routeProps.path)) {\r\n      return menuActiveMap.get(routeProps.path);\r\n    }\r\n  }, [menuActiveMap, routeProps.path]);\r\n\r\n  if (!userHasAccessToTenant && isAuthenticated && user?.statusCode === 200) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have access to this tenant. Please select a different Tenant.'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (rolesMap?.has(routeProps.path) && !menuIsActive) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'Trying to access inactive menu. Please check your menu configurations'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (!user.isUnitySystemAdmin && rolesMap?.size > 0 && !userHasRoles) {\r\n    return (\r\n      <Route\r\n        path='*'\r\n        render={(props) => (\r\n          <PageForbiddenRoute\r\n            message={t(\r\n              'You do not have the required roles to access this page. Please contact an administrator to get access'\r\n            )}\r\n            showButton={false}\r\n          />\r\n        )}\r\n      />\r\n    );\r\n  }\r\n\r\n  if (isAuthenticated && user?.statusCode === 200) {\r\n    return <Route {...routeProps} />;\r\n  }\r\n\r\n  return null;\r\n};\r\n","import React, { Suspense, lazy } from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute } from './PrivateRoute';\nimport { UdpPageEnums } from '../enums/pageEnums';\nimport { ConfigService } from '../configService';\nimport { PageLoading } from '../UI/feedback/PageLoading';\n\n// Lazy load route components\nconst VirtualBrowser = lazy(() =>\n  import('../maintenanceEngine/virtualBrowser/VirtualBrowser')\n);\nconst MenuPage = lazy(() => import('../menuPage/MenuPage'));\nconst UdpPublicForm = lazy(() => import('../udp/pages/UdpFormsPublicForm'));\nconst WorkflowContainer = lazy(() => import('../workflow/WorkflowContainer'));\nconst PasswordResetRedirect = lazy(() =>\n  import('./components/PasswordResetRedirect')\n);\nconst MyExportsPage = lazy(() => import('../udp/export/MyExportsPage'));\nconst PageNotFoundRoute = lazy(() => import('./components/PageNotFoundRoute'));\nconst UdpMaintenanceConfigPage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceConfigPage')\n);\nconst UdpMaintenanceEnginePage = lazy(() =>\n  import('../udp/pages/UdpMaintenanceEnginePage')\n);\nconst AadCallback = lazy(() => import('../utilities/auth/AadCallback'));\n\n\nconst UdpTransactionsPage = lazy(() =>\n  import('../udp/pages/UdpTransactionsPage')\n);\n\nconst UdpTransactionTypesPage = lazy(() =>\n  import('../udp/pages/UdpTransactionTypesPage')\n);\n\nconst PageContainer = lazy(() =>\n  import('../page/PageContainer').then(module => ({ default: module.PageContainer }))\n);\n\nconst Reports = lazy(() => import('../reports/Reports'));\n\nconst Inquiry = lazy(() => import('../inquiry/Inquiry'));\n\nexport const UdpRoutes = (props) => {\n  const { ...other } = props;\n  return (\n    <Suspense fallback={<PageLoading />}>\n      <Switch>\n        <PrivateRoute\n          path='/virtual/:id'\n          render={(props) => <VirtualBrowser {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/menupage/:id'\n          render={(props) => <MenuPage {...props} {...other} />}\n        />\n\n        <Route\n          path={`/page/${UdpPageEnums.Udp_Public_Forms_Page}`}\n          render={(props) => <UdpPublicForm {...props} {...other} />}\n        />\n        <Route\n          path={`/passwordresetsuccess`}\n          render={(props) => <PasswordResetRedirect props={props} />}\n        />\n        <PrivateRoute\n          path='/workflowtask/:id'\n          render={(props) => <WorkflowContainer {...props} {...other} />}\n        />\n        <PrivateRoute\n          path='/myexports'\n          render={(props) => (\n            <MyExportsPage\n              productId={ConfigService.config.UNITY_PRODUCT_ID}\n              {...props}\n              {...other}\n            />\n          )}\n        />\n        <PrivateRoute\n          path='/crudbrowser'\n          render={(props) => <UdpMaintenanceEnginePage {...props} />}\n        />\n        <PrivateRoute\n          path='/tablebrowser'\n          render={(props) => <UdpMaintenanceConfigPage {...props} />}\n        />\n\n        <Route path='/aad_callback' component={AadCallback} />\n        <PrivateRoute\n          path='/transactionsPage'\n          render={(props) => <UdpTransactionsPage {...props} />}\n        />\n        <PrivateRoute\n          path='/transactionTypesPage'\n          render={(props) => <UdpTransactionTypesPage {...props} />}\n        />\n        <PrivateRoute path=\"/reports/:id\" exact component={Reports} />\n      <PrivateRoute\n        path=\"/inquiry/:id\"\n        render={props => <Inquiry {...props} />}\n      />\n      <PrivateRoute\n        path=\"/page/:id\"\n        render={props => (\n          <PageContainer fromMenu={true} {...props} />\n        )}\n      />\n        <PrivateRoute path='*' component={PageNotFoundRoute} />\n      </Switch>\n    </Suspense>\n  );\n};\n"],"mappings":"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"}

package/dist/shell/index.js

@@ -1,8 +1,8 @@
 import { n as SiteHeaderRightComponentTarget, t as SiteHeaderRightComponent } from "../SiteHeaderRightComponent-BwFUg3ur.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "../useBuildEnvironment-2gdqpmBX.js";
 import { t as SidebarCollapseButton } from "../SidebarCollapseButton-_UUtsftD.js";
-import { a as LanguageSwitcher, i as HelpCenter, o as ShellDropdown, r as EnvironmentRibbon, s as AmbientProjectSwitcher, t as SiteHeaderSpacer } from "../SiteHeader-orcFarUw.js";
-import { t as Shell } from "../Shell-BiFCsIjt.js";
-import { r as isPasswordValid, t as UserForm } from "../UserForm-DNRashuU.js";
+import { a as LanguageSwitcher, i as HelpCenter, o as ShellDropdown, r as EnvironmentRibbon, s as AmbientProjectSwitcher, t as SiteHeaderSpacer } from "../SiteHeader-BUf27RRC.js";
+import { t as Shell } from "../Shell-CQHh6Tav.js";
+import { r as isPasswordValid, t as UserForm } from "../UserForm-DZ1a9uqZ.js";
 
 export { APP_RIBBON_SPACE, AmbientProjectSwitcher, EnvironmentRibbon, HelpCenter, LanguageSwitcher, Shell, ShellDropdown, SidebarCollapseButton, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SiteHeaderSpacer, UserForm, isPasswordValid, useBuildEnvironment };

package/dist/shell/ui/addUser/index.js

@@ -1,3 +1,3 @@
-import { r as isPasswordValid, t as UserForm } from "../../../UserForm-DNRashuU.js";
+import { r as isPasswordValid, t as UserForm } from "../../../UserForm-DZ1a9uqZ.js";
 
 export { UserForm, isPasswordValid };

package/dist/shell/ui/index.js

@@ -1,7 +1,7 @@
 import { n as SiteHeaderRightComponentTarget, t as SiteHeaderRightComponent } from "../../SiteHeaderRightComponent-BwFUg3ur.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "../../useBuildEnvironment-2gdqpmBX.js";
 import { t as SidebarCollapseButton } from "../../SidebarCollapseButton-_UUtsftD.js";
-import { a as LanguageSwitcher, i as HelpCenter, o as ShellDropdown, r as EnvironmentRibbon, s as AmbientProjectSwitcher, t as SiteHeaderSpacer } from "../../SiteHeader-orcFarUw.js";
-import { r as isPasswordValid, t as UserForm } from "../../UserForm-DNRashuU.js";
+import { a as LanguageSwitcher, i as HelpCenter, o as ShellDropdown, r as EnvironmentRibbon, s as AmbientProjectSwitcher, t as SiteHeaderSpacer } from "../../SiteHeader-BUf27RRC.js";
+import { r as isPasswordValid, t as UserForm } from "../../UserForm-DZ1a9uqZ.js";
 
 export { APP_RIBBON_SPACE, AmbientProjectSwitcher, EnvironmentRibbon, HelpCenter, LanguageSwitcher, ShellDropdown, SidebarCollapseButton, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SiteHeaderSpacer, UserForm, isPasswordValid, useBuildEnvironment };

package/dist/{status-CYb-Q3cG.js → status-Bmaija4B.js}

@@ -67,4 +67,4 @@ AccountFlags.propTypes = {
 
 //#endregion
 export { AccountFlags as t };
-//# sourceMappingURL=status-CYb-Q3cG.js.map
+//# sourceMappingURL=status-Bmaija4B.js.map

package/dist/{status-CYb-Q3cG.js.map → status-Bmaija4B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"status-CYb-Q3cG.js","names":["PropTypes"],"sources":["../src/UI/dataDisplay/status/StatusFlags.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,KAAK;EACL,UAAU;EACV,eAAe;EAChB;CACD,UAAS;EACP,cAAc;EACd,UAAU;EACX;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,WAAW,aAAa;CAEhC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa;CAEnB,MAAM,gBAAgB;EACpB,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,OAAO;GACL,WAAW,MAAM,QAAQ,MAAM;GAC/B,iBAAiB,QAAQ,MAAM,QAAQ,MAAM,OAAO,WAAW;GAChE;EACD,MAAM;GACJ,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACF;AAED,QACE,oCAAC,aACE,YACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,QAAO;EACP,WAAW,QAAQ;GACnB,GAEF,oCAAC;EAAI,SAAQ;EAAO,WAAW,QAAQ;IACpC,YACC,SAAS,SAAS,KAClB,SAAS,KAAK,MAAM,UAAU;EAC5B,MAAM,EACJ,QAAQ,WACR,WAAW,QACX,WACA,iBACA,qBACE;EAEJ,MAAM,aAAa,oBAAoB;EACvC,MAAM,aAAa,mBAAmB,WAAW,WAAW;EAC5D,MAAM,oBAAoB,aAAa,WAAW,WAAW;AAE7D,SACE,oCAAC;GACQ;GACP,QACE,oCAAC,UAAO,OAAO,EAAE,iBAAiB,mBAAmB,IAClD,MAAM,IAAI,aAAa,IAAI,IACrB;GAEX,OAAO,EAAE,iBAAiB,YAAY;IACtC;GAEJ,CACA,CAEJ;;AAIV,aAAa,YAAY;CAEvB,WAAWA,YAAU;CAWrB,UAAUA,YAAU,MAAM;CAe1B,kBAAkBA,YAAU;CAC7B"}
+{"version":3,"file":"status-Bmaija4B.js","names":["PropTypes"],"sources":["../src/UI/dataDisplay/status/StatusFlags.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,KAAK;EACL,UAAU;EACV,eAAe;EAChB;CACD,UAAS;EACP,cAAc;EACd,UAAU;EACX;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,WAAW,aAAa;CAEhC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa;CAEnB,MAAM,gBAAgB;EACpB,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,OAAO;GACL,WAAW,MAAM,QAAQ,MAAM;GAC/B,iBAAiB,QAAQ,MAAM,QAAQ,MAAM,OAAO,WAAW;GAChE;EACD,MAAM;GACJ,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACF;AAED,QACE,oCAAC,aACE,YACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,QAAO;EACP,WAAW,QAAQ;GACnB,GAEF,oCAAC;EAAI,SAAQ;EAAO,WAAW,QAAQ;IACpC,YACC,SAAS,SAAS,KAClB,SAAS,KAAK,MAAM,UAAU;EAC5B,MAAM,EACJ,QAAQ,WACR,WAAW,QACX,WACA,iBACA,qBACE;EAEJ,MAAM,aAAa,oBAAoB;EACvC,MAAM,aAAa,mBAAmB,WAAW,WAAW;EAC5D,MAAM,oBAAoB,aAAa,WAAW,WAAW;AAE7D,SACE,oCAAC;GACQ;GACP,QACE,oCAAC,UAAO,OAAO,EAAE,iBAAiB,mBAAmB,IAClD,MAAM,IAAI,aAAa,IAAI,IACrB;GAEX,OAAO,EAAE,iBAAiB,YAAY;IACtC;GAEJ,CACA,CAEJ;;AAIV,aAAa,YAAY;CAEvB,WAAWA,YAAU;CAWrB,UAAUA,YAAU,MAAM;CAe1B,kBAAkBA,YAAU;CAC7B"}

package/dist/{stringUtils-DefiD-8J.js → stringUtils-B2JFmevx.js}

@@ -24,4 +24,4 @@ function stringToProps(stringProperties) {
 
 //#endregion
 export { stringToProps as t };
-//# sourceMappingURL=stringUtils-DefiD-8J.js.map
+//# sourceMappingURL=stringUtils-B2JFmevx.js.map

package/dist/{stringUtils-DefiD-8J.js.map → stringUtils-B2JFmevx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stringUtils-DefiD-8J.js","names":[],"sources":["../src/utilities/stringUtils.js"],"sourcesContent":["import _ from 'lodash';\n\n/**\n * stringToProps\n *\n * @export\n * @param {*} stringProperties\n * @return {*}\n */\nexport function stringToProps(stringProperties) {\n  if (!stringProperties) {\n    throw new Error('No properties found');\n  }\n\n  let configObject = {};\n\n  try {\n    // Parse the JSON string into an array of objects\n    const configArray = JSON.parse(stringProperties);\n\n    configObject = _.fromPairs(\n      configArray.map((item) => {\n        // Normalize the key to camelCase, regardless of its original casing\n        const key = _.camelCase(item.key || item.Key);\n        const value = _.has(item, 'Value') ? item.Value : item.value || '';\n        return [key, value];\n      })\n    );\n  } catch (error) {\n    return { error: error.message };\n  }\n\n  return { attributes: configObject };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,cAAc,kBAAkB;AAC9C,KAAI,CAAC,iBACH,OAAM,IAAI,MAAM,sBAAsB;CAGxC,IAAI,eAAe,EAAE;AAErB,KAAI;EAEF,MAAM,cAAc,KAAK,MAAM,iBAAiB;AAEhD,iBAAe,EAAE,UACf,YAAY,KAAK,SAAS;AAIxB,UAAO,CAFK,EAAE,UAAU,KAAK,OAAO,KAAK,IAAI,EAC/B,EAAE,IAAI,MAAM,QAAQ,GAAG,KAAK,QAAQ,KAAK,SAAS,GAC7C;IACnB,CACH;UACM,OAAO;AACd,SAAO,EAAE,OAAO,MAAM,SAAS;;AAGjC,QAAO,EAAE,YAAY,cAAc"}
+{"version":3,"file":"stringUtils-B2JFmevx.js","names":[],"sources":["../src/utilities/stringUtils.js"],"sourcesContent":["import _ from 'lodash';\n\n/**\n * stringToProps\n *\n * @export\n * @param {*} stringProperties\n * @return {*}\n */\nexport function stringToProps(stringProperties) {\n  if (!stringProperties) {\n    throw new Error('No properties found');\n  }\n\n  let configObject = {};\n\n  try {\n    // Parse the JSON string into an array of objects\n    const configArray = JSON.parse(stringProperties);\n\n    configObject = _.fromPairs(\n      configArray.map((item) => {\n        // Normalize the key to camelCase, regardless of its original casing\n        const key = _.camelCase(item.key || item.Key);\n        const value = _.has(item, 'Value') ? item.Value : item.value || '';\n        return [key, value];\n      })\n    );\n  } catch (error) {\n    return { error: error.message };\n  }\n\n  return { attributes: configObject };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,cAAc,kBAAkB;AAC9C,KAAI,CAAC,iBACH,OAAM,IAAI,MAAM,sBAAsB;CAGxC,IAAI,eAAe,EAAE;AAErB,KAAI;EAEF,MAAM,cAAc,KAAK,MAAM,iBAAiB;AAEhD,iBAAe,EAAE,UACf,YAAY,KAAK,SAAS;AAIxB,UAAO,CAFK,EAAE,UAAU,KAAK,OAAO,KAAK,IAAI,EAC/B,EAAE,IAAI,MAAM,QAAQ,GAAG,KAAK,QAAQ,KAAK,SAAS,GAC7C;IACnB,CACH;UACM,OAAO;AACd,SAAO,EAAE,OAAO,MAAM,SAAS;;AAGjC,QAAO,EAAE,YAAY,cAAc"}

package/dist/{tabs-B_4vXxOq.js → tabs-CAaJhUt5.js}

@@ -46,4 +46,4 @@ const UdpTabUtility = (props) => {
 
 //#endregion
 export { UdpTabPanel as n, UdpTabUtility as t };
-//# sourceMappingURL=tabs-B_4vXxOq.js.map
+//# sourceMappingURL=tabs-CAaJhUt5.js.map

package/dist/{tabs-B_4vXxOq.js.map → tabs-CAaJhUt5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-B_4vXxOq.js","names":[],"sources":["../src/UI/navigation/tabs/UdpTabPanel.jsx","../src/UI/navigation/tabs/UdpTabUtility.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  activeTabPanel: {\n    display: 'block'\n  },\n  inactiveTabPanel: {\n    display: 'none'\n  }\n}));\n\nexport const UdpTabPanel = (props) => {\n  const classes = useStyles();\n  const { value, index, children, ...otherProps } = props;\n\n  return (\n    <div\n      className={\n        value === index ? classes.activeTabPanel : classes.inactiveTabPanel\n      }\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n","import React, { useMemo, useState } from 'react';\nimport { UdpTabs } from './UdpTabs';\nimport { UdpTabPanel } from './UdpTabPanel';\n\nexport const UdpTabUtility = (props) => {\n  const { tabList, menuWidth, menuMaxHeight, menuItemProps, variant } = props;\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const currentTabList = useMemo(() => {\n    return tabList?.map((tab, index) => ({ id: index, ...tab }));\n  }, [tabList]);\n\n  return (\n    <div>\n      <UdpTabs\n        value={selectedTab}\n        onChange={(e,value) => {\n          setSelectedTab(value);\n        }}\n        tabList={currentTabList}\n        menuItemProps={menuItemProps}\n        menuWidth={menuWidth}\n        menuMaxHeight={menuMaxHeight}\n        variant={variant}\n      />\n      {currentTabList?.map((tab) => (\n        <UdpTabPanel\n          key={tab?.id}\n          index={tab?.id}\n          value={selectedTab}\n        >\n          {tab?.child}\n        </UdpTabPanel>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,gBAAgB,EACd,SAAS,SACV;CACD,kBAAkB,EAChB,SAAS,QACV;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,OAAO,UAAU,GAAG,eAAe;AAElD,QACE,oCAAC;EACC,WACE,UAAU,QAAQ,QAAQ,iBAAiB,QAAQ;EAErD,GAAI;IAEH,SACG;;;;;ACpBV,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,SAAS,WAAW,eAAe,eAAe,YAAY;CACtE,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,iBAAiB,cAAc;AACnC,SAAO,SAAS,KAAK,KAAK,WAAW;GAAE,IAAI;GAAO,GAAG;GAAK,EAAE;IAC3D,CAAC,QAAQ,CAAC;AAEb,QACE,oCAAC,aACC,oCAAC;EACC,OAAO;EACP,WAAW,GAAE,UAAU;AACrB,kBAAe,MAAM;;EAEvB,SAAS;EACM;EACJ;EACI;EACN;GACT,EACD,gBAAgB,KAAK,QACpB,oCAAC;EACC,KAAK,KAAK;EACV,OAAO,KAAK;EACZ,OAAO;IAEN,KAAK,MACM,CACd,CACE"}
+{"version":3,"file":"tabs-CAaJhUt5.js","names":[],"sources":["../src/UI/navigation/tabs/UdpTabPanel.jsx","../src/UI/navigation/tabs/UdpTabUtility.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  activeTabPanel: {\n    display: 'block'\n  },\n  inactiveTabPanel: {\n    display: 'none'\n  }\n}));\n\nexport const UdpTabPanel = (props) => {\n  const classes = useStyles();\n  const { value, index, children, ...otherProps } = props;\n\n  return (\n    <div\n      className={\n        value === index ? classes.activeTabPanel : classes.inactiveTabPanel\n      }\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n","import React, { useMemo, useState } from 'react';\nimport { UdpTabs } from './UdpTabs';\nimport { UdpTabPanel } from './UdpTabPanel';\n\nexport const UdpTabUtility = (props) => {\n  const { tabList, menuWidth, menuMaxHeight, menuItemProps, variant } = props;\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const currentTabList = useMemo(() => {\n    return tabList?.map((tab, index) => ({ id: index, ...tab }));\n  }, [tabList]);\n\n  return (\n    <div>\n      <UdpTabs\n        value={selectedTab}\n        onChange={(e,value) => {\n          setSelectedTab(value);\n        }}\n        tabList={currentTabList}\n        menuItemProps={menuItemProps}\n        menuWidth={menuWidth}\n        menuMaxHeight={menuMaxHeight}\n        variant={variant}\n      />\n      {currentTabList?.map((tab) => (\n        <UdpTabPanel\n          key={tab?.id}\n          index={tab?.id}\n          value={selectedTab}\n        >\n          {tab?.child}\n        </UdpTabPanel>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,gBAAgB,EACd,SAAS,SACV;CACD,kBAAkB,EAChB,SAAS,QACV;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,OAAO,UAAU,GAAG,eAAe;AAElD,QACE,oCAAC;EACC,WACE,UAAU,QAAQ,QAAQ,iBAAiB,QAAQ;EAErD,GAAI;IAEH,SACG;;;;;ACpBV,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,SAAS,WAAW,eAAe,eAAe,YAAY;CACtE,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,iBAAiB,cAAc;AACnC,SAAO,SAAS,KAAK,KAAK,WAAW;GAAE,IAAI;GAAO,GAAG;GAAK,EAAE;IAC3D,CAAC,QAAQ,CAAC;AAEb,QACE,oCAAC,aACC,oCAAC;EACC,OAAO;EACP,WAAW,GAAE,UAAU;AACrB,kBAAe,MAAM;;EAEvB,SAAS;EACM;EACJ;EACI;EACN;GACT,EACD,gBAAgB,KAAK,QACpB,oCAAC;EACC,KAAK,KAAK;EACV,OAAO,KAAK;EACZ,OAAO;IAEN,KAAK,MACM,CACd,CACE"}

package/dist/{templates-DcXv_EdQ.js → templates-2r09nl9N.js}

@@ -1,5 +1,5 @@
 import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
-import { t as ExtenderToggle } from "./ExtenderToggle-Pdpzu9Ep.js";
+import { t as ExtenderToggle } from "./ExtenderToggle-DAaajb90.js";
 import React, { useState } from "react";
 import { makeStyles, useTheme } from "@material-ui/core";
 import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
@@ -113,4 +113,4 @@ ToggleSection.propTypes = {
 
 //#endregion
 export { SapFlexibleTemplate as n, ToggleSection as t };
-//# sourceMappingURL=templates-DcXv_EdQ.js.map
+//# sourceMappingURL=templates-2r09nl9N.js.map

package/dist/{templates-DcXv_EdQ.js.map → templates-2r09nl9N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"templates-DcXv_EdQ.js","names":[],"sources":["../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/ToggleSection.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n"],"mappings":"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"}
+{"version":3,"file":"templates-2r09nl9N.js","names":[],"sources":["../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/ToggleSection.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n"],"mappings":";;;;;;;;AAKA,MAAa,uBAAuB,EAAE,MAAM,QAAQ,YAAY;CAC9D,MAAM,CAAC,SAAS,cAAc,SAAS;EACrC,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CAEF,MAAM,CAAC,eAAe,oBAAoB,SAAS;EACjD,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CA0BF,MAAM,UAxBY,YAAY,WAAW;EACvC,MAAM;GACJ,SAAS;GACT,eAAe;GAChB;EACD,YAAY;GACV,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,cAAc;GACZ,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa;GACX,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa,EACX,MAAM,GACP;EACF,EAAE,EAEwB;CAE3B,MAAM,sBAAsB,eAAe;AACzC,aAAW;GAAE,GAAG;GAAS,cAAc,CAAC,QAAQ;GAAc,CAAC;AAE/D,MAAI,eAAe,cAAc;AAC/B,oBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;AAEzD,OAAI,cAAc,eAAe,MAC/B,kBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;SAEtD;AACL,oBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;AAE1D,OAAI,cAAc,gBAAgB,MAChC,kBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;;;AAKhE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QAAQ,cACP,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,eAAc,MAAK,IAAO,EAClD,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,eAAe,QACzB,kBACA;EAEN,OAAM;EACN,MACE,cAAc,eAAe,QACzB,mBACA;EAEN,eAAe,mBAAmB,aAAa;GAC/C,CACE,CACF,EAGP,QAAQ,gBACP,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aAAI,KAAE,QAAO,IAAO,CACjB,EAGP,QAAQ,eACP,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,OAAM;EACN,MACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,eAAe,mBAAmB,cAAc;GAChD,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,eAAa,KAAE,OAAM,IAAO,CAChD,CAEJ;;;;;AC5GV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,OAAO,QACR;CACD,WAAW;EACT,UAAU,UAAW,MAAM,OAAO,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,IAAK;EACxE,eAAe,MAAM,QAAQ,EAAE;EAC/B,cAAc,MAAM,QAAQ,EAAE;EAC9B,aAAa,UAAU,MAAM;EAC9B;CACD,YAAY,EACV,SAAS,QACV;CACD,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,SAAS,aAAa,SAAS,aAAa,UAAU;AAExE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,aAAW,KAAE,UAAS,IAAO,EAErD,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,gBAAe,QAAc,EACrD,oCAAC,aACC,oCAAC;EACU;EACT,MAAM;EACO;EACN;GACP,CACE,CACF,CACF;;AAGV,cAAc,YAAY;CAIxB,UAAU,UAAU;CAIpB,SAAS,UAAU;CAInB,aAAa,UAAU;CAMvB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB"}

package/dist/{textField-CGaCVAwx.js → textField-OwxxHROu.js}

@@ -101,4 +101,4 @@ const KeyValueTextField = (props) => {
 
 //#endregion
 export { FluentTagField as n, FluentTagFieldComponent as r, KeyValueTextField as t };
-//# sourceMappingURL=textField-CGaCVAwx.js.map
+//# sourceMappingURL=textField-OwxxHROu.js.map

package/dist/{textField-CGaCVAwx.js.map → textField-OwxxHROu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textField-CGaCVAwx.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]':\n      {\n        padding: '4px 8px',\n        height: 'auto'\n      }\n  }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n  const classes = useStyles(props);\n  const {\n    id,\n    data,\n    startAdornment,\n    endAdornment,\n    onChange: onChangeProp,\n    autoCompleteProps,\n    displayProperty,\n    width = 300,\n    height = 'auto',\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => onChangeProp?.(value),\n    [onChangeProp]\n  );\n\n  const getOptionLabel = (option) => {\n    if (displayProperty) {\n      return option[displayProperty] || '';\n    }\n    return option;\n  };\n\n  return (\n    <Autocomplete\n      classes={{\n        inputRoot: classes.root\n      }}\n      multiple\n      id={id}\n      onChange={onChange}\n      options={data}\n      getOptionLabel={getOptionLabel}\n      style={{ width, height }}\n      {...autoCompleteProps}\n      renderInput={(params) => {\n        return <FluentTextField {...otherProps} {...params} />;\n      }}\n      renderOption={(option, { selected }) => {\n        const isSelectedValue =\n          displayProperty &&\n          autoCompleteProps?.value?.some(\n            (item) => item[displayProperty] === option[displayProperty]\n          );\n\n        return (\n          <li>\n            <Checkbox\n              {...otherProps}\n              style={{ marginRight: 8 }}\n              checked={selected || isSelectedValue}\n            />\n            {getOptionLabel(option)}\n          </li>\n        );\n      }}\n    />\n  );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n  const {previousValues, fieldName} = props\n  const [numFields, setNumFields] = useState(1);\n\n  const addField = () => {\n    setNumFields(numFields + 1);\n  };\n\n  useEffect(()=>{\n    if(previousValues){\n      const numPrevValues = Object.keys(previousValues).length\n      setNumFields(numPrevValues)\n    }\n   \n  },[previousValues])\n\n  return (\n    <div>\n      {Array.from({ length: numFields }).map((_, index) => (\n        <div key={index} style={{ display: 'flex', gap: 5 }}>\n          <Field\n            component={TextField}\n            id={`${fieldName}Key${index + 1}`}\n            name={`${fieldName}Key${index + 1}`}\n            label={`Parameter Name ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.keys(previousValues)[index]}\n          />\n          <Field\n            component={TextField}\n            id={`${fieldName}Value${index + 1}`}\n            name={`${fieldName}Value${index + 1}`}\n            label={`Value ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.values(previousValues)[index]}\n          />\n        </div>\n      ))}\n      <div style={{display: 'flex', justifyContent: 'right'}}>\n      <IconButtonWithTooltip\n        icon={AddIcon}\n        onClick={addField}\n        title='Add field'\n      />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,QACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}
+{"version":3,"file":"textField-OwxxHROu.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]':\n      {\n        padding: '4px 8px',\n        height: 'auto'\n      }\n  }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n  const classes = useStyles(props);\n  const {\n    id,\n    data,\n    startAdornment,\n    endAdornment,\n    onChange: onChangeProp,\n    autoCompleteProps,\n    displayProperty,\n    width = 300,\n    height = 'auto',\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => onChangeProp?.(value),\n    [onChangeProp]\n  );\n\n  const getOptionLabel = (option) => {\n    if (displayProperty) {\n      return option[displayProperty] || '';\n    }\n    return option;\n  };\n\n  return (\n    <Autocomplete\n      classes={{\n        inputRoot: classes.root\n      }}\n      multiple\n      id={id}\n      onChange={onChange}\n      options={data}\n      getOptionLabel={getOptionLabel}\n      style={{ width, height }}\n      {...autoCompleteProps}\n      renderInput={(params) => {\n        return <FluentTextField {...otherProps} {...params} />;\n      }}\n      renderOption={(option, { selected }) => {\n        const isSelectedValue =\n          displayProperty &&\n          autoCompleteProps?.value?.some(\n            (item) => item[displayProperty] === option[displayProperty]\n          );\n\n        return (\n          <li>\n            <Checkbox\n              {...otherProps}\n              style={{ marginRight: 8 }}\n              checked={selected || isSelectedValue}\n            />\n            {getOptionLabel(option)}\n          </li>\n        );\n      }}\n    />\n  );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n  const {previousValues, fieldName} = props\n  const [numFields, setNumFields] = useState(1);\n\n  const addField = () => {\n    setNumFields(numFields + 1);\n  };\n\n  useEffect(()=>{\n    if(previousValues){\n      const numPrevValues = Object.keys(previousValues).length\n      setNumFields(numPrevValues)\n    }\n   \n  },[previousValues])\n\n  return (\n    <div>\n      {Array.from({ length: numFields }).map((_, index) => (\n        <div key={index} style={{ display: 'flex', gap: 5 }}>\n          <Field\n            component={TextField}\n            id={`${fieldName}Key${index + 1}`}\n            name={`${fieldName}Key${index + 1}`}\n            label={`Parameter Name ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.keys(previousValues)[index]}\n          />\n          <Field\n            component={TextField}\n            id={`${fieldName}Value${index + 1}`}\n            name={`${fieldName}Value${index + 1}`}\n            label={`Value ${index + 1}`}\n            variant='filled'\n            size='small'\n            required={false}\n            fullWidth\n            initialValue={previousValues && Object.values(previousValues)[index]}\n          />\n        </div>\n      ))}\n      <div style={{display: 'flex', justifyContent: 'right'}}>\n      <IconButtonWithTooltip\n        icon={AddIcon}\n        onClick={addField}\n        title='Add field'\n      />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,QACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}

package/dist/{theme-LXTjsW_7.js → theme-C-5VosEn.js}

@@ -263,4 +263,4 @@ const ThemeProvider = ({ children }) => {
 
 //#endregion
 export { ThemeProvider as n, useSystemColor as r, useTheme$2 as t };
-//# sourceMappingURL=theme-LXTjsW_7.js.map
+//# sourceMappingURL=theme-C-5VosEn.js.map