udp-react-enterprise-component-library 25.16.1 → 25.16.2-beta.2

package/dist/AmbientGridTemplate-B58pNLnZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientGridTemplate-B58pNLnZ.js","names":["useStyles","useStyles","PrimaryActionButton","useStyles","apiMutate","useStyles","makeStyles","Chip","Divider","Tooltip","Typography","useStyles","onClick","useStyles","Chip","value","apiMutate","GridViewsSideSheet"],"sources":["../src/UI/utilityDisplay/GridActionBar.jsx","../src/UI/utilityDisplay/GridPrimaryBar.jsx","../src/UI/utilityDisplay/SaveViewFormDialog.jsx","../src/UI/utilityDisplay/ChipSection.jsx","../src/UI/templates/ui/renderers/ActionsRenderer.jsx","../src/UI/utilityDisplay/GridViewsSideSheet.jsx","../src/UI/utilityDisplay/BulkActionsGridButton.jsx","../src/UI/templates/AmbientGridTemplate.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  Typography,\n  Tabs,\n  Tab,\n  InputAdornment,\n  lighten\n} from '@material-ui/core';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField';\nimport {\n  SearchIcon,\n  CombineIcon,\n  ExportIcon,\n  DownloadIcon,\n  BlockedIcon,\n  SaveIcon,\n  DeleteIcon,\n  ClearIcon\n} from '@fluentui/react-icons';\nimport { AmbientTokenButton } from '../inputs/buttons/AmbientTokenButton';\nimport PropTypes from 'prop-types';\n// import {PAHExport} from './PAHExport'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(0.5),\n    background: (props) =>\n      props.background\n        ? props.background\n        : lighten(theme.palette.secondary.light, 0.9)\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  title: {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.title ? theme.spacing(2) : 0)\n  },\n  // @todo: switch to Fluent tabs and remove this style\n  tabRoot: {\n    minWidth: 0,\n    textTransform: 'none'\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    gridGap: theme.spacing(2),\n    gap: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  icon: {\n    background: theme.palette.common.white,\n    padding: theme.spacing(1),\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const GridActionBar = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    onChange,\n    handleChange,\n    value,\n    exportCSV,\n    exportExcel,\n    exportPDF,\n    fitClick,\n    expandClick,\n    clearClick,\n    exportClick,\n    saveGridConfig,\n    deleteGridConfig,\n    clearGridConfig,\n    title,\n    hideFitGrid = false,\n    hideExpandGrid = false,\n    hideExportGrid = false,\n    hideRemoveFilters = false,\n    hideFilterTab = false,\n    hideGroupTab = false,\n    hideColumnTab = false,\n    hideSearchBar = false\n  } = props;\n\n  const gridControlsExport = (\n    <div>\n      {/* <PAHExport\n        exportCSV={exportCSV}\n        exportExcel={exportExcel}\n        exportPDF={exportPDF}\n      /> */}\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        {title && (\n          <Typography\n            variant='h6'\n            style={{\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              textOverflow: 'ellipsis'\n            }}\n          >\n            {' '}\n            {title}{' '}\n          </Typography>\n        )}\n        {!hideSearchBar && (\n          <div\n            style={{\n              flex: 1,\n              marginLeft: 16,\n              marginRight: 16,\n              marginTop: -16\n            }}\n          >\n            <AmbientTextField\n              title={title}\n              onChange={onChange}\n              InputProps={{\n                type: 'search',\n                startAdornment: (\n                  <InputAdornment position='start'>\n                    <SearchIcon />\n                  </InputAdornment>\n                )\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <div> {gridControlsExport}</div>\n\n      <div className={classes.controls}>\n        {saveGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={SaveIcon}\n            tooltip='Save Grid Configuration'\n            ariaLabel='Save Grid Configuration'\n            onClick={saveGridConfig}\n          />\n        )}\n        {deleteGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={DeleteIcon}\n            tooltip='Delete Grid Configuration'\n            ariaLabel='Delete Grid Configuration'\n            onClick={deleteGridConfig}\n          />\n        )}\n        {clearGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={ClearIcon}\n            tooltip='Clear Grid Configuration'\n            ariaLabel='Clear Grid Configuration'\n            onClick={clearGridConfig}\n          />\n        )}\n        {!hideFitGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={CombineIcon}\n            tooltip='Fit Grid'\n            ariaLabel='Fit Grid'\n            onClick={fitClick}\n          />\n        )}\n        {!hideExpandGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={ExportIcon}\n            tooltip='Expand Grid'\n            ariaLabel='Expand Grid'\n            onClick={expandClick}\n          />\n        )}\n        {!hideExportGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={DownloadIcon}\n            tooltip='Export Grid'\n            ariaLabel='Export Grid'\n            onClick={exportClick}\n          />\n        )}\n        {!hideRemoveFilters && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={BlockedIcon}\n            tooltip='Remove Filters'\n            ariaLabel='Remove Filters'\n            onClick={clearClick}\n          />\n        )}\n      </div>\n\n      <Tabs\n        value={value}\n        onChange={handleChange}\n        aria-label='basic tabs example'\n      >\n        {!hideFilterTab && (\n          <Tab label='Filter' classes={{ root: classes.tabRoot }} />\n        )}\n        {!hideGroupTab && (\n          <Tab label='Group' classes={{ root: classes.tabRoot }} />\n        )}\n        {!hideColumnTab && (\n          <Tab label='Column' classes={{ root: classes.tabRoot }} />\n        )}\n      </Tabs>\n\n      {children}\n    </div>\n  );\n};\nGridActionBar.propTypes = {\n  /**\n   * Title of the action bar\n   */\n  title: PropTypes.string,\n  /**\n   * Child content to add within action bar\n   */\n  children: PropTypes.node,\n  /**\n   * Handle change function for quick search\n   */\n  handleChange: PropTypes.func,\n  /**\n   * Passes the tab value of the action bar\n   */\n  value: PropTypes.number,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  fitClick: PropTypes.func,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  expandClick: PropTypes.func,\n  /**\n   * Passes click event to function for expanding grid\n   */\n  clearClick: PropTypes.func,\n  /**\n   * Passes click event to function for exporting grid\n   */\n  exportClick: PropTypes.func\n};\n","import React from \"react\";\nimport {\n  AppIconDefaultIcon,\n  BlockedIcon,\n  BulletedTreeListIcon,\n  CombineIcon,\n  ExportIcon,\n  FavoriteStarIcon,\n  FilterIcon,\n  LightbulbIcon,\n  MoreVerticalIcon,\n  SaveIcon,\n  SearchIcon,\n  TripleColumnIcon,\n  UploadIcon\n} from '@fluentui/react-icons';\nimport {\n  InputAdornment,\n  MenuItem,\n  Popover,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientChipButton } from '../inputs/buttons/AmbientChipButton';\nimport { AmbientTokenButton } from '../inputs/buttons/AmbientTokenButton';\nimport PrimaryActionButton from '../inputs/buttons/PrimaryActionButton';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(0.5)\n    // background: (props) =>\n    //   props.background\n    //     ? props.background\n    //     : lighten(theme.palette.secondary.light, 0.9)\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  title: {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.title ? theme.spacing(2) : 0)\n  },\n  // @todo: switch to Fluent tabs and remove this style\n  tabRoot: {\n    minWidth: 0,\n    textTransform: 'none'\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    gridGap: theme.spacing(2),\n    gap: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  icon: {\n    background: theme.palette.common.white,\n    padding: theme.spacing(1),\n    color: theme.palette.primary.main\n  }\n}));\n\nexport const GridPrimaryBar = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    onChange,\n    fitClick,\n    expandClick,\n    clearClick,\n    exportClick,\n    filterClick,\n    columnsClick,\n    groupClick,\n    title,\n    hiddenActionButtons,\n    hiddenLabels,\n    hideSearchBar = false,\n    secondaryActionButtons,\n    saveViewClick,\n    viewsClick,\n    insightsClick,\n    onPrimaryActionClick,\n    primaryActionDisabled,\n    primaryActionLabel,\n    primaryActionIcon,\n    onSearchKeyDown\n  } = props;\n\n  const [actionButtonMedianPx, setActionButtonMedianPx] = useState(0);\n  const [actionButtons, setActionButtons] = useState([]);\n  const [menuActionButtons, setMenuActionButtons] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [windowWidthBreakpoint, setWindowWidthBreakpoint] = useState(1400);\n\n  const chipButtonSizePx = 100;\n  const tokenButtonSizePx = 40;\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n\n  const defaultActionButtons = useMemo(\n    () => [\n      {\n        icon: SaveIcon,\n        tooltip: 'Save Grid Configuration',\n        label: 'Save View',\n        visible: !hiddenActionButtons.includes('saveView'),\n        hideLabel: hiddenLabels.includes('saveView'),\n        onClick: saveViewClick,\n        background: 'transparent'\n      },\n      {\n        icon: FavoriteStarIcon,\n        tooltip: 'Browse Views',\n        label: 'Views',\n        visible: !hiddenActionButtons.includes('views'),\n        onClick: viewsClick,\n        hideLabel: hiddenLabels.includes('views'),\n        iconClassName: classes.icon\n      },\n      {\n        icon: LightbulbIcon,\n        tooltip: 'Insights',\n        label: 'Insights',\n        visible: !hiddenActionButtons.includes('insights'),\n        hideLabel: hiddenLabels.includes('insights'),\n        onClick: insightsClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: UploadIcon,\n        tooltip: 'Import/Export',\n        label: 'Import/Export',\n        visible: !!exportClick && !hiddenActionButtons.includes('importExport'),\n        hideLabel: hiddenLabels.includes('importExport'),\n        onClick: exportClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: BulletedTreeListIcon,\n        tooltip: 'Group',\n        label: 'Group',\n        visible: !!groupClick && !hiddenActionButtons.includes('group'),\n        hideLabel: hiddenLabels.includes('group'),\n        onClick: groupClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: FilterIcon,\n        tooltip: 'Filter',\n        label: 'Filter',\n        visible: !!filterClick && !hiddenActionButtons.includes('filter'),\n        hideLabel: hiddenLabels.includes('filter'),\n        onClick: filterClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: TripleColumnIcon,\n        tooltip: 'Columns',\n        label: 'Columns',\n        visible: !!columnsClick && !hiddenActionButtons.includes('columns'),\n        hideLabel: hiddenLabels.includes('columns'),\n        onClick: columnsClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: CombineIcon,\n        tooltip: 'Fit Grid',\n        label: 'Fit Grid',\n        visible: !!fitClick && !hiddenActionButtons.includes('fitGrid'),\n        hideLabel: hiddenLabels.includes('fitGrid'),\n        onClick: fitClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: ExportIcon,\n        tooltip: 'Expand Grid',\n        label: 'Expand Grid',\n        visible: !!expandClick && !hiddenActionButtons.includes('expandGrid'),\n        hideLabel: hiddenLabels.includes('expandGrid'),\n        onClick: expandClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: BlockedIcon,\n        tooltip: 'Clear Filters',\n        label: 'Clear Filters',\n        visible: !!clearClick && !hiddenActionButtons.includes('clearFilters'),\n        hideLabel: hiddenLabels.includes('clearFilters'),\n        onClick: clearClick,\n        iconClassName: classes.icon\n      }\n    ],\n    [\n      classes.icon,\n      clearClick,\n      columnsClick,\n      expandClick,\n      exportClick,\n      filterClick,\n      fitClick,\n      groupClick,\n      hiddenActionButtons,\n      hiddenLabels,\n      insightsClick,\n      saveViewClick,\n      viewsClick\n    ]\n  );\n\n  const handlePopoverClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  const formatActionButtons = useCallback(\n    (buttons) => {\n      // This allows users to not have to set the visible and showLabel properties when passing secondaryActionButtons\n      return buttons.map((button) => {\n        if (button.visible === undefined) {\n          button.visible = true;\n        }\n        if (button.hideLabel === undefined) {\n          button.hideLabel = false;\n        }\n        if (button.label === undefined) {\n          button.label = button.tooltip ?? 'Button';\n          button.hideLabel = true;\n        }\n        if (\n          button.iconClassName === undefined &&\n          button.background === undefined\n        ) {\n          button.iconClassName = classes.icon;\n        }\n        return button;\n      });\n    },\n    [classes?.icon]\n  );\n\n  // calculate the action buttons to display based on the window width\n  useEffect(() => {\n    const allActionButtons = formatActionButtons([\n      ...defaultActionButtons,\n      ...secondaryActionButtons\n    ]);\n    const menuButtons = [];\n\n    const numActionButtons =\n      allActionButtons.length - hiddenActionButtons.length;\n    const buttonTotalWidth =\n      numActionButtons * chipButtonSizePx -\n      (chipButtonSizePx - tokenButtonSizePx) * hiddenLabels.length;\n\n    const calculatedMedian = Math.floor(buttonTotalWidth / numActionButtons);\n\n    const breakPointOffset = calculatedMedian > 70 ? 950 : 900;\n    let breakPoint = breakPointOffset + buttonTotalWidth;\n\n    const currentWindowWidth = window.innerWidth;\n    while (currentWindowWidth < breakPoint && allActionButtons.length > 0) {\n      const movedAction = allActionButtons.pop();\n      menuButtons.push(movedAction);\n      breakPoint -= calculatedMedian;\n    }\n\n    setActionButtonMedianPx(calculatedMedian);\n    setActionButtons(allActionButtons);\n    setMenuActionButtons(menuButtons);\n    setWindowWidthBreakpoint(breakPoint);\n  }, [\n    formatActionButtons,\n    defaultActionButtons,\n    secondaryActionButtons,\n    hiddenActionButtons?.length,\n    hiddenLabels?.length\n  ]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      let breakPoint = windowWidthBreakpoint;\n      let visibleButtons = [...actionButtons];\n      let menuButtons = [...menuActionButtons];\n\n      while (window.innerWidth < breakPoint && visibleButtons.length > 0) {\n        const movedAction = visibleButtons.pop();\n        menuButtons.push(movedAction);\n        breakPoint -= actionButtonMedianPx;\n      }\n\n      while (\n        window.innerWidth > breakPoint + actionButtonMedianPx &&\n        menuButtons.length > 0\n      ) {\n        const movedAction = menuButtons.pop(0);\n        visibleButtons.push(movedAction);\n        breakPoint += actionButtonMedianPx;\n      }\n\n      setActionButtons(visibleButtons);\n      setMenuActionButtons(menuButtons);\n      setWindowWidthBreakpoint(breakPoint);\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [\n    windowWidthBreakpoint,\n    actionButtons,\n    menuActionButtons,\n    actionButtonMedianPx\n  ]);\n\n  const handleCustomKeyDown = (event) => {\n    if(onSearchKeyDown){\n      if (event.key === 'Enter') {\n        onSearchKeyDown()\n      }\n    }\n\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        {title && (\n          <Typography\n            variant='h6'\n            style={{\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              textOverflow: 'ellipsis'\n            }}\n          >\n            {' '}\n            {title}{' '}\n          </Typography>\n        )}\n        {!hideSearchBar && (\n          <div\n            style={{\n              flex: 1,\n              marginLeft: 16,\n              marginRight: 16,\n              marginTop: -16,\n              maxWidth: 300\n            }}\n          >\n            <AmbientTextField\n              title={title}\n              onChange={onChange}\n              onKeyDown={handleCustomKeyDown}\n              InputProps={{\n                type: 'search',\n                startAdornment: (\n                  <InputAdornment position='start'>\n                    <SearchIcon />\n                  </InputAdornment>\n                )\n              }}\n            />\n          </div>\n        )}\n      </div>\n\n      <div className={classes.controls}>\n        {actionButtons.map(\n          (button) =>\n            button.visible &&\n            (button.hideLabel ? (\n              <AmbientTokenButton\n                id={\n                  'udpRecord-GridPrimaryBar-Token-' +\n                  button.label.replace(/ /g, '-')\n                }\n                udprecordid={\n                  'udpRecord-GridPrimaryBar-Token-' +\n                  button.label.replace(/ /g, '-')\n                }\n                icon={button.icon ?? AppIconDefaultIcon}\n                tooltip={button.tooltip}\n                onClick={button.onClick}\n                ariaLabel={button.label}\n                iconClassName={button.iconClassName}\n              />\n            ) : (\n              <AmbientChipButton\n                id={\n                  'udpRecord-GridPrimaryBar-Chip-' +\n                  button.label.replace(/ /g, '-')\n                }\n                udprecordid={\n                  'udpRecord-GridPrimaryBar-Chip-' +\n                  button.label.replace(/ /g, '-')\n                }\n                icon={button.icon ?? AppIconDefaultIcon}\n                tooltip={button.tooltip}\n                label={button.label}\n                onClick={button.onClick}\n                background={button.background}\n              />\n            ))\n        )}\n\n        {!!menuActionButtons.length && (\n          <div>\n            <AmbientTokenButton\n              id={id}\n              icon={MoreVerticalIcon}\n              tooltip='More Actions'\n              ariaLabel='More Actions'\n              onClick={handlePopoverClick}\n              iconClassName={classes.icon}\n            />\n            <Popover\n              id={id}\n              open={open}\n              anchorEl={anchorEl}\n              onClose={handlePopoverClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'right'\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'right'\n              }}\n            >\n              {menuActionButtons\n                .slice(0)\n                .reverse()\n                .map((button) => {\n                  if (!button.visible) return null;\n                  return (\n                    <MenuItem\n                      id={\n                        'udpRecord-GridPrimaryBar-MenuItem-' +\n                        button.label.replace(/ /g, '-')\n                      }\n                      udprecordid={\n                        'udpRecord-GridPrimaryBar-MenuItem-' +\n                        button.label.replace(/ /g, '-')\n                      }\n                      onClick={button.onClick}\n                      style={{\n                        display: 'flex',\n                        justifyContent: 'space-between'\n                      }}\n                    >\n                      <Typography>{button.label}</Typography>\n                      <FluentIcon\n                        component={button.icon ?? AppIconDefaultIcon}\n                        style={{ marginLeft: 7 }}\n                      />\n                    </MenuItem>\n                  );\n                })}\n            </Popover>\n          </div>\n        )}\n      </div>\n\n      {onPrimaryActionClick && (\n        <PrimaryActionButton\n          onClick={onPrimaryActionClick}\n          id='udpRecord-GridPrimaryBar-Add'\n          udprecordid='udpRecord-GridPrimaryBar-Add'\n          disabled={primaryActionDisabled}\n        >\n          <Typography style={{ marginLeft: 4 }}>\n            {primaryActionLabel ?? 'Button'}\n          </Typography>\n          <FluentIcon\n            style={{ marginLeft: 7 }}\n            component={primaryActionIcon ?? AppIconDefaultIcon}\n          />\n        </PrimaryActionButton>\n      )}\n    </div>\n  );\n};\n\nGridPrimaryBar.propTypes = {\n  /**\n   * Title of the action bar\n   */\n  title: PropTypes.string,\n  /**\n   * Child content to add within action bar\n   */\n  children: PropTypes.node,\n  /**\n   * The event that occurs when the grid changes due to a search\n   */\n  onChange: PropTypes.func,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  fitClick: PropTypes.func,\n  /**\n   * Passes click event to function for expanding grid\n   */\n  expandClick: PropTypes.func,\n  /**\n   * Passes click event to function for clearing filters\n   */\n  clearClick: PropTypes.func,\n  /**\n   * Passes click event to function for exporting grid\n   */\n  exportClick: PropTypes.func,\n  /**\n   * Passes function that executes on the insights button click\n   */\n  insightsClick: PropTypes.func,\n  /**\n   * Passes click event to function for filtering grid\n   */\n  filterClick: PropTypes.func,\n  /**\n   * Passes click event to function for disabling columns in grid\n   */\n  columnsClick: PropTypes.func,\n  /**\n   * Passes click event to function for grouping grid\n   */\n  groupClick: PropTypes.func,\n  /**\n   * Specifies whether to hide the search bar\n   */\n  hideSearchBar: PropTypes.bool,\n  /**\n   * An optional array of secondary action buttons to display.\n   * Required minimum format:\n   *  {\n        tooltip: 'Description',\n        label: 'Label',\n        onClick: () => console.log('Button clicked'),\n      },\n   */\n  secondaryActionButtons: PropTypes.arrayOf(PropTypes.object),\n  /*\n   * Specifies which action buttons to hide\n   */\n  hiddenActionButtons: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /*\n   * Specifies which action button labels to hide\n   */\n  hiddenLabels: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /**\n   * Passes function that executes on the primary action button click\n   */\n  onPrimaryActionClick: PropTypes.func,\n  /**\n   * Specifies the label for the primary action button\n   */\n  primaryActionLabel: PropTypes.string,\n  /**\n   * Specifies the icon for the primary action button\n   */\n  primaryActionIcon: PropTypes.elementType\n};\n","import {\n  Box,\n  Divider,\n  FormControlLabel,\n  Switch,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\nimport React, { useCallback, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field, Form } from '../../utilities/form';\nimport { FluentDialog } from '../feedback/FluentDialog.jsx';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField.jsx';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers.jsx';\nimport { getGridState } from '../../utilities/aggrid/GridFunctions';\nimport PropTypes from 'prop-types';\nimport { VisibilityTypeEnums } from '../../enums/unitySystemEnums';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  saveForm: {\n    minWidth: 450,\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2)\n  },\n  column: {\n    flex: 1,\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2)\n  },\n  divider: {\n    backgroundColor: 'grey',\n    color: 'grey',\n    width: 2,\n    height: '100%'\n  },\n  infoHeader: {\n    color: 'grey'\n  }\n}));\n\n/**\n * @param {PropTypes.InferProps<typeof SaveViewFormDialog.propTypes>} props\n */\nexport const SaveViewFormDialog = (props) => {\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const {\n    open,\n    handleClose,\n    tenant,\n    application,\n    user,\n    refetchViews,\n    gApi,\n    gcApi,\n    gridId,\n    domain,\n    apiCatalogId\n  } = props;\n  const { t } = useTranslation();\n  const classes = useStyles(props);\n\n  const saveViewFormRef = useRef(null);\n  const triggerSaveView = useCallback(() => {\n    saveViewFormRef.current.handleSubmit();\n  }, [saveViewFormRef]);\n\n  const saveView = async (values) => {\n    const data = {\n      data: {\n        gridView: {\n          Name: values.name,\n          GridViewVisibilityTypeId: values.private\n            ? VisibilityTypeEnums.Private\n            : VisibilityTypeEnums.Public,\n          isDefault: 0,\n          tenantId: user?.currentTenantId,\n          userId: user?.id,\n          gridId: gridId,\n          domain: domain,\n          apiCatalogId: apiCatalogId\n        },\n        gridConfigurations: getGridState(gApi, gcApi, gridId)\n      },\n      method: 'POST'\n    };\n    handleClose();\n    await apiMutate(\n      ConfigService.tenantV2ApiUrl,\n      `GridView/createGridView`,\n      data\n    )\n      .then((response) => {\n        handleSuccessSnackbar(t('View Saved'));\n        refetchViews();\n      })\n      .catch((error) => {\n        console.log(error);\n        handleErrorSnackbar(error, t('Failed to Save View'));\n      });\n  };\n\n  return (\n    <FluentDialog\n      title={t('Save New View')}\n      open={open}\n      handleClose={handleClose}\n      labelOne={t('Save View')}\n      labelTwo={t('Cancel')}\n      actionOne={triggerSaveView}\n      actionTwo={handleClose}\n    >\n      <Box display='flex'>\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Tenant')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {tenant ?? '--'}\n          </Typography>\n        </div>\n        <Divider flexItem orientation='vertical' />\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Application')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {application ?? '--'}\n          </Typography>\n        </div>\n        <Divider flexItem orientation='vertical' />\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Entity')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {domain ?? '--'}\n          </Typography>\n        </div>\n      </Box>\n\n      <div className={classes.saveForm}>\n        <Form onSubmit={saveView} ref={saveViewFormRef}>\n          <Field\n            type='text'\n            component={AmbientTextField}\n            name='name'\n            id='name'\n            label={t('Name')}\n            fullWidth={true}\n            required={true}\n            style={{ marginBottom: 20, marginTop: 10 }}\n          />\n\n          <FormControlLabel\n            control={\n              <Field\n                component={Switch}\n                name='private'\n                id='private'\n                defaultValue={false}\n                type='checkbox'\n              />\n            }\n            label={t('Private')}\n            labelPlacement='end'\n          />\n        </Form>\n      </div>\n    </FluentDialog>\n  );\n};\n\nSaveViewFormDialog.propTypes = {\n  open: PropTypes.bool.isRequired, // Determines whether the dialog is open or closed\n  handleClose: PropTypes.func.isRequired, // Function called when the dialog is closed\n  tenant: PropTypes.string, // Tenant value (optional)\n  application: PropTypes.string, // Application value (optional)\n  entity: PropTypes.string, // Entity value (optional)\n  user: PropTypes.object, // User object (optional)\n  columnDefsValues: PropTypes.array, // Array of column definitions values (optional)\n  refetchViews: PropTypes.func, // Function to refetch views (optional)\n  gApi: PropTypes.object, // Grid API object (optional)\n  gcApi: PropTypes.object, // Grid Column API object (optional)\n  setSelectedView: PropTypes.func // Function to set selected view (optional)\n};\n","import React from \"react\";\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport StarIcon from '@material-ui/icons/esm/Star';\nimport PropTypes from 'prop-types';\nimport { useRef, useState } from 'react';\nimport { DynamicContainerWithMenu } from '../containers/DynamicContainerWithMenu';\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'noWrap',\n    backgroundColor: `${theme.palette.secondary.light}80`, // The \"80\" sets the opacity to 0.5\n    alignItems: 'center',\n    flexGrow: 1,\n    width: '100%'\n  },\n  chipHolder: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'noWrap',\n    backgroundColor: `${theme.palette.secondary.light}80`, // The \"80\" sets the opacity to 0.5\n    alignItems: 'center',\n    overflow: 'scroll',\n    '&::-webkit-scrollbar': {\n      display: 'none'\n    },\n    flexGrow: 1\n  },\n  viewChip: {\n    backgroundColor: theme.palette.secondary.main,\n    color: 'white',\n    maxWidth: '150px',\n    transition: 'opacity 0.3s ease',\n    marginLeft: theme.spacing(1)\n  },\n  menuItem: {\n    backgroundColor: 'white'\n  },\n  filterChipMenuIcon: {\n    background: theme.palette.common.grey,\n    padding: theme.spacing(1),\n    color: theme.palette.primary.main\n  },\n  additionalFilterChip: {},\n  KPI: {\n    marginLeft: 'auto',\n    display: 'flex',\n    gap: theme.spacing(1),\n    color: 'grey',\n    width: 'auto'\n  },\n  kpiValue: {\n    color: 'black',\n    fontSize: '1.1em'\n  },\n  kpiItem: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: 'max-content'\n  },\n  kpiLabel: {\n    width: 'max-content',\n    marginRight: theme.spacing(1)\n  },\n  clickedChip: {\n    backgroundColor: theme.palette.primary.main,\n    color: 'white',\n    maxWidth: '150px'\n  },\n  filterChipLabel: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    marginRight: theme.spacing(1)\n  },\n  filterChipValue: {\n    color: theme.palette.text.secondary,\n    whiteSpace: 'nowrap'\n  }\n}));\n\nexport const ChipSection = (props) => {\n  // ################### Props ###################\n  const {\n    filterChips = [],\n    viewChips = [],\n    additionalFilterChips = [],\n    hideKpiSection = false,\n    kpiValues = [],\n    maxKPIsDisplayed = 4,\n    handleDelete\n  } = props;\n\n  // ################### Custom hooks ###################\n  const classes = useStyles();\n\n  // ################### Refs ###################\n  const chipRefs = useRef([]);\n  const chipSectionContainerRef = useRef(null);\n  const viewChipsContainerRef = useRef(null);\n  const filterChipsContainerRef = useRef(null);\n  const additionalFilterChipsContainerRef = useRef(null);\n  const kpiContainerRef = useRef(null);\n\n  // ################### States ###################\n  const [selectedFilterChip, setSelectedFilterChip] = useState(null);\n\n  // ################### Helper Function ###################\n  const abbrNum = (number, decPlaces) => {\n    if (typeof number === 'string' && !isNaN(Number(number))) {\n      number = Number(number);\n    } else if (typeof number !== 'number') {\n      throw new Error(\n        'The input must be a number or a string that can be converted to a number.'\n      );\n    }\n\n    if (typeof decPlaces !== 'number') {\n      return null;\n    }\n\n    decPlaces = Math.pow(10, decPlaces);\n    let abbrev = ['k', 'm', 'b', 't'];\n\n    for (let i = abbrev.length - 1; i >= 0; i--) {\n      let size = Math.pow(10, (i + 1) * 3);\n\n      if (size <= number) {\n        number = Math.round((number * decPlaces) / size) / decPlaces;\n\n        if (number === 1000 && i < abbrev.length - 1) {\n          number = 1;\n          i++;\n        }\n\n        number += abbrev[i];\n        break;\n      }\n    }\n\n    return number;\n  };\n\n  const isEmpty = (array) => Array.isArray(array) && array.length === 0;\n\n  const abbreviateLabel = (label) => {\n    const maxLength = 10;\n\n    if (label.length > maxLength) {\n      const newLabel = label.slice(0, maxLength - 3) + '...';\n      return newLabel;\n    } else {\n      return null;\n    }\n  };\n\n  const handleFilterChipToggle = (chip) => {\n    setSelectedFilterChip(chip);\n\n    if (typeof chip.onToggle === 'function') {\n      chip.onToggle();\n    }\n  };\n\n  const handleFilterChipUntoggle = () => {\n    if (selectedFilterChip) {\n      // if the user wants extra functionality when the filter chip is untoggled, call the function\n      if (typeof selectedFilterChip.onUntoggle === 'function') {\n        selectedFilterChip.onUntoggle();\n      }\n\n      setSelectedFilterChip(null);\n    }\n  };\n\n  // ################### Render ###################\n  return (\n    <div\n      ref={chipSectionContainerRef}\n      className={classes.wrapper}\n      style={{\n        display: [\n          kpiValues,\n          additionalFilterChips,\n          viewChips,\n          filterChips\n        ].every((arr) => arr.length === 0)\n          ? 'none'\n          : 'flex'\n      }}\n    >\n      <div className={classes.chipHolder}>\n        <div ref={viewChipsContainerRef}>\n          {viewChips.map((chip, index) => (\n            <Chip\n              onDelete={() => handleDelete('view', index)}\n              key={index}\n              label={chip.label}\n              className={classes.viewChip}\n              icon={<StarIcon />}\n              size='small'\n            />\n          ))}\n        </div>\n\n        {!isEmpty(viewChips) && !isEmpty(filterChips) && (\n          <Divider orientation='vertical' flexItem />\n        )}\n\n        {!isEmpty(filterChips) && (\n          <DynamicContainerWithMenu\n            className={classes.chipHolder}\n            ref={filterChipsContainerRef}\n          >\n            {selectedFilterChip && (\n              <Chip\n                onDelete={handleFilterChipUntoggle}\n                label={selectedFilterChip.label}\n                className={classes.viewChip}\n                size='small'\n              />\n            )}\n            {filterChips.map((chip, index) => {\n              if (selectedFilterChip && chip.id === selectedFilterChip.id) {\n                return null;\n              }\n              return (\n                <Tooltip title={chip.label}>\n                  <Chip\n                    key={index}\n                    label={\n                      <div\n                        style={{\n                          display: 'flex',\n                          flexWrap: 'noWrap'\n                        }}\n                      >\n                        <Typography\n                          noWrap={true}\n                          className={chip.value ? classes.filterChipLabel : ''}\n                        >\n                          {chip.label}\n                        </Typography>\n                        <Typography\n                          noWrap={true}\n                          className={classes.filterChipValue}\n                        >\n                          {chip.value}\n                        </Typography>\n                      </div>\n                    }\n                    className={classes.filterChip}\n                    size='small'\n                    onClick={() => handleFilterChipToggle(chip)}\n                    ref={(el) => (chipRefs.current[index] = el)}\n                  />\n                </Tooltip>\n              );\n            })}\n          </DynamicContainerWithMenu>\n        )}\n\n        {!isEmpty(additionalFilterChips) && !isEmpty(filterChips) && (\n          <Divider orientation='vertical' flexItem />\n        )}\n\n        <div\n          ref={additionalFilterChipsContainerRef}\n          style={{ display: 'flex' }}\n        >\n          {additionalFilterChips.map((chip, index) => (\n            <Chip\n              variant='outlined'\n              onDelete={() => handleDelete('additionalFilter', index)}\n              key={index}\n              label={chip.label}\n              className={classes.additionalFilterChip}\n              size='small'\n            />\n          ))}\n        </div>\n      </div>\n\n      {!hideKpiSection && (\n        <div className={classes.KPI} ref={kpiContainerRef}>\n          {kpiValues.slice(0, 4).map((kpi, index) => (\n            <>\n              <div className={classes.kpiItem} id={index}>\n                <span className={classes.kpiLabel}>\n                  {(abbreviateLabel(kpi.label) && (\n                    <Tooltip title={kpi.label} arrow>\n                      <Typography noWrap={true}>\n                        <span>{kpi.label}:</span>\n                      </Typography>\n                    </Tooltip>\n                  )) || <>{kpi.label}</>}\n                </span>\n                <span className={classes.kpiValue}>\n                  <Tooltip title={kpi.value} arrow>\n                    <span>{abbrNum(kpi.value, 1)}</span>\n                  </Tooltip>\n                </span>\n              </div>\n              {index !== maxKPIsDisplayed - 1 && (\n                <Divider orientation='vertical' flexItem />\n              )}\n            </>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nChipSection.propTypes = {\n  /**\n   * An array of filter chips.\n   */\n  filterChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of view chips.\n   */\n  viewChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of additional filter chips.\n   */\n  additionalFilterChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * Indicates whether to hide the KPI section.\n   */\n  hideKpiSection: PropTypes.bool,\n  /**\n   * An array of KPI values.\n   */\n  kpiValues: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired\n    })\n  ),\n  /**\n   * The maximum number of KPIs to display.\n   */\n  maxKPIsDisplayed: PropTypes.number,\n  /**\n   * A function to handle chip deletion.\n   */\n  handleDelete: PropTypes.func,\n  /**\n   * The index of the selected filter chip.\n   */\n  selectedFilterChipsIndex: PropTypes.number,\n  /**\n   * A function to set the selected filter chip index.\n   */\n  setSelectedFilterChipsIndex: PropTypes.func\n};\n","import React, { useState, useCallback, memo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { SideSheet } from '../../../surfaces/SideSheet';\nimport { FluentDialog } from '../../../feedback/FluentDialog';\nimport { IconButtonWithTooltip } from '../../../inputs/buttons/IconButtonWithToolTip';\nimport { ClickOpenEnums } from '../../../../enums/pageEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  },\n  iconButtonStyle: {\n    width: `${theme.spacing(3)}px !important`,\n    height: `${theme.spacing(3)}px !important`,\n    background: '#fff',\n    borderRadius: 25,\n    padding: 6\n  },\n  circularSkeleton: {\n    borderRadius: '50%'\n  }\n}));\n\nconst ActionItem = memo((props) => {\n  const { icon, title, onClick, disabled, businessObjectKey='' } = props;\n  const classes = useStyles();\n\n  return (\n    <IconButtonWithTooltip\n      title={title}\n      className={classes.icon}\n      size='small'\n      onClick={onClick}\n      disabled={disabled}\n      icon={icon}\n      fluentIconClassName={classes.iconButtonStyle}\n      id={'udpRecord-ActionsRenderer-'+title}//+'-'+businessObjectKey.replace(/\\./g, '')}\n      udprecordid={'udpRecord-ActionsRenderer-'+title}//+'-'+businessObjectKey.replace(/\\./g, '')}\n    />\n  );\n});\n\nexport const ActionsRenderer = memo((props) => {\n  const { data: value, actionList, onClick } = props;\n  const classes = useStyles();\n  const [sheetOpen, setSheetOpen] = useState(false);\n  const [sheetItem, setSheetItem] = useState(null);\n  const [dialogItem, setDialogItem] = useState(null);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n\n  const openSheet = useCallback((sheetView) => {\n    setSheetItem(sheetView);\n    setSheetOpen(true);\n  }, []);\n\n  const openDialog = useCallback((dialogView) => {\n    setDialogItem(dialogView);\n    setDialogOpen(true);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const closeDialog = useCallback(() => {\n    setDialogOpen(false);\n  }, []);\n\n  const getSheetView = (actionItem) => {\n    if (actionItem.opens === ClickOpenEnums.SideSheet) {\n      const valuePropName = actionItem?.view?.properties?.valuePropName;\n      if (valuePropName) {\n        actionItem.view.properties[valuePropName] = value;\n      }\n      const closeSideSheetPropName =\n        actionItem?.view?.properties?.closeSideSheetPropName;\n      if (closeSideSheetPropName) {\n        actionItem.view.properties[closeSideSheetPropName] = closeSheet;\n      }\n    }\n    const properties = actionItem?.view?.properties || {};\n    return {\n      id: actionItem.id,\n      title: actionItem.title || '',\n      width: actionItem?.view?.width,\n      children: actionItem?.view?.component({\n        ...properties,\n        setSideSheetWidth,\n        setSideSheetButtonLabel,\n        setSideSheetOnSubmit\n      })\n    };\n  };\n\n  const getDialogView = (actionItem) => {\n    if (actionItem.opens === ClickOpenEnums.Dialog) {\n      const handleActionTwo = async () => {\n        if (actionItem?.view?.properties?.actionTwo) {\n          setIsLoading(true);\n          await actionItem?.view?.properties?.actionTwo(value);\n          setIsLoading(false);\n        }\n        closeDialog();\n      };\n      return {\n        id: actionItem.id,\n        title: actionItem?.title || '',\n        closeDialog: closeDialog,\n        message: actionItem?.view?.properties?.message,\n        labelOne: actionItem?.view?.properties?.labelOne,\n        actionTwo: handleActionTwo,\n        labelTwo: actionItem?.view?.properties?.labelTwo\n      };\n    }\n  };\n\n  const displayActions = actionList.map((item, index) => {\n    let onClick = () => item.onClick(value);\n    let title = item.title;\n    let disabled = item.disabled;\n    if (item.opens === ClickOpenEnums.SideSheet) {\n      const sheetView = getSheetView(item);\n      onClick = () => openSheet(sheetView);\n    }\n    if (item.opens === ClickOpenEnums.Dialog) {\n      const dialogView = getDialogView(item);\n      onClick = () => openDialog(dialogView);\n    }\n    if (item.getTitle) {\n      title = item.getTitle(value);\n    }\n    if (item.checkDisabled) {\n      disabled = item.checkDisabled(value);\n    }\n    return (\n      <>\n        {item.loading && (\n          <div style={{ display: 'inline-flex', marginRight: 10 }}>\n            <Skeleton\n              className={classes.circularSkeleton}\n              width={24}\n              height={40}\n            />\n          </div>\n        )}\n        {!item.loading && (\n          <ActionItem\n            key={`${item.id}-${index}`}\n            title={title}\n            icon={item.icon}\n            onClick={onClick}\n            disabled={disabled}\n            businessObjectKey={value?.businessObjectKey}\n          />\n        )}\n      </>\n    );\n  });\n\n  /* Final Render */\n  return (\n    <div>\n      {displayActions}\n      <SideSheet\n        open={sheetOpen}\n        onClose={closeSheet}\n        title={sheetItem?.title}\n        width={sheetItem?.width || 600}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n      >\n        <div>{sheetItem?.children}</div>\n      </SideSheet>\n      <FluentDialog\n        open={dialogOpen}\n        handleClose={closeDialog}\n        title={dialogItem?.title}\n        message={dialogItem?.message}\n        actionOne={dialogItem?.closeDialog}\n        labelOne={dialogItem?.labelOne}\n        actionTwo={dialogItem?.actionTwo}\n        labelTwo={dialogItem?.labelTwo}\n        progress={dialogItem?.isLoading}\n      />\n    </div>\n  );\n});\n\nActionItem.displayName = 'ActionItem';\nActionsRenderer.displayName = 'ActionsRenderer';\n","import {\n  makeStyles,\n} from '@material-ui/core';\nimport React, {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable.tsx';\nimport { ActionsRenderer } from '../templates/ui/renderers/ActionsRenderer';\nimport {\n  TableHeaderRowIcon,\n  OpenInNewTabIcon\n} from '@fluentui/react-icons';\nimport Chip from '@material-ui/core/Chip';\nimport { HintPanel } from '../dataDisplay/HintPanel';\nimport PropTypes from 'prop-types';\nimport { VisibilityTypeEnums } from '../../enums/unitySystemEnums';\nimport { AmbientGridTemplate } from '../templates/AmbientGridTemplate';\n\nconst useStyles = makeStyles((theme) => ({\n  publicChip: {\n    backgroundColor: '#96d2ff',\n    color: 'black',\n    width: '60%'\n  },\n  privateChip: {\n    backgroundColor: '#fce597',\n    color: 'black',\n    width: '60%'\n  },\n}));\n\nconst GridViewsSideSheet = (props) => {\n  const {\n    onClose,\n    open,\n    openSaveView,\n    rowData,\n    setSelectedView,\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const { gridApi, onGridReady } = useAgGridApi();\n  const gApi = gridApi;\n\n  const ChipRenderer = ({ onChange, value, id }) => {\n    const handleChipClick = () => {\n      onChange(id);\n    };\n\n    return (\n      <Chip\n        label={\n          value === VisibilityTypeEnums.Public ? t('Public') : t('Private')\n        }\n        onClick={handleChipClick}\n        className={\n          value === VisibilityTypeEnums.Public\n            ? classes.publicChip\n            : classes.privateChip\n        }\n        size='small'\n      />\n    );\n  };\n\n  const setView = useCallback(\n    (value) => {\n      setSelectedView(value);\n      onClose();\n    },\n    [setSelectedView, onClose]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1,\n        title: t('Load View'),\n        icon: OpenInNewTabIcon,\n        onClick: setView,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Workflows'),\n        icon: TableHeaderRowIcon,\n        // onClick: handleDelete,\n        disabled: false\n      }\n    ],\n    [setView, t]\n  );\n\n  const gridOptions = {\n    headerHeight: 0,\n    frameworkComponents: {\n      actionsRenderer: ActionsRenderer,\n      chipRenderer: ChipRenderer\n    },\n    columnDefs: [\n      {\n        headerName: t('Name'),\n        field: 'name'\n      },\n      {\n        field: 'visibility',\n        cellRenderer: 'chipRenderer',\n        cellRendererParams: (params) => ({\n          onChange: (id) => {},\n          value: params.data.gridViewVisibilityTypeId\n        })\n      },\n      {\n        headerName: t('Actions'),\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList\n        },\n        width: '100px',\n        pinned: 'right',\n        suppressMenu: true,\n        sortable: false\n      }\n    ]\n  };\n\n  return (\n    <SideSheet\n      id='udpRecord-GridViewsSideSheet'\n      udprecordid='udpRecord-GridViewsSideSheet'\n      open={open}\n      onClose={onClose}\n      width={'40%'}\n      title='Select a View'\n      buttonLabel={'Create View'}\n      onSubmit={openSaveView}\n    >\n      <div style={{ marginBottom: 10 }}>\n        <HintPanel\n          hint='Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.'\n          hideHintText='Hide Help'\n        />\n      </div>\n\n      <AmbientGridTemplate\n        gridOptions={gridOptions}\n        title='Saved Views'\n        rowData={rowData || []}\n        onGridReady={onGridReady}\n        suppressCellSelection={true}\n        suppressRowClickSelection={true}\n        sideBar={false}\n        pivotMode={false}\n        pivotPanelShow='never'\n        animateRows={true}\n        pagination={false}\n        api={gApi}\n        useNewHeader\n        hiddenActionButtons={[\n          'saveView',\n          'views',\n          'insights',\n          'importExport',\n          'group',\n          'filter',\n          'columns',\n          'fitGrid',\n          'expandGrid',\n          'clearFilters'\n        ]}\n      />\n    </SideSheet>\n  );\n};\n\nexport default GridViewsSideSheet;\n\nGridViewsSideSheet.propTypes = {\n  onClose: PropTypes.func.isRequired, // Function called when the component is closed\n  open: PropTypes.bool.isRequired, // Determines whether the component is open or closed\n  selectedMethod: PropTypes.string, // Currently selected method (optional)\n  catalog: PropTypes.array, // Array of catalog items (optional)\n  openSaveView: PropTypes.func, // Function called when the \"Save View\" button is clicked (optional)\n  setViewChips: PropTypes.func, // Function to set view chips (optional)\n  setFilter: PropTypes.func, // Function to set filter (optional)\n  rowData: PropTypes.array, // Array of row data (optional)\n  setSelectedView: PropTypes.func, // Function to set selected view (optional)\n  frameworkComponents: PropTypes.object, // Object containing framework components (optional)\n  scrollToTopOnStateChange: PropTypes.bool, // Determines whether to scroll to the top on state change (optional)\n};\n","import React, { useState } from 'react';\nimport {\n  Badge,\n  Popover,\n  MenuItem,\n  Typography,\n  Tooltip\n} from '@material-ui/core';\nimport { FluentButton } from '../inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AppIconDefaultIcon, ErrorIcon } from '@fluentui/react-icons';\n\nexport const BulkActionsGridButton = (props) => {\n  const { numSelectedRows, bulkActions, triggerAction, domain } = props;\n\n  const [actionsAnchorEl, setActionsAnchorEl] = useState(null);\n\n  const handleBulkActionsClick = (event) => {\n    setActionsAnchorEl(event.currentTarget);\n  };\n\n  const triggerBulkAction = (actionId) => {\n    triggerAction(actionId);\n  };\n\n  const filterAction = (action) => {\n    return !!domain\n      ? JSON.parse(action?.parameters)?.entityName === domain\n      : true;\n  };\n\n  return (\n    <div style={{ marginTop: 5, marginLeft: 20 }}>\n      <Badge badgeContent={numSelectedRows} color='secondary'>\n        <FluentButton\n          type='button'\n          onClick={handleBulkActionsClick}\n          variant='outlined'\n          color='primary'\n          endIcon={<FluentIcon component={ChevronDownIcon} size='small' />}\n        >\n          With Selected\n        </FluentButton>\n      </Badge>\n      <Popover\n        id={'actions'}\n        open={Boolean(actionsAnchorEl)}\n        anchorEl={actionsAnchorEl}\n        onClose={() => setActionsAnchorEl(null)}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {bulkActions &&\n          bulkActions.map((action) => {\n            const valid = filterAction(action);\n            return (\n              <Tooltip\n                placement='right'\n                title={\n                  !valid ? 'Action entity does not match data grid entity' : ''\n                }\n              >\n                <span>\n                  <MenuItem\n                    onClick={() => triggerBulkAction(action.actionId)}\n                    style={{\n                      display: 'flex',\n                      justifyContent: 'space-between'\n                    }}\n                    disabled={!valid}\n                  >\n                    <Typography>{action.name}</Typography>\n                    <FluentIcon\n                      component={\n                        valid ? action.icon ?? AppIconDefaultIcon : ErrorIcon\n                      }\n                      style={{ marginLeft: 7 }}\n                      color={!valid && 'red'}\n                    />\n                  </MenuItem>\n                </span>\n              </Tooltip>\n            );\n          })}\n      </Popover>\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress, Grow } from '@material-ui/core';\nimport '../../style.css';\nimport { GridGroupingSidebar } from './ui/GridGroupingSidebar';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport invariant from 'invariant';\nimport PropTypes from 'prop-types';\nimport { AgTable, useAgGridApi } from '../../utilities/aggrid/AgTable.tsx';\nimport { GridActionBar } from '../utilityDisplay/GridActionBar';\nimport { GridPrimaryBar } from '../utilityDisplay/GridPrimaryBar.jsx';\nimport { SaveViewFormDialog } from '../utilityDisplay/SaveViewFormDialog.jsx';\nimport { ChipSection } from '../utilityDisplay/ChipSection.jsx';\nimport GridViewsSideSheet from '../utilityDisplay/GridViewsSideSheet.jsx';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { onFirstDataRendered } from '../../utilities/aggrid/GridFunctions';\nimport { BulkActionsGridButton } from '../utilityDisplay/BulkActionsGridButton';\nimport { useActions } from '../../hooks/useActions';\nimport { FilterOperators } from '../../models/SearchOperator';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  pab: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      position: 'fixed',\n      bottom: theme.spacing(2),\n      right: theme.spacing(2),\n      zIndex: theme.zIndex.appBar\n    }\n  },\n  groupSideBar: {\n    width: 225\n  },\n  gridApi: {\n    display: 'flex'\n  }\n}));\nexport const AmbientGridTemplate = (props) => {\n  const {\n    additionalFilters,\n    api,\n    apiMethod,\n    applicationName,\n    bulkActionFunctions,\n    clearGridConfig,\n    columnApi,\n    columnDefs,\n    data,\n    defaultAutoSize,\n    deleteGridConfig,\n    disablePagination,\n    disableDynamicSizing,\n    disableRowSelection,\n    entityName,\n    filterChips = [],\n    filters,\n    frameworkComponents,\n    gridReady,\n    gridId,\n    groupingData,\n    height,\n    hideFitGrid,\n    hideExpandGrid,\n    hideExportGrid,\n    hideRemoveFilters,\n    hideFilterTab,\n    hideGroupTab,\n    hideColumnTab,\n    hideSearchBar,\n    hiddenLabels,\n    hiddenActionButtons = [],\n    kpiValues = [],\n    loading = false,\n    onRowSelected,\n    onSearch,\n    onPrimaryActionClick,\n    paginationPageSize = 20,\n    primaryActionButton,\n    primaryActionDisabled,\n    primaryActionLabel,\n    primaryActionIcon,\n    rowModelType = 'clientSide',\n    rowNodeIdName,\n    saveGridConfig,\n    scrollToTopOnStateChange,\n    secondaryActionButtons,\n    title,\n    tenantName,\n    hideHeader,\n    useNewHeader,\n    insightsClick,\n    user,\n    id,\n    udprecordid,\n    additionalGridOptions = {},\n    headerBackgroundColor,\n    onSearchKeyDown,\n    ...otherGridProps\n  } = props;\n\n  const classes = useStyles();\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const [isVisible, setIsVisible] = useState();\n  const [sidebarIsVisible, setSidebarIsVisible] = useState(false);\n  const [showGroupOptions, setShowGroupOptions] = useState(false);\n  const [selectedRow, setSelectedRow] = useState(null);\n  const [value, setValue] = useState(0);\n  const [saveViewOpen, setSaveViewOpen] = useState(false);\n  const [defaultViews, setDefaultViews] = useState([]);\n  const [viewsOpen, setViewsOpen] = useState(false);\n  const [agGridOptions, setAgGridOptions] = useState({\n    frameworkComponents: frameworkComponents,\n    suppressScrollOnNewData: !scrollToTopOnStateChange,\n    ...additionalGridOptions\n  });\n  const gApi = api || gridApi;\n  const gcApi = columnApi || gridColumnApi;\n\n  const [viewChips, setViewChips] = useState([]);\n  const [additionalFilterChips, setAdditionalFilterChips] =\n    useState(additionalFilters);\n  const [columnDefsValues, setColumnDefsValues] = useState(null);\n  const [selectedView, setSelectedView] = useState(null);\n  const [viewsRowData, setViewsRowData] = useState(null);\n  const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();\n  const [numSelectedRows, setNumSelectedRows] = useState(0);\n  const [domain, setDomain] = useState(null);\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n\n  const { triggerAction } = useActions();\n\n  useEffect(() => {\n    if (apiMethod) {\n      setDomain(apiMethod.entityName);\n      setApiCatalogId(apiMethod.apiCatalogId);\n    }\n  }, [apiMethod, setDomain, setApiCatalogId]);\n\n  const defaultColActionsDef = {\n    resizable: true,\n    editable: false,\n    sortable: true,\n    filter: true,\n    floatingFilter: false,\n    enableRowGroup: true,\n    filterParams: {\n      filterOptions: rowModelType === 'serverSide' ? Object.keys(FilterOperators) : undefined\n    }\n  };\n\n  const handleChange = (event, newValue) => {\n    event.preventDefault();\n    setValue((preValue) => {\n      if (newValue === preValue && newValue !== 1) {\n        gApi.setSideBarVisible(!gApi.isSideBarVisible());\n      } else if (newValue === 0) {\n        gApi.setSideBarVisible(true);\n        gApi.openToolPanel('filters');\n        setShowGroupOptions(false);\n      } else if (newValue === 1) {\n        showGrouping();\n        gApi.setSideBarVisible(false);\n      } else {\n        gApi.setSideBarVisible(true);\n        gApi.openToolPanel('columns');\n        setShowGroupOptions(false);\n      }\n\n      return newValue;\n    });\n  };\n\n  const onFilterClick = (event) => {\n    event.preventDefault();\n    gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    gApi.openToolPanel('filters');\n    setShowGroupOptions(false);\n    setValue(0);\n    setSidebarIsVisible(!sidebarIsVisible);\n  };\n\n  const onGroupClick = (event) => {\n    // event.preventDefault();\n    // // gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    // showGrouping();\n    // setValue(1);\n    alert('Group button clicked');\n  };\n\n  const onColumnsClick = (event) => {\n    event.preventDefault();\n    gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    gApi.openToolPanel('columns');\n    setShowGroupOptions(false);\n    setValue(2);\n    setSidebarIsVisible(!sidebarIsVisible);\n  };\n\n  const emptyArr = [];\n\n  const handleRowSelected = useCallback(\n    (event) => {\n      if (!gApi) return;\n      const selectedRows = gApi.getSelectedRows();\n      setNumSelectedRows(selectedRows.length); //for bulk actions ui\n      const row = selectedRows.length && selectedRows[0];\n      setSelectedRow(row);\n      if (onRowSelected) {\n        onRowSelected(event, row);\n      }\n    },\n    [gApi, onRowSelected]\n  );\n\n  const setSideBarInvisible = () => {\n    if (gApi.isSideBarVisible()) {\n      gApi.setSideBarVisible(false);\n      setIsVisible(false);\n    } else {\n      gApi.setSideBarVisible(true);\n      gApi.openToolPanel('filters');\n      setShowGroupOptions(false);\n      setIsVisible(true);\n    }\n  };\n\n  const handleFilterChange = (event) => {\n    gApi.setQuickFilter(event.target.value);\n  };\n\n  // Sets Grouping on grid based on passed filter string\n  const groupGridItems = (groupItem) => {\n    gcApi.setRowGroupColumns([groupItem]);\n    gApi.expandAll();\n    // setToggleFlag(groupItem)\n  };\n\n  const restoreGridDefault = () => {\n    gApi.setQuickFilter('');\n    gcApi.setRowGroupColumns([]);\n    gApi.setFilterModel(null);\n    gApi.setQuickFilter('');\n    gcApi.resetColumnState();\n  };\n\n  const showGrouping = () => {\n    setShowGroupOptions(!showGroupOptions);\n    gApi.setSideBarVisible(false);\n  };\n\n  const expandGroupedGrid = () => {\n    gApi.expandAll();\n  };\n\n  const collapseGroupedGrid = () => {\n    gApi.collapseAll();\n  };\n\n  const fitToSpace = () => {\n    gApi.sizeColumnsToFit();\n  };\n\n  const exportGrid = () => {\n    gApi.exportDataAsCsv({\n      allColumns: true,\n      fileName: 'export'\n    });\n  };\n\n  const openSaveView = () => {\n    setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));\n    setSaveViewOpen(true);\n  };\n\n  const closeSaveView = () => {\n    setSaveViewOpen(false);\n  };\n\n  const openViews = useCallback(() => {\n    setViewsOpen(true);\n  },[]);\n\n  const closeViews = () => {\n    setViewsOpen(false);\n  };\n\n  const handleTriggerAction = useCallback(\n    (actionId) => {\n      if (triggerAction && gApi) {\n        triggerAction(actionId, gApi.getSelectedRows());\n      }\n    },\n    [triggerAction, gApi]\n  );\n\n  const autoSizeAll = useCallback(\n    (skipHeader) => {\n      invariant(gcApi, `gridColumnApi not ready`);\n      const allColumnIds = [];\n      gcApi.getAllColumns().forEach((column) => {\n        allColumnIds.push(column.getColId());\n      });\n      gcApi.autoSizeColumns(allColumnIds, skipHeader);\n    },\n    [gcApi]\n  );\n\n  const autoSizeAllWithoutHeader = useCallback(\n    () => autoSizeAll(false),\n    [autoSizeAll]\n  );\n\n  const firstDataRendered = useCallback(\n    (params) => {\n      // Size columns to fit after the first data render\n      !defaultAutoSize && params?.api.sizeColumnsToFit();\n\n      defaultAutoSize && autoSizeAllWithoutHeader();\n    },\n    [defaultAutoSize, autoSizeAllWithoutHeader]\n  );\n\n  useEffect(() => {\n    if (!gApi) return;\n\n    setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);\n    selectedRow && gApi.ensureNodeVisible(selectedRow);\n  }, [gApi, selectedRow]);\n\n  const handleChipDelete = (chipType, chipIndex) => {\n    switch (chipType) {\n      case 'view':\n        setViewChips((prevChips) =>\n          prevChips.filter((_, index) => index !== chipIndex)\n        );\n        setSelectedView(null);\n        gcApi.resetColumnState();\n        gApi.sizeColumnsToFit();\n        break;\n      case 'additionalFilter':\n        setAdditionalFilterChips((prevChips) => {\n          if (prevChips[chipIndex]?.onUntoggle) {\n            prevChips[chipIndex]?.onUntoggle();\n          }\n          return prevChips.filter((_, index) => index !== chipIndex);\n        });\n        break;\n      default:\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (viewsRowData?.length > 0) {\n      const DefaultViews = viewsRowData.reduce((acc, row) => {\n        if (row.isDefault) {\n          return [...acc, row];\n        }\n        return acc;\n      }, []);\n\n      const nonDefaultViews = viewsRowData.reduce((acc, row) => {\n        if (!row.isDefault) {\n          return [...acc, row];\n        }\n        return acc;\n      }, []);\n      setDefaultViews(DefaultViews);\n      setNonDefaultViewsRowData(nonDefaultViews);\n    }\n  }, [viewsRowData]);\n\n  // Function to handle closing the side sheet\n  // const handleSideSheetClose = () => {\n  //   setIsSideSheetOpen(false);\n  // };\n\n  const setView = useCallback(\n    (value) => {\n      const columnState = value?.gridViewGridViewGridConfiguration.map(\n        (ele) => ele.gridViewGridConfigurationGridConfiguration\n      );\n      setViewChips((prevChips) => [{ label: value?.name }]);\n      onFirstDataRendered(gApi, gcApi, columnState);\n    },\n    [setViewChips, gApi, gcApi]\n  );\n\n  const setFilter = (value) => {\n    // todo: filter will come from the ApiMethodInstance endpoint\n  };\n\n  const [{ data: views }, refetch] = useAxiosGet(\n    ConfigService.tenantV2ApiUrl,\n    `GridView/getFromUser/${user?.id}/${gridId}`,\n    {\n      params: {\n        domainName: domain,\n        apiCatalogId: apiCatalogId\n      }\n    },\n    !!!ConfigService.tenantV2ApiUrl || !!!gridId || !!!user\n  );\n\n  const [{ data: bulkActions }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `action/grid/${gridId}`,\n    {},\n    !!!ConfigService.integrationV2ApiUrl || !!!gridId\n  );\n\n  useEffect(() => {\n    setViewsRowData(views);\n  }, [openViews, views]);\n\n  const getView = useCallback(async () => {\n    await apiMutate(\n      ConfigService.tenantV2ApiUrl,\n      `GridView/${selectedView.gridViewId}/PartiallyFull`,\n      {\n        method: 'get'\n      }\n    )\n      .then((response) => {\n        setView(response.data);\n      })\n      .catch((error) => {\n        console.log(error);\n      });\n  }, [selectedView, setView]);\n\n  useEffect(() => {\n    if (!selectedView?.gridViewId) {\n      gcApi?.resetColumnState();\n      gApi?.sizeColumnsToFit();\n      return undefined;\n    }\n    getView();\n\n    // No cleanup function needed, so return undefined\n    return undefined;\n  }, [setSelectedView, selectedView, gcApi, gApi, getView]);\n\n  useEffect(() => {\n    if (additionalFilters) {\n      setAdditionalFilterChips(additionalFilters);\n    }\n  }, [additionalFilters]);\n\n  return (\n    <>\n      {/* Must wait for gApi to be instantiated before rendering primary bar */}\n      {!hideHeader && useNewHeader && gApi && (\n        <GridPrimaryBar\n          title={title}\n          showFilter={setSideBarInvisible}\n          selected={isVisible}\n          onChange={onSearch || handleFilterChange}\n          showGroup={showGrouping}\n          value={value}\n          saveViewClick={openSaveView}\n          viewsClick={openViews}\n          handleChange={handleChange}\n          fitClick={fitToSpace}\n          expandClick={autoSizeAllWithoutHeader}\n          exportClick={exportGrid}\n          insightsClick={insightsClick}\n          clearClick={restoreGridDefault}\n          filterClick={onFilterClick}\n          columnsClick={onColumnsClick}\n          // groupClick={onGroupClick}\n          hideSearchBar={hideSearchBar}\n          secondaryActionButtons={secondaryActionButtons || []}\n          onPrimaryActionClick={onPrimaryActionClick}\n          primaryActionDisabled={primaryActionDisabled}\n          primaryActionLabel={primaryActionLabel}\n          primaryActionIcon={primaryActionIcon}\n          hiddenActionButtons={hiddenActionButtons || []}\n          hiddenLabels={hiddenLabels || []}\n          background={headerBackgroundColor}\n          onSearchKeyDown={onSearchKeyDown}\n        />\n      )}\n      {useNewHeader &&\n        (kpiValues?.length > 0 ||\n          filterChips?.length > 0 ||\n          filters?.length > 0 ||\n          viewChips?.length > 0 ||\n          additionalFilterChips?.length > 0) && (\n          <div style={{ display: 'flex', flexDirection: 'row', height: 40 }}>\n            <Grow in={bulkActions && numSelectedRows > 0} unmountOnExit>\n              <BulkActionsGridButton\n                bulkActions={bulkActions}\n                numSelectedRows={numSelectedRows}\n                triggerAction={handleTriggerAction}\n                domain={domain}\n              />\n            </Grow>\n\n            <ChipSection\n              filterChips={filterChips}\n              viewChips={viewChips}\n              additionalFilterChips={additionalFilterChips}\n              kpiValues={kpiValues}\n              handleDelete={handleChipDelete}\n              setAdditionalFilterChips={setAdditionalFilterChips}\n              setViewChips={setViewChips}\n              setFilter={setFilter}\n            />\n          </div>\n        )}\n\n      {useNewHeader && gApi && gcApi && (\n        <GridViewsSideSheet\n          open={viewsOpen}\n          onClose={closeViews}\n          openSaveView={openSaveView}\n          setViewChips={setViewChips}\n          setFilter={setView}\n          rowData={views}\n          setSelectedView={setSelectedView}\n        />\n      )}\n\n      {!hideHeader && !useNewHeader && (\n        <GridActionBar\n          title={title}\n          showFilter={setSideBarInvisible}\n          selected={isVisible}\n          onChange={onSearch || handleFilterChange}\n          showGroup={showGrouping}\n          value={value}\n          handleChange={handleChange}\n          fitClick={fitToSpace}\n          expandClick={autoSizeAllWithoutHeader}\n          exportClick={exportGrid}\n          clearClick={restoreGridDefault}\n          saveGridConfig={saveGridConfig}\n          deleteGridConfig={deleteGridConfig}\n          clearGridConfig={clearGridConfig}\n          hideFitGrid={hideFitGrid}\n          hideExpandGrid={hideExpandGrid}\n          hideExportGrid={hideExportGrid}\n          hideRemoveFilters={hideRemoveFilters}\n          hideFilterTab={hideFilterTab}\n          hideGroupTab={hideGroupTab}\n          hideColumnTab={hideColumnTab}\n          hideSearchBar={hideSearchBar}\n        >\n          {primaryActionButton && (\n            <div className={classes.pab}>{primaryActionButton}</div>\n          )}\n        </GridActionBar>\n      )}\n\n      {loading && <LinearProgress />}\n      <div style={{ display: 'flex' }}>\n        <div style={{ width: '100%' }}>\n          <AgTable\n            {...agGridOptions}\n            columnDefs={columnDefs}\n            dynamicSizing={!disableDynamicSizing}\n            rowData={data || emptyArr}\n            onGridReady={gridReady || onGridReady}\n            onRowSelected={handleRowSelected}\n            suppressCellSelection={true}\n            suppressRowClickSelection={false}\n            defaultColDef={defaultColActionsDef}\n            enableRangeSelection={true}\n            enableColResize\n            sideBar={sidebarIsVisible}\n            pivotMode={false}\n            pivotPanelShow='never'\n            groupSelectsChildren={true}\n            animateRows={false}\n            pagination={!disablePagination}\n            showOpenedGroup={true}\n            paginateChildRows={true}\n            paginationPageSize={paginationPageSize}\n            modules={\n              rowModelType === 'serverSide' ? [ServerSideRowModelModule] : []\n            }\n            onFirstDataRendered={firstDataRendered}\n            rowModelType={rowModelType}\n            rowClassRules={{\n              'first-row-in-group': (params) =>\n                params.node.rowIndex !== 0 && params.node.firstChild\n            }}\n            height={height}\n            api={gApi}\n            rowSelection={\n              !disableRowSelection && (bulkActions ? 'multiple' : 'single')\n            }\n            hideHeader={hideHeader}\n            {...otherGridProps}\n          />\n        </div>\n        {showGroupOptions && (\n          <div className={classes.groupSideBar}>\n            <GridGroupingSidebar\n              groupItem={(item) => groupGridItems(item)}\n              closeClick={() => groupGridItems('')}\n              expandClick={expandGroupedGrid}\n              collapseClick={collapseGroupedGrid}\n              groupingData={groupingData}\n              height={height}\n            />\n          </div>\n        )}\n        {!hiddenActionButtons?.includes('saveView') && (\n          <SaveViewFormDialog\n            open={saveViewOpen}\n            handleClose={closeSaveView}\n            application={applicationName}\n            tenant={tenantName}\n            user={user}\n            columnDefsValues={columnDefsValues}\n            refetchViews={refetch}\n            gApi={gApi}\n            gcApi={gcApi}\n            setSelectedView={setView}\n            gridId={gridId}\n            domain={domain}\n            apiCatalogId={apiCatalogId}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nAmbientGridTemplate.propTypes = {\n  /**\n   * Column Definitions for Ag Grid\n   */\n  columnDefs: PropTypes.array,\n  /**\n   * AG Grid function for onRowSelected\n   */\n  handleRowSelected: PropTypes.func,\n  /**\n   * Data array for AG Grid\n   */\n  data: PropTypes.array,\n  /**\n   * Title of the grid\n   */\n  title: PropTypes.string,\n  /**\n   * Array of data to allow for custom grouping, example: {groupItem: 'instructors', label: 'Instructors', value: 'instructors'}\n   */\n  groupingData: PropTypes.array,\n  /**\n   * Grid Options\n   */\n  frameworkComponents: PropTypes.object,\n  /**\n   * Handle loading status with progress animation\n   */\n  loading: PropTypes.bool,\n  /**\n   * Primary Action Button Component\n   */\n  primaryActionButton: PropTypes.object,\n  /**\n   * name of the property for the id\n   */\n  rowNodeIdName: PropTypes.string,\n  /**\n   * Sets the grid default to expaned size if true. The default is 'size to fit'.\n   */\n  defaultAutoSize: PropTypes.bool,\n  /**\n   * Scrolls the grid back to the top on state change if true, otherwise maintains scroll position. The default is false.\n   */\n  scrollToTopOnStateChange: PropTypes.bool,\n  /**\n   * Disable dynamicSizing so that the grid size stays the same regardless of the window size if true. The default is false.\n   */\n  disableDynamicSizing: PropTypes.bool,\n  /**\n   * An array of filter chips.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of view chips.\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of additional filter chips.\n   */\n  additionalFilters: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of KPI values.\n   */\n  kpis: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired\n    })\n  ),\n  /**\n   * Enable the new header for data grids v2 if true. The default is false.\n   */\n  useNewHeader: PropTypes.bool,\n  /**\n   * Passes function that executes on the insights button click\n   */\n  insightsClick: PropTypes.func,\n  /*\n   * Specifies which action buttons to hide\n   */\n  hiddenActionButtons: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /*\n   * Specifies which action button labels to hide\n   */\n  hiddenLabels: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /**\n   * Passes function that executes on the primary action button click\n   */\n  onPrimaryActionClick: PropTypes.func,\n  /**\n   * Specifies the label for the primary action button\n   */\n  primaryActionLabel: PropTypes.string,\n  /**\n   * Specifies the icon for the primary action button\n   */\n  primaryActionIcon: PropTypes.elementType,\n  /**\n   * An array of objects that will be used to create the secondary action buttons. The default is an empty array.\n   */\n  secondaryActionButtons: PropTypes.array,\n  /**\n   * The name of the application that the grid is being used in\n   */\n  applicationName: PropTypes.string,\n  /**\n   * The name of the entity that the data in the grid is associated with\n   */\n  entityName: PropTypes.string,\n  /**\n   * The name of the tenant that is currently logged in\n   */\n  tenantName: PropTypes.string,\n  /**\n   * User object (optional)\n   */\n  user: PropTypes.object,\n  /**\n   * Array of KPI values (optional)\n   */\n  kpiValues: PropTypes.array\n};\n"],"mappings":"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"}

package/dist/AmbientPopoverMenuItem-Dy3rQ7sp.js

@@ -1,75 +0,0 @@
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import React from "react";
-import { ButtonBase, Divider, Tooltip, Typography, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/inputs/buttons/ToolBarButton.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: { borderBottom: (props) => props.selected && `2px solid ${theme.palette.secondary.main}` },
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		marginRight: theme.spacing(2)
-	},
-	icon: {
-		fontSize: 16,
-		width: 16,
-		height: 16,
-		color: theme.palette.secondary.main
-	},
-	iconWrapper: {
-		background: theme.palette.common.white,
-		borderRadius: 100,
-		padding: theme.spacing(1)
-	},
-	label: {
-		marginLeft: theme.spacing(1),
-		fontSize: "0.875rem",
-		"&:hover": { color: theme.palette.secondary.main }
-	}
-}), { name: "ToolBarButton" });
-const ToolBarButton = (props) => {
-	const classes = useStyles$1(props);
-	const { component: ToolBarComponent, click, label, expanded, aria, icon = true, disabled = false } = props;
-	return /* @__PURE__ */ React.createElement(Tooltip, {
-		title: expanded && label || aria || "",
-		"aria-label": label,
-		placement: "top",
-		enterDelay: !expanded && 5e3
-	}, /* @__PURE__ */ React.createElement(ButtonBase, {
-		classes: { root: classes.root },
-		className: classes.wrapper,
-		onClick: click,
-		disableRipple: true,
-		"aria-label": aria,
-		disabled
-	}, icon && /* @__PURE__ */ React.createElement("div", { className: classes.iconWrapper }, /* @__PURE__ */ React.createElement(ToolBarComponent, { className: classes.icon })), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body2",
-		className: classes.label
-	}, !expanded && label)));
-};
-ToolBarButton.propTypes = {
-	component: PropTypes.func,
-	click: PropTypes.func,
-	label: PropTypes.string,
-	expanded: PropTypes.bool,
-	aria: PropTypes.string,
-	icon: PropTypes.bool
-};
-
-//#endregion
-//#region src/UI/inputs/buttons/AmbientPopoverMenuItem.jsx
-const useStyles = makeStyles((theme) => ({ root: { paddingLeft: theme.spacing(1) } }));
-const AmbientPopoverMenuItem = ({ label, component, click }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(ToolBarButton, {
-		label,
-		component,
-		click,
-		icon: false
-	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(Divider, null));
-};
-
-//#endregion
-export { AmbientPopoverMenuItem, ToolBarButton };
-//# sourceMappingURL=AmbientPopoverMenuItem-Dy3rQ7sp.js.map

package/dist/AmbientPopoverMenuItem-Dy3rQ7sp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientPopoverMenuItem-Dy3rQ7sp.js","names":["useStyles"],"sources":["../src/UI/inputs/buttons/ToolBarButton.jsx","../src/UI/inputs/buttons/AmbientPopoverMenuItem.jsx"],"sourcesContent":["import { ButtonBase, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      borderBottom: (props) =>\n        props.selected && `2px solid ${theme.palette.secondary.main}`\n    },\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      marginRight: theme.spacing(2)\n    },\n    icon: {\n      fontSize: 16,\n      width: 16,\n      height: 16,\n      color: theme.palette.secondary.main\n    },\n    iconWrapper: {\n      background: theme.palette.common.white,\n      borderRadius: 100,\n      padding: theme.spacing(1)\n    },\n    label: {\n      marginLeft: theme.spacing(1),\n      fontSize: '0.875rem',\n      '&:hover': { color: theme.palette.secondary.main }\n    }\n  }),\n  { name: 'ToolBarButton' }\n);\n\nexport const ToolBarButton = (props) => {\n  const classes = useStyles(props);\n  const {\n    component: ToolBarComponent,\n    click,\n    label,\n    expanded,\n    aria,\n    icon = true,\n    disabled = false\n  } = props;\n\n  return (\n    <Tooltip\n      title={(expanded && label) || aria || ''}\n      aria-label={label}\n      placement='top'\n      enterDelay={!expanded && 5000}\n    >\n      <ButtonBase\n        classes={{\n          root: classes.root\n          // label: classes.label\n        }}\n        className={classes.wrapper}\n        onClick={click}\n        disableRipple\n        aria-label={aria}\n        disabled={disabled}\n      >\n        {icon && (\n          <div className={classes.iconWrapper}>\n            <ToolBarComponent className={classes.icon} />\n          </div>\n        )}\n\n        <Typography variant='body2' className={classes.label}>\n          {!expanded && label}\n        </Typography>\n      </ButtonBase>\n    </Tooltip>\n  );\n};\n\nToolBarButton.propTypes = {\n  component: PropTypes.func,\n  click: PropTypes.func,\n  label: PropTypes.string,\n  expanded: PropTypes.bool,\n  aria: PropTypes.string,\n  icon: PropTypes.bool\n};\n","import React from 'react'\nimport { makeStyles, Divider } from '@material-ui/core'\nimport { ToolBarButton } from './ToolBarButton'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingLeft: theme.spacing(1)\n  }\n}))\n\nexport const AmbientPopoverMenuItem = ({ label, component, click }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <LayoutUnit unit='nudge' />\n      <ToolBarButton label={label} component={component} click={click} icon={false} />\n      <LayoutUnit unit='nudge' />\n      <Divider />\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAIA,MAAMA,cAAY,YACf,WAAW;CACV,MAAM,EACJ,eAAe,UACb,MAAM,YAAY,aAAa,MAAM,QAAQ,UAAU,QAC1D;CACD,SAAS;EACP,SAAS;EACT,eAAe;EACf,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,MAAM;EACJ,UAAU;EACV,OAAO;EACP,QAAQ;EACR,OAAO,MAAM,QAAQ,UAAU;EAChC;CACD,aAAa;EACX,YAAY,MAAM,QAAQ,OAAO;EACjC,cAAc;EACd,SAAS,MAAM,QAAQ,EAAE;EAC1B;CACD,OAAO;EACL,YAAY,MAAM,QAAQ,EAAE;EAC5B,UAAU;EACV,WAAW,EAAE,OAAO,MAAM,QAAQ,UAAU,MAAM;EACnD;CACF,GACD,EAAE,MAAM,iBAAiB,CAC1B;AAED,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EACJ,WAAW,kBACX,OACA,OACA,UACA,MACA,OAAO,MACP,WAAW,UACT;AAEJ,QACE,oCAAC;EACC,OAAQ,YAAY,SAAU,QAAQ;EACtC,cAAY;EACZ,WAAU;EACV,YAAY,CAAC,YAAY;IAEzB,oCAAC;EACC,SAAS,EACP,MAAM,QAAQ,MAEf;EACD,WAAW,QAAQ;EACnB,SAAS;EACT;EACA,cAAY;EACF;IAET,QACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,oBAAiB,WAAW,QAAQ,OAAQ,CACzC,EAGR,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAC5C,CAAC,YAAY,MACH,CACF,CACL;;AAId,cAAc,YAAY;CACxB,WAAW,UAAU;CACrB,OAAO,UAAU;CACjB,OAAO,UAAU;CACjB,UAAU,UAAU;CACpB,MAAM,UAAU;CAChB,MAAM,UAAU;CACjB;;;;ACjFD,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B,EACF,EAAE;AAEH,MAAa,0BAA0B,EAAE,OAAO,WAAW,YAAY;CACrE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC;EAAqB;EAAkB;EAAkB;EAAO,MAAM;GAAS,EAChF,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,cAAU,CACP"}

package/dist/AmbientSingleDateSelector-bGMAQaH2.js

@@ -1,51 +0,0 @@
-import React from "react";
-import { useTheme } from "@material-ui/core";
-import { Calendar, DateRange } from "react-date-range";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
-import * as locales from "react-date-range/dist/locale";
-
-//#region src/UI/inputs/calendar/AmbientDateRangeSelector.jsx
-/**
-* @deprecated Use UdpDateRangeSelector
-*/
-const AmbientDateRangeSelector = (props) => {
-	const { ranges, onChange, showMonthAndYearPickers = false, showDateDisplay = false,...other } = props;
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement(DateRange, {
-		locale: locales["enUS"],
-		direction: "vertical",
-		scroll: { enabled: true },
-		color: theme.palette.primary.main,
-		ranges,
-		onChange,
-		showMonthAndYearPickers,
-		showDateDisplay,
-		...other
-	});
-};
-
-//#endregion
-//#region src/UI/inputs/calendar/AmbientSingleDateSelector.jsx
-/**
-* @deprecated Use UdpDateRangeSelector
-*/
-const AmbientSingleDateSelector = (props) => {
-	const { selectedDate, onChange, showMonthAndYearPickers = false, shownDate = /* @__PURE__ */ new Date(),...other } = props;
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement(Calendar, {
-		date: selectedDate,
-		onChange,
-		locale: locales["enUS"],
-		direction: "vertical",
-		scroll: { enabled: true },
-		color: theme.palette.primary.main,
-		showMonthAndYearPickers,
-		shownDate,
-		...other
-	});
-};
-
-//#endregion
-export { AmbientDateRangeSelector, AmbientSingleDateSelector };
-//# sourceMappingURL=AmbientSingleDateSelector-bGMAQaH2.js.map

package/dist/AmbientSingleDateSelector-bGMAQaH2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientSingleDateSelector-bGMAQaH2.js","names":[],"sources":["../src/UI/inputs/calendar/AmbientDateRangeSelector.jsx","../src/UI/inputs/calendar/AmbientSingleDateSelector.jsx"],"sourcesContent":["import React from 'react';\nimport { DateRange } from 'react-date-range';\nimport 'react-date-range/dist/styles.css'; // main style file\nimport 'react-date-range/dist/theme/default.css'; // theme css file\nimport * as locales from 'react-date-range/dist/locale';\nimport { useTheme } from '@material-ui/core';\n\n/**\n* @deprecated Use UdpDateRangeSelector\n*/\n\nexport const AmbientDateRangeSelector = (props) => {\n  const {\n    ranges,\n    onChange,\n    showMonthAndYearPickers = false,\n    showDateDisplay = false,\n    ...other\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <DateRange\n      locale={locales['enUS']}\n      direction='vertical'\n      scroll={{ enabled: true }}\n      color={theme.palette.primary.main}\n      ranges={ranges}\n      onChange={onChange}\n      showMonthAndYearPickers={showMonthAndYearPickers}\n      showDateDisplay={showDateDisplay}\n      {...other}\n    />\n  );\n};\n","import React from 'react';\nimport { Calendar } from 'react-date-range';\nimport 'react-date-range/dist/styles.css'; // main style file\nimport 'react-date-range/dist/theme/default.css'; // theme css file\nimport * as locales from 'react-date-range/dist/locale';\nimport { useTheme } from '@material-ui/core';\n\n/**\n* @deprecated Use UdpDateRangeSelector\n*/\nexport const AmbientSingleDateSelector = (props) => {\n  const {\n    selectedDate,\n    onChange,\n    showMonthAndYearPickers = false,\n    shownDate = new Date(),\n    ...other\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Calendar\n      date={selectedDate}\n      onChange={onChange}\n      locale={locales['enUS']}\n      direction='vertical'\n      scroll={{ enabled: true }}\n      color={theme.palette.primary.main}\n      showMonthAndYearPickers={showMonthAndYearPickers}\n      shownDate={shownDate}\n      {...other}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,4BAA4B,UAAU;CACjD,MAAM,EACJ,QACA,UACA,0BAA0B,OAC1B,kBAAkB,MAClB,GAAG,UACD;CACJ,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC;EACC,QAAQ,QAAQ;EAChB,WAAU;EACV,QAAQ,EAAE,SAAS,MAAM;EACzB,OAAO,MAAM,QAAQ,QAAQ;EACrB;EACE;EACe;EACR;EACjB,GAAI;GACJ;;;;;;;;ACtBN,MAAa,6BAA6B,UAAU;CAClD,MAAM,EACJ,cACA,UACA,0BAA0B,OAC1B,4BAAY,IAAI,MAAM,CACtB,GAAG,UACD;CACJ,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC;EACC,MAAM;EACI;EACV,QAAQ,QAAQ;EAChB,WAAU;EACV,QAAQ,EAAE,SAAS,MAAM;EACzB,OAAO,MAAM,QAAQ,QAAQ;EACJ;EACd;EACX,GAAI;GACJ"}

package/dist/AmbientTextField-BHfLW2L3.js

@@ -1,76 +0,0 @@
-import React from "react";
-import { TextField, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/inputs/textField/AmbientTextField.jsx
-const useStyles = makeStyles((theme) => ({
-	input: {
-		borderRadius: 2,
-		height: (props) => !props.multiline && !Array.isArray(props.value) && 32,
-		padding: (props) => !props.multiline && 0,
-		paddingBottom: 10,
-		marginTop: 3,
-		"& .MuiFilledInput-inputMarginDense": { paddingTop: 8 },
-		"& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)": {
-			marginTop: theme.spacing(.5),
-			marginLeft: theme.spacing(1)
-		}
-	},
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 },
-	FormControl: {
-		display: "none",
-		marginTop: 0
-	},
-	root: {
-		width: "100%",
-		marginTop: 25,
-		"& .MuiFormLabel-root": {
-			marginTop: -30,
-			marginLeft: -11
-		},
-		"& .MuiInputAdornment-root": { paddingLeft: theme.spacing(1) }
-	},
-	noLabel: { marginTop: theme.spacing(1) }
-}));
-const AmbientTextField = (props) => {
-	const classes = useStyles(props);
-	const { id, label, startAdornment, endAdornment, title = "noTitle",...InputProps } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
-		...InputProps,
-		id,
-		udprecordid: `udpRecord-FluentAmbientTextField-${title.replace(/\s/g, "")}-${props?.InputProps?.type}`,
-		variant: "filled",
-		size: "small",
-		margin: "dense",
-		label,
-		classes: { label: classes.label },
-		InputProps: {
-			classes: {
-				root: classes.input,
-				input: classes.formTextInput,
-				...props.InputProps?.classes
-			},
-			...props.InputProps,
-			...startAdornment,
-			...endAdornment
-		},
-		InputLabelProps: {
-			shrink: false,
-			classes: {
-				root: classes.labelRoot,
-				focused: classes.labelFocused
-			}
-		}
-	}));
-};
-AmbientTextField.propTypes = {
-	id: PropTypes.string,
-	label: PropTypes.string,
-	startAdornment: PropTypes.node,
-	endAdornment: PropTypes.node
-};
-
-//#endregion
-export { AmbientTextField };
-//# sourceMappingURL=AmbientTextField-BHfLW2L3.js.map

package/dist/AmbientTextField-BHfLW2L3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientTextField-BHfLW2L3.js","names":[],"sources":["../src/UI/inputs/textField/AmbientTextField.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  input: {\n    borderRadius: 2,\n    height: (props) => !props.multiline && !Array.isArray(props.value) && 32, // multiline or multiselect\n    padding: (props) => !props.multiline && 0,\n    paddingBottom: 10,\n    marginTop: 3,\n    '& .MuiFilledInput-inputMarginDense': {\n      paddingTop: 8\n    },\n    '& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)':\n      {\n        marginTop: theme.spacing(0.5),\n        marginLeft: theme.spacing(1)\n      }\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  },\n  root: {\n    width: '100%',\n    marginTop: 25,\n    '& .MuiFormLabel-root': {\n      marginTop: -30,\n      marginLeft: -11\n    },\n    '& .MuiInputAdornment-root': {\n      paddingLeft: theme.spacing(1)\n    }\n    //   '& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)' : {\n    //     marginTop: 0\n    // }\n  },\n  noLabel: {\n    marginTop: theme.spacing(1)\n  }\n}));\n\nexport const AmbientTextField = (props) => {\n  const classes = useStyles(props);\n  const { id, label, startAdornment, endAdornment, title = 'noTitle', ...InputProps } = props;\n  return (\n    <div className={label ? classes.root : classes.noLabel}>\n      <TextField\n        {...InputProps}\n        id={id}\n        udprecordid={`udpRecord-FluentAmbientTextField-${title.replace(/\\s/g, '')}-${props?.InputProps?.type}`}\n        variant='filled'\n        size='small'\n        margin='dense'\n        label={label}\n        classes={{ label: classes.label }}\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        }}\n        InputLabelProps={{\n          shrink: false,\n          classes: {\n            root: classes.labelRoot,\n            focused: classes.labelFocused\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nAmbientTextField.propTypes = {\n  /**\n   * id - textfield ID\n   */\n  id: PropTypes.string,\n  /**\n   * label - textField label\n   */\n  label: PropTypes.string,\n  /**\n   * startAdornment - icon placed at the beginning of the input\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * endAdornment - icon placed at the end of the input\n   */\n  endAdornment: PropTypes.node\n};\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EACL,cAAc;EACd,SAAS,UAAU,CAAC,MAAM,aAAa,CAAC,MAAM,QAAQ,MAAM,MAAM,IAAI;EACtE,UAAU,UAAU,CAAC,MAAM,aAAa;EACxC,eAAe;EACf,WAAW;EACX,sCAAsC,EACpC,YAAY,GACb;EACD,mGACE;GACE,WAAW,MAAM,QAAQ,GAAI;GAC7B,YAAY,MAAM,QAAQ,EAAE;GAC7B;EACJ;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACD,MAAM;EACJ,OAAO;EACP,WAAW;EACX,wBAAwB;GACtB,WAAW;GACX,YAAY;GACb;EACD,6BAA6B,EAC3B,aAAa,MAAM,QAAQ,EAAE,EAC9B;EAIF;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAa,oBAAoB,UAAU;CACzC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,IAAI,OAAO,gBAAgB,cAAc,QAAQ,UAAW,GAAG,eAAe;AACtF,QACE,oCAAC,SAAI,WAAW,QAAQ,QAAQ,OAAO,QAAQ,WAC7C,oCAAC;EACC,GAAI;EACA;EACJ,aAAa,oCAAoC,MAAM,QAAQ,OAAO,GAAG,CAAC,GAAG,OAAO,YAAY;EAChG,SAAQ;EACR,MAAK;EACL,QAAO;EACA;EACP,SAAS,EAAE,OAAO,QAAQ,OAAO;EACjC,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACJ;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACE;;AAIV,iBAAiB,YAAY;CAI3B,IAAI,UAAU;CAId,OAAO,UAAU;CAIjB,gBAAgB,UAAU;CAI1B,cAAc,UAAU;CACzB"}

package/dist/AmbientToast-7aYv2gtH.js

@@ -1,70 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import React from "react";
-import { Button, Snackbar, makeStyles, useTheme } from "@material-ui/core";
-import { ChromeCloseIcon } from "@fluentui/react-icons";
-
-//#region src/UI/feedback/AmbientToast.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		maxWidth: 600,
-		"& > * + *": { marginTop: theme.spacing(2) },
-		display: "flex"
-	},
-	alertSecondary: { borderLeft: `4px solid ${theme.palette.secondary.main}` },
-	alertPrimary: { borderLeft: `4px solid ${theme.palette.primary.main}` },
-	alertSuccess: { borderLeft: `4px solid ${theme.palette.success.main}` },
-	alertWarning: { borderLeft: `4px solid ${theme.palette.warning.main}` },
-	alertError: {
-		borderLeft: `4px solid ${theme.palette.error.main}`,
-		color: theme.palette.error.main
-	},
-	alertInfo: { borderLeft: `4px solid ${theme.palette.info.main}` },
-	"@global": { ".MuiSnackbarContent-root": { borderRadius: 0 } }
-}));
-const AmbientToast = (props) => {
-	const classes = useStyles(props);
-	const { noticeType, noticeButton, noticeMessage, closeNotice, noticeOpen, noticeAction } = props;
-	const theme = useTheme();
-	const alertColor = () => {
-		if (noticeType === "secondary") return classes.alertSecondary;
-		else if (noticeType === "primary") return classes.alertPrimary;
-		else if (noticeType === "success") return classes.alertSuccess;
-		else if (noticeType === "warning") return classes.alertWarning;
-		else if (noticeType === "error") return classes.alertError;
-		else if (noticeType === "info") return classes.alertInfo;
-	};
-	const alertText = () => {
-		if (noticeType === "secondary") return theme.palette.secondary.main;
-		else if (noticeType === "primary") return theme.palette.primary.main;
-		else if (noticeType === "success") return theme.palette.success.main;
-		else if (noticeType === "warning") return theme.palette.warning.main;
-		else if (noticeType === "error") return theme.palette.error.main;
-		else if (noticeType === "info") return theme.palette.info.main;
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Snackbar, {
-		classes: { root: alertColor() },
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: "right"
-		},
-		open: noticeOpen,
-		onClose: closeNotice,
-		message: noticeMessage,
-		key: 1,
-		action: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
-			style: { color: alertText() },
-			size: "small",
-			onClick: noticeAction
-		}, noticeButton), /* @__PURE__ */ React.createElement(FluentIconButton, {
-			style: { color: "white" },
-			size: "small",
-			onClick: closeNotice,
-			icon: ChromeCloseIcon,
-			className: classes.icon
-		}))
-	}));
-};
-
-//#endregion
-export { AmbientToast };
-//# sourceMappingURL=AmbientToast-7aYv2gtH.js.map

package/dist/AmbientToast-7aYv2gtH.js.map

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