udp-react-enterprise-component-library 25.18.3-beta.1 → 25.18.3-beta.3

package/dist/{BioCardWrapper-D1ZOHyA4.js.map → BioCardWrapper-CUuubD2U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BioCardWrapper-D1ZOHyA4.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, title, subheader } = useReadMetaData(propsComponent);\n\n  return (\n    // <SubHeaderAction key={id}>\n\n    // </SubHeaderAction>\n    <PrimaryActionHeader\n      title={title?.label || ''}\n      //subheader={subheader?.label || ''}\n      buttonLabel={subheader?.label || ''}\n      single={true}\n      grid={false}\n    />\n  );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n  const {\n    propsComponent,\n    setSideSheetOpen,\n    sideSheetOpen,\n    setSideSheetComponent\n  } = props;\n  // const { id, columnSize, title, label, status, button, secondaryButtons } =\n  //   useReadMetaData(propsComponent);\n\n  // useEffect(() => {\n  //   const { view } = button;\n\n  //   setSideSheetComponent({\n  //     id: view?.id,\n  //     component: view?.component,\n  //     propsComponent: view?.properties,\n  //   });\n  // }, [button, setSideSheetComponent]);\n\n  return (\n    <Grid\n      item\n      // xs={columnSize?.xs}\n      // sm={columnSize?.sm}\n      // md={columnSize?.md}\n      // key={id}\n    >\n      <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n        <AmbientCard\n          // title={title?.label}\n          // status={status?.label}\n          overrideStatusSuccess='current'\n          overrideStatusError='expired'\n          editEvent={() => {}}\n          deleteEvent={() => {}}\n          // label={label?.label}\n          fullWidth={true}\n        >\n          <div>\n            <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n            <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n            <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n            {/* {button && (\n              <FluentButton\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={() => setSideSheetOpen(!sideSheetOpen)}\n              >\n                {button?.label?.label}\n              </FluentButton>\n            )} */}\n\n            <FluentButton\n              variant='contained'\n              color='secondary'\n              onClick={() => setSideSheetOpen(!sideSheetOpen)}\n            >\n              Test Button\n            </FluentButton>\n\n            {/* {secondaryButtons &&\n              secondaryButtons.value?.map((button, index) => (\n                <FluentIconButton\n                  key={index}\n                  icon={\n                    fluentLibraryIcons.find(x => x.id === button.icon)?.icon ||\n                    ChevronDownIcon\n                  }\n                  style={{ width: '40px', height: '40px' }}\n                  size=\"small\"\n                  onClick={() => setSideSheetOpen(!sideSheetOpen)}\n                />\n              ))} */}\n          </div>\n        </AmbientCard>\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            width: 'container',\n            data: {\n              // values: [\n              //   { quarter: 'Q1', percent: 0.2 },\n              //   { quarter: 'Q2', percent: 0.28 },\n              //   { quarter: 'Q3', percent: 0.32 },\n              //   { quarter: 'Q4', percent: 0.39 },\n              // ],\n              values: values,\n            },\n            mark: 'bar',\n            //encoding: encoding,\n            encoding: {\n              x: {\n                field: xfield,\n                type: 'nominal',\n                axis: {\n                  ticks: false,\n                },\n                band: 0.5,\n              },\n              y: {\n                field: yfield,\n                type: 'quantitative',\n                axis: {\n                  format: 'p',\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"histogram\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega/v5.json',\n            description:\n              'An interactive histogram for visualizing a univariate distribution.',\n            width: 500,\n            height: 100,\n            padding: 5,\n\n            signals: [\n              {\n                name: 'binOffset',\n                value: 0,\n                bind: { input: 'range', min: -0.1, max: 0.1 },\n              },\n              {\n                name: 'binStep',\n                value: 0.1,\n                bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n              },\n            ],\n\n            data: [\n              {\n                name: 'points',\n                url: 'data/normal-2d.json',\n              },\n              {\n                name: 'binned',\n                source: 'points',\n                transform: [\n                  {\n                    type: 'bin',\n                    field: 'u',\n                    extent: [-1, 1],\n                    anchor: { signal: 'binOffset' },\n                    step: { signal: 'binStep' },\n                    nice: false,\n                  },\n                  {\n                    type: 'aggregate',\n                    key: 'bin0',\n                    groupby: ['bin0', 'bin1'],\n                    fields: ['bin0'],\n                    ops: ['count'],\n                    as: ['count'],\n                  },\n                ],\n              },\n            ],\n\n            scales: [\n              {\n                name: 'xscale',\n                type: 'linear',\n                range: 'width',\n                domain: [-1, 1],\n              },\n              {\n                name: 'yscale',\n                type: 'linear',\n                range: 'height',\n                round: true,\n                domain: { data: 'binned', field: 'count' },\n                zero: true,\n                nice: true,\n              },\n            ],\n\n            axes: [\n              { orient: 'bottom', scale: 'xscale', zindex: 1 },\n              { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n            ],\n\n            marks: [\n              {\n                type: 'rect',\n                from: { data: 'binned' },\n                encode: {\n                  update: {\n                    x: { scale: 'xscale', field: 'bin0' },\n                    x2: {\n                      scale: 'xscale',\n                      field: 'bin1',\n                      offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n                    },\n                    y: { scale: 'yscale', field: 'count' },\n                    y2: { scale: 'yscale', value: 0 },\n                    fill: { value: 'steelblue' },\n                  },\n                  hover: { fill: { value: 'firebrick' } },\n                },\n              },\n              {\n                type: 'rect',\n                from: { data: 'points' },\n                encode: {\n                  enter: {\n                    x: { scale: 'xscale', field: 'u' },\n                    width: { value: 1 },\n                    y: { value: 25, offset: { signal: 'height' } },\n                    height: { value: 5 },\n                    fill: { value: 'steelblue' },\n                    fillOpacity: { value: 0.4 },\n                  },\n                },\n              },\n            ],\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n            description: 'A simple donut chart with embedded data.',\n            data: {\n              values: values,\n              // values: [\n              //   { category: 1, value: 4 },\n              //   { category: 2, value: 6 },\n              //   { category: 3, value: 10 },\n              //   { category: 4, value: 3 },\n              //   { category: 5, value: 7 },\n              //   { category: 6, value: 8 },\n              // ],\n            },\n            mark: { type: 'arc', innerRadius: 160 },\n            width: 350,\n            height: 350,\n            encoding: {\n              theta: { field: 'value', type: 'quantitative' },\n              color: { field: 'category', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"lineChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            description: 'Values perdicted by the model',\n            width: 'container',\n            data: {\n              // values: [\n              //   { a: 'A', b: 28, predicted: false },\n              //   { a: 'B', b: 55, predicted: false },\n              //   { a: 'D', b: 91, predicted: false },\n              //   { a: 'E', b: 81, predicted: false },\n              //   { a: 'E', b: 81, predicted: true },\n              //   { a: 'G', b: 19, predicted: true },\n              //   { a: 'H', b: 87, predicted: true },\n              // ],\n              values: values,\n            },\n            mark: 'line',\n            encoding: {\n              x: { field: 'a', type: 'ordinal' },\n              y: { field: 'b', type: 'quantitative' },\n              strokeDash: { field: 'predicted', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n  {\n    id: 1,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Liam Atchison'\n  },\n  {\n    id: 2,\n    name: 'Skating Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Luca Thomas'\n  },\n  {\n    id: 3,\n    name: 'Skating Lessons',\n    tags: 'Adult',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'John Smith'\n  },\n  {\n    id: 4,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Self-Pace',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'In Progress',\n    instructors: 'Lucy May'\n  },\n  {\n    id: 5,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-08-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Pending',\n    instructors: 'Matteo Thomas'\n  }\n];\n\n// Demonstrative purpose\nconst groupData = [\n  { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n  { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n  { groupItem: 'name', label: 'Course Name', value: 'name' },\n  { groupItem: 'status', label: 'Status', value: 'status' },\n  { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, columnSize, columnDefs, actionsList, values } =\n    useReadMetaData(propsComponent);\n\n  const columnDefinitions = useMemo(() => {\n    if (columnDefs?.length) {\n      const newActionsList = actionsList?.map((actionItem) => {\n        return {\n          ...actionItem,\n          icon:\n            fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon ||\n            actionItem.icon,\n          onClick: () => {}\n        };\n      });\n\n      return TableColumnDefs(columnDefs, newActionsList);\n    }\n    return [];\n  }, [actionsList, columnDefs]);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <AmbientGridTemplate\n        title='Course List'\n        data={values}\n        columnDefs={columnDefinitions}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={groupData}\n      />\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n  const { id, propsComponent } = props;\n  const { columnSize } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <BioCard\n        firstName='Marlene'\n        lastName='Smith'\n        avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n        alt='Marlene'\n        address={\n          <>\n            <AddressListItem>\n              123 Fake Street, Encinitas, CA, 92024\n            </AddressListItem>\n            <AddressListItem> +1.767.815.8957 </AddressListItem>\n            <AddressListItem> marlene@smith.com </AddressListItem>\n          </>\n        }\n        copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com  '\n      >\n        <h1>Marlene Smith</h1>\n      </BioCard>\n    </Grid>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BioCardWrapper-CUuubD2U.js","names":[],"sources":["../src/componentSystems/pageRenderer/wrappers/PrimaryActionHeaderWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DisplayCardWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BarChartWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/HistogramWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/DonutWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/LineGraphWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/AgGridSimpleWrapper.jsx","../src/componentSystems/pageRenderer/wrappers/BioCardWrapper.jsx"],"sourcesContent":["import React from 'react';\n//import { SubHeaderAction } from 'unity-fluent-library';\nimport { PrimaryActionHeader } from '../../../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const PrimaryActionHeaderWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, title, subheader } = useReadMetaData(propsComponent);\n\n  return (\n    // <SubHeaderAction key={id}>\n\n    // </SubHeaderAction>\n    <PrimaryActionHeader\n      title={title?.label || ''}\n      //subheader={subheader?.label || ''}\n      buttonLabel={subheader?.label || ''}\n      single={true}\n      grid={false}\n    />\n  );\n};\n","import React, { useEffect } from 'react';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard';\nimport { FluentMenuListItem } from '../../../UI/navigation/menus/FluentMenuListItem';\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Grid, Box } from '@material-ui/core';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DisplayCardWrapper = (props) => {\n  const {\n    propsComponent,\n    setSideSheetOpen,\n    sideSheetOpen,\n    setSideSheetComponent\n  } = props;\n  // const { id, columnSize, title, label, status, button, secondaryButtons } =\n  //   useReadMetaData(propsComponent);\n\n  // useEffect(() => {\n  //   const { view } = button;\n\n  //   setSideSheetComponent({\n  //     id: view?.id,\n  //     component: view?.component,\n  //     propsComponent: view?.properties,\n  //   });\n  // }, [button, setSideSheetComponent]);\n\n  return (\n    <Grid\n      item\n      // xs={columnSize?.xs}\n      // sm={columnSize?.sm}\n      // md={columnSize?.md}\n      // key={id}\n    >\n      <Box mt={2} sx={{ width: '100%', minWidth: '100%' }}>\n        <AmbientCard\n          // title={title?.label}\n          // status={status?.label}\n          overrideStatusSuccess='current'\n          overrideStatusError='expired'\n          editEvent={() => {}}\n          deleteEvent={() => {}}\n          // label={label?.label}\n          fullWidth={true}\n        >\n          <div>\n            <FluentMenuListItem value={2} label='Text Issued' arrow={false} />\n            <FluentMenuListItem value={3} label='Date Issued' arrow={false} />\n            <FluentMenuListItem value={4} label='Valid Until' arrow={false} />\n\n            {/* {button && (\n              <FluentButton\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={() => setSideSheetOpen(!sideSheetOpen)}\n              >\n                {button?.label?.label}\n              </FluentButton>\n            )} */}\n\n            <FluentButton\n              variant='contained'\n              color='secondary'\n              onClick={() => setSideSheetOpen(!sideSheetOpen)}\n            >\n              Test Button\n            </FluentButton>\n\n            {/* {secondaryButtons &&\n              secondaryButtons.value?.map((button, index) => (\n                <FluentIconButton\n                  key={index}\n                  icon={\n                    fluentLibraryIcons.find(x => x.id === button.icon)?.icon ||\n                    ChevronDownIcon\n                  }\n                  style={{ width: '40px', height: '40px' }}\n                  size=\"small\"\n                  onClick={() => setSideSheetOpen(!sideSheetOpen)}\n                />\n              ))} */}\n          </div>\n        </AmbientCard>\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const BarChartWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            width: 'container',\n            data: {\n              // values: [\n              //   { quarter: 'Q1', percent: 0.2 },\n              //   { quarter: 'Q2', percent: 0.28 },\n              //   { quarter: 'Q3', percent: 0.32 },\n              //   { quarter: 'Q4', percent: 0.39 },\n              // ],\n              values: values,\n            },\n            mark: 'bar',\n            //encoding: encoding,\n            encoding: {\n              x: {\n                field: xfield,\n                type: 'nominal',\n                axis: {\n                  ticks: false,\n                },\n                band: 0.5,\n              },\n              y: {\n                field: yfield,\n                type: 'quantitative',\n                axis: {\n                  format: 'p',\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const HistogramWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"histogram\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega/v5.json',\n            description:\n              'An interactive histogram for visualizing a univariate distribution.',\n            width: 500,\n            height: 100,\n            padding: 5,\n\n            signals: [\n              {\n                name: 'binOffset',\n                value: 0,\n                bind: { input: 'range', min: -0.1, max: 0.1 },\n              },\n              {\n                name: 'binStep',\n                value: 0.1,\n                bind: { input: 'range', min: 0.001, max: 0.4, step: 0.001 },\n              },\n            ],\n\n            data: [\n              {\n                name: 'points',\n                url: 'data/normal-2d.json',\n              },\n              {\n                name: 'binned',\n                source: 'points',\n                transform: [\n                  {\n                    type: 'bin',\n                    field: 'u',\n                    extent: [-1, 1],\n                    anchor: { signal: 'binOffset' },\n                    step: { signal: 'binStep' },\n                    nice: false,\n                  },\n                  {\n                    type: 'aggregate',\n                    key: 'bin0',\n                    groupby: ['bin0', 'bin1'],\n                    fields: ['bin0'],\n                    ops: ['count'],\n                    as: ['count'],\n                  },\n                ],\n              },\n            ],\n\n            scales: [\n              {\n                name: 'xscale',\n                type: 'linear',\n                range: 'width',\n                domain: [-1, 1],\n              },\n              {\n                name: 'yscale',\n                type: 'linear',\n                range: 'height',\n                round: true,\n                domain: { data: 'binned', field: 'count' },\n                zero: true,\n                nice: true,\n              },\n            ],\n\n            axes: [\n              { orient: 'bottom', scale: 'xscale', zindex: 1 },\n              { orient: 'left', scale: 'yscale', tickCount: 5, zindex: 1 },\n            ],\n\n            marks: [\n              {\n                type: 'rect',\n                from: { data: 'binned' },\n                encode: {\n                  update: {\n                    x: { scale: 'xscale', field: 'bin0' },\n                    x2: {\n                      scale: 'xscale',\n                      field: 'bin1',\n                      offset: { signal: 'binStep > 0.02 ? -0.5 : 0' },\n                    },\n                    y: { scale: 'yscale', field: 'count' },\n                    y2: { scale: 'yscale', value: 0 },\n                    fill: { value: 'steelblue' },\n                  },\n                  hover: { fill: { value: 'firebrick' } },\n                },\n              },\n              {\n                type: 'rect',\n                from: { data: 'points' },\n                encode: {\n                  enter: {\n                    x: { scale: 'xscale', field: 'u' },\n                    width: { value: 1 },\n                    y: { value: 25, offset: { signal: 'height' } },\n                    height: { value: 5 },\n                    fill: { value: 'steelblue' },\n                    fillOpacity: { value: 0.4 },\n                  },\n                },\n              },\n            ],\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Box, Grid } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const DonutWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, values, encoding, x, y, xfield, yfield } =\n    useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"verticalBarChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n            description: 'A simple donut chart with embedded data.',\n            data: {\n              values: values,\n              // values: [\n              //   { category: 1, value: 4 },\n              //   { category: 2, value: 6 },\n              //   { category: 3, value: 10 },\n              //   { category: 4, value: 3 },\n              //   { category: 5, value: 7 },\n              //   { category: 6, value: 8 },\n              // ],\n            },\n            mark: { type: 'arc', innerRadius: 160 },\n            width: 350,\n            height: 350,\n            encoding: {\n              theta: { field: 'value', type: 'quantitative' },\n              color: { field: 'category', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n\nexport const barChartWrapperProps = [\n  {\n    structure: [\n      { label: 'Data1', value: 0 },\n      { label: 'Data2', value: 1 },\n      { label: 'Data3', value: 0 },\n      { label: 'Data4', value: 1 },\n    ],\n  },\n];\n","import React from 'react';\nimport { Grid, Box } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\n\nexport const LineGraphWrapper = props => {\n  const { propsComponent } = props;\n  const { id, columnSize, x, y, values } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <Box\n        mt={2}\n        clone\n        overflow=\"hidden\"\n        sx={{ width: '100%', minWidth: '100%' }}\n      >\n        <MuiVegaLite\n          variant=\"lineChart\"\n          color=\"secondary\"\n          background=\"paper\"\n          autoResize\n          actions={false}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            description: 'Values perdicted by the model',\n            width: 'container',\n            data: {\n              // values: [\n              //   { a: 'A', b: 28, predicted: false },\n              //   { a: 'B', b: 55, predicted: false },\n              //   { a: 'D', b: 91, predicted: false },\n              //   { a: 'E', b: 81, predicted: false },\n              //   { a: 'E', b: 81, predicted: true },\n              //   { a: 'G', b: 19, predicted: true },\n              //   { a: 'H', b: 87, predicted: true },\n              // ],\n              values: values,\n            },\n            mark: 'line',\n            encoding: {\n              x: { field: 'a', type: 'ordinal' },\n              y: { field: 'b', type: 'quantitative' },\n              strokeDash: { field: 'predicted', type: 'nominal' },\n            },\n          }}\n        />\n      </Box>\n    </Grid>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { TableColumnDefs } from '../utils/TableColumnDefs';\nimport { fluentLibraryIcons } from '../../../assets/unityIcons/LibraryData';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\n\n// Demonstrative purpose\nexport const data = [\n  {\n    id: 1,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Liam Atchison'\n  },\n  {\n    id: 2,\n    name: 'Skating Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'Luca Thomas'\n  },\n  {\n    id: 3,\n    name: 'Skating Lessons',\n    tags: 'Adult',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Published',\n    instructors: 'John Smith'\n  },\n  {\n    id: 4,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Self-Pace',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-07-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'In Progress',\n    instructors: 'Lucy May'\n  },\n  {\n    id: 5,\n    name: 'Pre-School Swim Lessons',\n    tags: 'Child',\n    deferredGL: 'General Programs Deferred',\n    earnedGL: `Registered Swim Programs`,\n    start_date: '2022-08-23 13:10:11',\n    end_date: '2022-07-23 13:10:11',\n    status: 'Pending',\n    instructors: 'Matteo Thomas'\n  }\n];\n\n// Demonstrative purpose\nconst groupData = [\n  { groupItem: 'instructors', label: 'Instructors', value: 'instructors' },\n  { groupItem: 'tabs', label: 'Tabs', value: 'tabs' },\n  { groupItem: 'name', label: 'Course Name', value: 'name' },\n  { groupItem: 'status', label: 'Status', value: 'status' },\n  { groupItem: 'start', label: 'Start Date', value: 'start' }\n];\n\nexport const AgGridSimpleWrapper = (props) => {\n  const { propsComponent } = props;\n  const { id, columnSize, columnDefs, actionsList, values } =\n    useReadMetaData(propsComponent);\n\n  const columnDefinitions = useMemo(() => {\n    if (columnDefs?.length) {\n      const newActionsList = actionsList?.map((actionItem) => {\n        return {\n          ...actionItem,\n          icon:\n            fluentLibraryIcons.find((x) => x.id === actionItem.icon)?.icon ||\n            actionItem.icon,\n          onClick: () => {}\n        };\n      });\n\n      return TableColumnDefs(columnDefs, newActionsList);\n    }\n    return [];\n  }, [actionsList, columnDefs]);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <AmbientGridTemplate\n        title='Course List'\n        data={values}\n        columnDefs={columnDefinitions}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        groupingData={groupData}\n      />\n    </Grid>\n  );\n};\n","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport { BioCard } from '../../../UI/surfaces/cards/BioCard';\nimport { AddressListItem } from '../../../UI/dataDisplay/address/AddressListItem';\nimport { useReadMetaData } from '../hooks/useReadMetaData';\nexport const BioCardWrapper = (props) => {\n  const { id, propsComponent } = props;\n  const { columnSize } = useReadMetaData(propsComponent);\n\n  return (\n    <Grid\n      item\n      xs={columnSize?.xs}\n      sm={columnSize?.sm}\n      md={columnSize?.md}\n      key={id}\n    >\n      <BioCard\n        firstName='Marlene'\n        lastName='Smith'\n        avatar='http://www.woman-themovie.org/wp-content/uploads/2020/02/AQALLAL_Sofia-W_78-FRANCE_24-FACIES-LVMH-CALLIGARO_Sandra-V1.jpg'\n        alt='Marlene'\n        address={\n          <>\n            <AddressListItem>\n              123 Fake Street, Encinitas, CA, 92024\n            </AddressListItem>\n            <AddressListItem> +1.767.815.8957 </AddressListItem>\n            <AddressListItem> marlene@smith.com </AddressListItem>\n          </>\n        }\n        copy='Marlene Smith, 123 Fake Street, Encinitas, CA, 92024, +1.767.815.8957, marlene@smith.com  '\n      >\n        <h1>Marlene Smith</h1>\n      </BioCard>\n    </Grid>\n  );\n};\n"],"mappings":"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"}

package/dist/{BubbleWidget-CMJYN-7J.js → BubbleWidget-Bx4c0P2X.js}

@@ -20,8 +20,8 @@ const layout = {
 };
 const params = { mode: { defaultValue: "chart" } };
 const BubbleWidget = (props, ref) => {
-	const { children, params: params$1, setParam, ...other } = props;
-	const { mockData, apiUrl, theme } = params$1;
+	const { children, params, setParam, ...other } = props;
+	const { mockData, apiUrl, theme } = params;
 	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
 		ref,
 		...other,
@@ -54,4 +54,4 @@ var BubbleWidget_exports = /* @__PURE__ */ __exportAll({
 
 //#endregion
 export { params as i, BubbleWidget_default as n, layout as r, BubbleWidget_exports as t };
-//# sourceMappingURL=BubbleWidget-CMJYN-7J.js.map
+//# sourceMappingURL=BubbleWidget-Bx4c0P2X.js.map

package/dist/BubbleWidget-Bx4c0P2X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleWidget-Bx4c0P2X.js","names":["WidgetCard","FluentStatsSnippet","FluentTimeLine"],"sources":["../src/UI/widgets/library/BubbleWidget/BubbleWidget.jsx","../src/UI/widgets/library/BubbleWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Grid, Box } from '@material-ui/core'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport FluentTimeLine from '../../FluentComponents/molecules/FluentTimeline'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst BubbleWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      <Grid container>\n        {mockData?.stats?.map((stat) => (\n          <Grid item xs={3} key={stat.label}>\n            <FluentStatsSnippet\n              label={stat.label}\n              amount={stat.currentValue}\n              prevAmount={stat.previousValue}\n            />\n          </Grid>\n        ))}\n      </Grid>\n      <Box clone flex={1} mt={1} overflow='hidden'>\n        <FluentTimeLine categories={mockData?.data} />\n      </Box>\n      {children}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(BubbleWidget)\n","export * from './BubbleWidget';\nexport {default} from './BubbleWidget';\n"],"mappings":";;;;;;;;AAMA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,gBAAgB,OAAO,QAAQ;CACnC,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC,QAAK,mBACH,UAAU,OAAO,KAAK,SACrB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EACP,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAACC,0BAAe,YAAY,UAAU,OAAQ,CAC1C,EACL,SACU;;AAIjB,2BAAe,WAAW,aAAa"}

package/dist/{BulkActionsGridButton-JYgIABWU.js → BulkActionsGridButton-zrOoVMFg.js}

@@ -2,17 +2,17 @@ import { t as Form } from "./Form-DbOA5j38.js";
 import { t as Field } from "./Field-Cda5rJe2.js";
 import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-WIR8pqy0.js";
-import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CMlmFUix.js";
+import { t as apiMutate } from "./useAxiosMutate-CChDJc0L.js";
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { W as VisibilityTypeEnums } from "./unitySystemEnums-CZDCsD5t.js";
+import { W as VisibilityTypeEnums } from "./unitySystemEnums-BhRg17du.js";
 import { n as PrimaryActionButton_default } from "./PrimaryActionButton-Dk8zvDAW.js";
 import { t as AmbientTextField } from "./AmbientTextField-CdnqPJUw.js";
-import { t as AmbientTokenButton } from "./AmbientTokenButton-B53E25r2.js";
-import { t as AmbientChipButton } from "./AmbientChipButton-DYAYXuKp.js";
+import { t as AmbientTokenButton } from "./AmbientTokenButton-F3Wg-88V.js";
+import { t as AmbientChipButton } from "./AmbientChipButton-XFBUrwCb.js";
 import { t as FluentDialog } from "./FluentDialog-B5ZxvX1E.js";
-import { r as getGridState } from "./GridFunctions-D76ygiH2.js";
-import { t as DynamicContainerWithMenu } from "./DynamicContainerWithMenu-lYZyNyb_.js";
+import { r as getGridState } from "./GridFunctions-quS_QhSZ.js";
+import { t as DynamicContainerWithMenu } from "./DynamicContainerWithMenu-DB27WYKY.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Badge, Box, Divider, FormControlLabel, InputAdornment, MenuItem, Popover, Switch, Tab, Tabs, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
 import { AppIconDefaultIcon, BlockedIcon, BulletedTreeListIcon, ChevronDownIcon, ClearIcon, CombineIcon, DeleteIcon, DownloadIcon, ErrorIcon, ExportIcon, FavoriteStarIcon, FilterIcon, LightbulbIcon, MoreVerticalIcon, SaveIcon, SearchIcon, TripleColumnIcon, UploadIcon } from "@fluentui/react-icons";
@@ -919,4 +919,4 @@ const BulkActionsGridButton = (props) => {
 
 //#endregion
 export { GridActionBar as a, GridPrimaryBar as i, ChipSection as n, SaveViewFormDialog as r, BulkActionsGridButton as t };
-//# sourceMappingURL=BulkActionsGridButton-JYgIABWU.js.map
+//# sourceMappingURL=BulkActionsGridButton-zrOoVMFg.js.map

package/dist/{BulkActionsGridButton-JYgIABWU.js.map → BulkActionsGridButton-zrOoVMFg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BulkActionsGridButton-JYgIABWU.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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"}
+{"version":3,"file":"BulkActionsGridButton-zrOoVMFg.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-B8nTYXo7.js → CardList-mxsKMn2s.js}

@@ -6,11 +6,11 @@ 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;
+let PaginationPlacement = /* @__PURE__ */ function(PaginationPlacement) {
+	PaginationPlacement["RIGHT"] = "right";
+	PaginationPlacement["LEFT"] = "left";
+	PaginationPlacement["CENTER"] = "center";
+	return PaginationPlacement;
 }({});
 
 //#endregion
@@ -75,4 +75,4 @@ CardList.defaultProps = {
 
 //#endregion
 export { PaginationPlacement as n, CardList as t };
-//# sourceMappingURL=CardList-B8nTYXo7.js.map
+//# sourceMappingURL=CardList-mxsKMn2s.js.map

package/dist/{CardList-B8nTYXo7.js.map → CardList-mxsKMn2s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardList-B8nTYXo7.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"}
+{"version":3,"file":"CardList-mxsKMn2s.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,oEAAL;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/{ChatBotProvider-CmrKYl2I.js → ChatBotProvider-BgWP6rfO.js}

@@ -3,11 +3,11 @@ import { t as ChatBotContext } from "./ChatBotContext-CgEZrG-E.js";
 import React, { useState } from "react";
 
 //#region src/utilities/chatBot/ChatBotProvider.tsx
-var MessageStatus = /* @__PURE__ */ function(MessageStatus$1) {
-	MessageStatus$1[MessageStatus$1["Sent"] = 0] = "Sent";
-	MessageStatus$1[MessageStatus$1["Delivered"] = 1] = "Delivered";
-	MessageStatus$1[MessageStatus$1["Error"] = -1] = "Error";
-	return MessageStatus$1;
+var MessageStatus = /* @__PURE__ */ function(MessageStatus) {
+	MessageStatus[MessageStatus["Sent"] = 0] = "Sent";
+	MessageStatus[MessageStatus["Delivered"] = 1] = "Delivered";
+	MessageStatus[MessageStatus["Error"] = -1] = "Error";
+	return MessageStatus;
 }(MessageStatus || {});
 const ChatBotProvider = ({ children }) => {
 	(/* @__PURE__ */ new Date()).toLocaleString([], {
@@ -52,4 +52,4 @@ const ChatBotProvider = ({ children }) => {
 
 //#endregion
 export { ChatBotProvider as t };
-//# sourceMappingURL=ChatBotProvider-CmrKYl2I.js.map
+//# sourceMappingURL=ChatBotProvider-BgWP6rfO.js.map