udp-react-enterprise-component-library 25.18.1-beta.25 → 25.18.1-beta.27

package/dist/BulkActionsGridButton-C0Gm7VUV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsGridButton-C0Gm7VUV.js","names":["useStyles","useStyles","PrimaryActionButton","useStyles","makeStyles","Chip","Divider","Tooltip","Typography"],"sources":["../src/UI/utilityDisplay/GridActionBar.jsx","../src/UI/utilityDisplay/GridPrimaryBar.jsx","../src/UI/utilityDisplay/SaveViewFormDialog.jsx","../src/UI/utilityDisplay/ChipSection.jsx","../src/UI/utilityDisplay/BulkActionsGridButton.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 '../../configService';\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 } 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"],"mappings":"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"}

package/dist/CardList-BUUOGUhM.js

@@ -0,0 +1,78 @@
+import { t as CircularProgress$1 } from "./CircularProgress-CACqWr56.js";
+import React, { useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import Pagination from "@material-ui/lab/Pagination";
+
+//#region src/UI/dataDisplay/cardList/enum.ts
+let PaginationPlacement = /* @__PURE__ */ function(PaginationPlacement$1) {
+	PaginationPlacement$1["RIGHT"] = "right";
+	PaginationPlacement$1["LEFT"] = "left";
+	PaginationPlacement$1["CENTER"] = "center";
+	return PaginationPlacement$1;
+}({});
+
+//#endregion
+//#region src/UI/dataDisplay/cardList/CardList.jsx
+const useStyles = makeStyles(() => ({
+	paginationWrapper: { display: "flex" },
+	centerPagination: { justifyContent: "center" },
+	rightPagination: { justifyContent: "flex-end" }
+}));
+const CardList = ({ itemComponent: ItemComponent, data = [], componentDataMap, pagination = false, itemsPerPage = 10, isServerSide = false, totalItems = 0, onPageChange = null, currentPage = 1, isLoading = false, paginationPlacement = PaginationPlacement.LEFT }) => {
+	const [clientPage, setClientPage] = useState(1);
+	const classes = useStyles();
+	const page = isServerSide ? currentPage : clientPage;
+	const safeData = Array.isArray(data) ? data : [];
+	const paginatedData = pagination && !isServerSide ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage) : safeData;
+	const handlePageChange = (event, value) => {
+		if (isServerSide) onPageChange(value);
+		else setClientPage(value);
+	};
+	const mappedData = (item) => {
+		const props = {};
+		for (const [key, value] of Object.entries(componentDataMap)) props[value] = item[key];
+		return props;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(CircularProgress$1, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, paginatedData.map((item, index) => /* @__PURE__ */ React.createElement(ItemComponent, {
+		key: index,
+		...mappedData(item)
+	})), pagination && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.paginationWrapper, {
+		[classes.centerPagination]: paginationPlacement === PaginationPlacement.CENTER,
+		[classes.rightPagination]: paginationPlacement === PaginationPlacement.RIGHT
+	}) }, /* @__PURE__ */ React.createElement(Pagination, {
+		count: Math.ceil(isServerSide ? totalItems / itemsPerPage : safeData.length / itemsPerPage),
+		page,
+		onChange: handlePageChange,
+		disabled: isLoading
+	}))));
+};
+CardList.propTypes = {
+	itemComponent: PropTypes.elementType.isRequired,
+	data: PropTypes.arrayOf(PropTypes.object),
+	componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,
+	pagination: PropTypes.bool,
+	itemsPerPage: PropTypes.number,
+	isServerSide: PropTypes.bool,
+	totalItems: PropTypes.number,
+	onPageChange: PropTypes.func,
+	currentPage: PropTypes.number,
+	isLoading: PropTypes.bool,
+	paginationPlacement: PropTypes.string
+};
+CardList.defaultProps = {
+	data: [],
+	pagination: false,
+	itemsPerPage: 10,
+	isServerSide: false,
+	totalItems: 0,
+	onPageChange: null,
+	currentPage: 1,
+	isLoading: false,
+	paginationPlacement: PaginationPlacement.LEFT
+};
+
+//#endregion
+export { PaginationPlacement as n, CardList as t };
+//# sourceMappingURL=CardList-BUUOGUhM.js.map

package/dist/CardList-BUUOGUhM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardList-BUUOGUhM.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n  RIGHT = 'right',\n  LEFT = 'left',\n  CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n  paginationWrapper: {\n    display: 'flex'\n  },\n  centerPagination: {\n    justifyContent: 'center'\n  },\n  rightPagination: {\n    justifyContent: 'flex-end'\n  }\n}));\n\nexport const CardList = ({\n  itemComponent: ItemComponent,\n  data = [],\n  componentDataMap,\n  pagination = false,\n  itemsPerPage = 10,\n  isServerSide = false,\n  totalItems = 0,\n  onPageChange = null,\n  currentPage = 1,\n  isLoading = false,\n  paginationPlacement = PaginationPlacement.LEFT\n}) => {\n  const [clientPage, setClientPage] = useState(1);\n  const classes = useStyles();\n\n  const page = isServerSide ? currentPage : clientPage;\n\n  const safeData = Array.isArray(data) ? data : [];\n\n  const paginatedData =\n    pagination && !isServerSide\n      ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n      : safeData;\n\n  const handlePageChange = (event, value) => {\n    if (isServerSide) {\n      onPageChange(value);\n    } else {\n      setClientPage(value);\n    }\n  };\n\n  const mappedData = (item) => {\n    const props = {};\n    for (const [key, value] of Object.entries(componentDataMap)) {\n      props[value] = item[key];\n    }\n    return props;\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <CircularProgress />\n      ) : (\n        <>\n          {paginatedData.map((item, index) => (\n            <ItemComponent key={index} {...mappedData(item)} />\n          ))}\n          {pagination && (\n            <div\n              className={clsx(classes.paginationWrapper, {\n                [classes.centerPagination]:\n                  paginationPlacement === PaginationPlacement.CENTER,\n                [classes.rightPagination]:\n                  paginationPlacement === PaginationPlacement.RIGHT\n              })}\n            >\n              <Pagination\n                count={Math.ceil(\n                  isServerSide\n                    ? totalItems / itemsPerPage\n                    : safeData.length / itemsPerPage\n                )}\n                page={page}\n                onChange={handlePageChange}\n                disabled={isLoading}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nCardList.propTypes = {\n  itemComponent: PropTypes.elementType.isRequired,\n  data: PropTypes.arrayOf(PropTypes.object),\n  componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n  pagination: PropTypes.bool,\n  itemsPerPage: PropTypes.number,\n  isServerSide: PropTypes.bool,\n  totalItems: PropTypes.number,\n  onPageChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  isLoading: PropTypes.bool,\n  paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n  data: [],\n  pagination: false,\n  itemsPerPage: 10,\n  isServerSide: false,\n  totalItems: 0,\n  onPageChange: null,\n  currentPage: 1,\n  isLoading: false,\n  paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}

package/dist/ChipAlphabet-CektqzPW.js

@@ -0,0 +1,353 @@
+import { t as AvatarAlphabet } from "./AvatarAlphabet-wbHcpayy.js";
+import React from "react";
+import { Chip, lighten } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/ChipAlphabet.jsx
+const ChipAlphabet = ({ avatarCharacter, label, handleClick, avatar }) => {
+	let letter = "";
+	const highlight = .8;
+	switch (avatarCharacter) {
+		case "A":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#FFB900", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "B":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#E74856", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "C":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0078D7", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "D":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0099BC", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "E":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#7A7574", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "F":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0078D7", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "G":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#FF8C00", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "H":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#E81123", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "I":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0063B1", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				})
+			});
+			break;
+		case "J":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#2D7D9A", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "K":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#5D5A58", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "L":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#4C4A48", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "M":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#F7630C", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "N":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#EA005E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "O":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#8E8CD8", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "P":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#00B7C3", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Q":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#68768A", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "R":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#69797E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "S":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#CA5010", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "T":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#C30052", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "U":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("FF4343", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "V":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#9A0089", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "W":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#10893E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "X":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#567C73", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Y":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#018574", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Z":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#881798", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		default:
+	}
+	return letter;
+};
+
+//#endregion
+export { ChipAlphabet as t };
+//# sourceMappingURL=ChipAlphabet-CektqzPW.js.map

package/dist/ChipAlphabet-CektqzPW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipAlphabet-CektqzPW.js","names":[],"sources":["../src/UI/dataDisplay/ChipAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Chip, lighten } from '@material-ui/core'\nimport { AvatarAlphabet } from './AvatarAlphabet'\n\nexport const ChipAlphabet = ({\n  avatarCharacter,\n  label,\n  handleClick,\n  avatar\n}) => {\n  let letter = ''\n  const highlight = 0.8\n\n  switch (avatarCharacter) {\n    case 'A':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#FFB900', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'B':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#E74856', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'C':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0078D7', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'D':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0099BC', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'E':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#7A7574', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'F':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0078D7', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'G':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#FF8C00', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'H':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#E81123', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'I':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0063B1', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n        />\n      )\n      break\n    case 'J':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#2D7D9A', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'K':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#5D5A58', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'L':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#4C4A48', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'M':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#F7630C', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'N':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#EA005E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'O':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#8E8CD8', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'P':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#00B7C3', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Q':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#68768A', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'R':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#69797E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'S':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#CA5010', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'T':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#C30052', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'U':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('FF4343', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'V':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#9A0089', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'W':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#10893E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'X':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#567C73', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Y':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#018574', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Z':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#881798', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n\n    default:\n  }\n\n  return letter\n}\n"],"mappings":"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"}