npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.36 → 25.18.1-beta.37 - Mend

udp-react-enterprise-component-library 25.18.1-beta.36 → 25.18.1-beta.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (513) hide show

package/dist/{AmbientGridTemplate-d8EoaQH7.js.map → AmbientGridTemplate-VCZhDcIf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientGridTemplate-d8EoaQH7.js","names":["value"],"sources":["../src/UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress, Grow } from '@material-ui/core';\nimport '../../../../style.css';\nimport { GridGroupingSidebar } from '../../ui/GridGroupingSidebar';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport invariant from 'invariant';\nimport PropTypes from 'prop-types';\nimport { AgTable, useAgGridApi } from '../../../../utilities/aggrid/AgTable';\nimport { GridActionBar } from '../../../utilityDisplay/GridActionBar';\nimport { GridPrimaryBar } from '../../../utilityDisplay/GridPrimaryBar.jsx';\nimport { SaveViewFormDialog } from '../../../utilityDisplay/SaveViewFormDialog.jsx';\nimport { ChipSection } from '../../../utilityDisplay/ChipSection.jsx';\n// import GridViewsSideSheet from '../utilityDisplay/GridViewsSideSheet.jsx';\nimport { useAxiosGet } from '../../../../utilities/useAxiosGet';\nimport { apiMutate } from '../../../../utilities/useAxiosMutate';\nimport { onFirstDataRendered } from '../../../../utilities/aggrid/GridFunctions';\nimport { BulkActionsGridButton } from '../../../utilityDisplay/BulkActionsGridButton';\nimport { useActions } from '../../../../hooks/useActions';\nimport { FilterOperators } from '../../../../models/SearchOperator';\nimport { ConfigService } from '../../../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n pab: {\n display: 'flex',\n [theme.breakpoints.between('xs', 'sm')]: {\n position: 'fixed',\n bottom: theme.spacing(2),\n right: theme.spacing(2),\n zIndex: theme.zIndex.appBar\n }\n },\n groupSideBar: {\n width: 225\n },\n gridApi: {\n display: 'flex'\n }\n}));\nexport const AmbientGridTemplate = (props) => {\n const {\n additionalFilters,\n api,\n apiMethod,\n applicationName,\n bulkActionFunctions,\n clearGridConfig,\n columnApi,\n columnDefs,\n data,\n defaultAutoSize,\n deleteGridConfig,\n disablePagination,\n disableDynamicSizing,\n disableRowSelection,\n entityName,\n filterChips = [],\n filters,\n frameworkComponents,\n gridReady,\n gridId,\n groupingData,\n height,\n hideFitGrid,\n hideExpandGrid,\n hideExportGrid,\n hideRemoveFilters,\n hideFilterTab,\n hideGroupTab,\n hideColumnTab,\n hideSearchBar,\n hiddenLabels,\n hiddenActionButtons = [],\n kpiValues = [],\n loading = false,\n onRowSelected,\n onSearch,\n onPrimaryActionClick,\n paginationPageSize = 20,\n primaryActionButton,\n primaryActionDisabled,\n primaryActionLabel,\n primaryActionIcon,\n rowModelType = 'clientSide',\n rowNodeIdName,\n saveGridConfig,\n scrollToTopOnStateChange,\n secondaryActionButtons,\n title,\n tenantName,\n hideHeader,\n useNewHeader,\n insightsClick,\n user,\n id,\n udprecordid,\n additionalGridOptions = {},\n headerBackgroundColor,\n onSearchKeyDown,\n ...otherGridProps\n } = props;\n\n const classes = useStyles();\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const [isVisible, setIsVisible] = useState();\n const [sidebarIsVisible, setSidebarIsVisible] = useState(false);\n const [showGroupOptions, setShowGroupOptions] = useState(false);\n const [selectedRow, setSelectedRow] = useState(null);\n const [value, setValue] = useState(0);\n const [saveViewOpen, setSaveViewOpen] = useState(false);\n const [defaultViews, setDefaultViews] = useState([]);\n const [viewsOpen, setViewsOpen] = useState(false);\n const [agGridOptions, setAgGridOptions] = useState({\n frameworkComponents: frameworkComponents,\n suppressScrollOnNewData: !scrollToTopOnStateChange,\n ...additionalGridOptions\n });\n const gApi = api \|\| gridApi;\n const gcApi = columnApi \|\| gridColumnApi;\n\n const [viewChips, setViewChips] = useState([]);\n const [additionalFilterChips, setAdditionalFilterChips] =\n useState(additionalFilters);\n const [columnDefsValues, setColumnDefsValues] = useState(null);\n const [selectedView, setSelectedView] = useState(null);\n const [viewsRowData, setViewsRowData] = useState(null);\n const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();\n const [numSelectedRows, setNumSelectedRows] = useState(0);\n const [domain, setDomain] = useState(null);\n const [apiCatalogId, setApiCatalogId] = useState(null);\n\n const { triggerAction } = useActions();\n\n useEffect(() => {\n if (apiMethod) {\n setDomain(apiMethod.entityName);\n setApiCatalogId(apiMethod.apiCatalogId);\n }\n }, [apiMethod, setDomain, setApiCatalogId]);\n\n const defaultColActionsDef = {\n resizable: true,\n editable: false,\n sortable: true,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true,\n filterParams: {\n filterOptions: rowModelType === 'serverSide' ? Object.keys(FilterOperators) : undefined\n }\n };\n\n const handleChange = (event, newValue) => {\n event.preventDefault();\n setValue((preValue) => {\n if (newValue === preValue && newValue !== 1) {\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n } else if (newValue === 0) {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n } else if (newValue === 1) {\n showGrouping();\n gApi.setSideBarVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n }\n\n return newValue;\n });\n };\n\n const onFilterClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setValue(0);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const onGroupClick = (event) => {\n // event.preventDefault();\n // // gApi.setSideBarVisible(!gApi.isSideBarVisible());\n // showGrouping();\n // setValue(1);\n alert('Group button clicked');\n };\n\n const onColumnsClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n setValue(2);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const emptyArr = [];\n\n const handleRowSelected = useCallback(\n (event) => {\n if (!gApi) return;\n const selectedRows = gApi.getSelectedRows();\n setNumSelectedRows(selectedRows.length); //for bulk actions ui\n const row = selectedRows.length && selectedRows[0];\n setSelectedRow(row);\n if (onRowSelected) {\n onRowSelected(event, row);\n }\n },\n [gApi, onRowSelected]\n );\n\n const setSideBarInvisible = () => {\n if (gApi.isSideBarVisible()) {\n gApi.setSideBarVisible(false);\n setIsVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setIsVisible(true);\n }\n };\n\n const handleFilterChange = (event) => {\n gApi.setQuickFilter(event.target.value);\n };\n\n // Sets Grouping on grid based on passed filter string\n const groupGridItems = (groupItem) => {\n gcApi.setRowGroupColumns([groupItem]);\n gApi.expandAll();\n // setToggleFlag(groupItem)\n };\n\n const restoreGridDefault = () => {\n gApi.setQuickFilter('');\n gcApi.setRowGroupColumns([]);\n gApi.setFilterModel(null);\n gApi.setQuickFilter('');\n gcApi.resetColumnState();\n };\n\n const showGrouping = () => {\n setShowGroupOptions(!showGroupOptions);\n gApi.setSideBarVisible(false);\n };\n\n const expandGroupedGrid = () => {\n gApi.expandAll();\n };\n\n const collapseGroupedGrid = () => {\n gApi.collapseAll();\n };\n\n const fitToSpace = () => {\n gApi.sizeColumnsToFit();\n };\n\n const exportGrid = () => {\n gApi.exportDataAsCsv({\n allColumns: true,\n fileName: 'export'\n });\n };\n\n const openSaveView = () => {\n setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));\n setSaveViewOpen(true);\n };\n\n const closeSaveView = () => {\n setSaveViewOpen(false);\n };\n\n const openViews = useCallback(() => {\n setViewsOpen(true);\n },[]);\n\n const closeViews = () => {\n setViewsOpen(false);\n };\n\n const handleTriggerAction = useCallback(\n (actionId) => {\n if (triggerAction && gApi) {\n triggerAction(actionId, gApi.getSelectedRows());\n }\n },\n [triggerAction, gApi]\n );\n\n const autoSizeAll = useCallback(\n (skipHeader) => {\n invariant(gcApi, `gridColumnApi not ready`);\n const allColumnIds = [];\n gcApi.getAllColumns().forEach((column) => {\n allColumnIds.push(column.getColId());\n });\n gcApi.autoSizeColumns(allColumnIds, skipHeader);\n },\n [gcApi]\n );\n\n const autoSizeAllWithoutHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n\n const firstDataRendered = useCallback(\n (params) => {\n // Size columns to fit after the first data render\n !defaultAutoSize && params?.api.sizeColumnsToFit();\n\n defaultAutoSize && autoSizeAllWithoutHeader();\n },\n [defaultAutoSize, autoSizeAllWithoutHeader]\n );\n\n useEffect(() => {\n if (!gApi) return;\n\n setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);\n selectedRow && gApi.ensureNodeVisible(selectedRow);\n }, [gApi, selectedRow]);\n\n const handleChipDelete = (chipType, chipIndex) => {\n switch (chipType) {\n case 'view':\n setViewChips((prevChips) =>\n prevChips.filter((_, index) => index !== chipIndex)\n );\n setSelectedView(null);\n gcApi.resetColumnState();\n gApi.sizeColumnsToFit();\n break;\n case 'additionalFilter':\n setAdditionalFilterChips((prevChips) => {\n if (prevChips[chipIndex]?.onUntoggle) {\n prevChips[chipIndex]?.onUntoggle();\n }\n return prevChips.filter((_, index) => index !== chipIndex);\n });\n break;\n default:\n break;\n }\n };\n\n useEffect(() => {\n if (viewsRowData?.length > 0) {\n const DefaultViews = viewsRowData.reduce((acc, row) => {\n if (row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n\n const nonDefaultViews = viewsRowData.reduce((acc, row) => {\n if (!row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n setDefaultViews(DefaultViews);\n setNonDefaultViewsRowData(nonDefaultViews);\n }\n }, [viewsRowData]);\n\n // Function to handle closing the side sheet\n // const handleSideSheetClose = () => {\n // setIsSideSheetOpen(false);\n // };\n\n const setView = useCallback(\n (value) => {\n const columnState = value?.gridViewGridViewGridConfiguration.map(\n (ele) => ele.gridViewGridConfigurationGridConfiguration\n );\n setViewChips((prevChips) => [{ label: value?.name }]);\n onFirstDataRendered(gApi, gcApi, columnState);\n },\n [setViewChips, gApi, gcApi]\n );\n\n const setFilter = (value) => {\n // todo: filter will come from the ApiMethodInstance endpoint\n };\n\n const [{ data: views }, refetch] = useAxiosGet(\n ConfigService.tenantV2ApiUrl,\n `GridView/getFromUser/${user?.id}/${gridId}`,\n {\n params: {\n domainName: domain,\n apiCatalogId: apiCatalogId\n }\n },\n !!!ConfigService.tenantV2ApiUrl \|\| !!!gridId \|\| !!!user\n );\n\n const [{ data: bulkActions }] = useAxiosGet(\n ConfigService.integrationV2ApiUrl,\n `action/grid/${gridId}`,\n {},\n !!!ConfigService.integrationV2ApiUrl \|\| !!!gridId\n );\n\n useEffect(() => {\n setViewsRowData(views);\n }, [openViews, views]);\n\n const getView = useCallback(async () => {\n await apiMutate(\n ConfigService.tenantV2ApiUrl,\n `GridView/${selectedView.gridViewId}/PartiallyFull`,\n {\n method: 'get'\n }\n )\n .then((response) => {\n setView(response.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, [selectedView, setView]);\n\n useEffect(() => {\n if (!selectedView?.gridViewId) {\n gcApi?.resetColumnState();\n gApi?.sizeColumnsToFit();\n return undefined;\n }\n getView();\n\n // No cleanup function needed, so return undefined\n return undefined;\n }, [setSelectedView, selectedView, gcApi, gApi, getView]);\n\n useEffect(() => {\n if (additionalFilters) {\n setAdditionalFilterChips(additionalFilters);\n }\n }, [additionalFilters]);\n\n return (\n <>\n {/* Must wait for gApi to be instantiated before rendering primary bar /}\n {!hideHeader && useNewHeader && gApi && (\n <GridPrimaryBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch \|\| handleFilterChange}\n showGroup={showGrouping}\n value={value}\n saveViewClick={openSaveView}\n viewsClick={openViews}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n insightsClick={insightsClick}\n clearClick={restoreGridDefault}\n filterClick={onFilterClick}\n columnsClick={onColumnsClick}\n // groupClick={onGroupClick}\n hideSearchBar={hideSearchBar}\n secondaryActionButtons={secondaryActionButtons \|\| []}\n onPrimaryActionClick={onPrimaryActionClick}\n primaryActionDisabled={primaryActionDisabled}\n primaryActionLabel={primaryActionLabel}\n primaryActionIcon={primaryActionIcon}\n hiddenActionButtons={hiddenActionButtons \|\| []}\n hiddenLabels={hiddenLabels \|\| []}\n background={headerBackgroundColor}\n onSearchKeyDown={onSearchKeyDown}\n />\n )}\n {useNewHeader &&\n (kpiValues?.length > 0 \|\|\n filterChips?.length > 0 \|\|\n filters?.length > 0 \|\|\n viewChips?.length > 0 \|\|\n additionalFilterChips?.length > 0) && (\n <div style={{ display: 'flex', flexDirection: 'row', height: 40 }}>\n <Grow in={bulkActions && numSelectedRows > 0} unmountOnExit>\n <BulkActionsGridButton\n bulkActions={bulkActions}\n numSelectedRows={numSelectedRows}\n triggerAction={handleTriggerAction}\n domain={domain}\n />\n </Grow>\n\n <ChipSection\n filterChips={filterChips}\n viewChips={viewChips}\n additionalFilterChips={additionalFilterChips}\n kpiValues={kpiValues}\n handleDelete={handleChipDelete}\n setAdditionalFilterChips={setAdditionalFilterChips}\n setViewChips={setViewChips}\n setFilter={setFilter}\n />\n </div>\n )}\n\n {/ {useNewHeader && gApi && gcApi && (\n <GridViewsSideSheet\n open={viewsOpen}\n onClose={closeViews}\n openSaveView={openSaveView}\n setViewChips={setViewChips}\n setFilter={setView}\n rowData={views}\n setSelectedView={setSelectedView}\n />\n )} /}\n\n {!hideHeader && !useNewHeader && (\n <GridActionBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch \|\| handleFilterChange}\n showGroup={showGrouping}\n value={value}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n clearClick={restoreGridDefault}\n saveGridConfig={saveGridConfig}\n deleteGridConfig={deleteGridConfig}\n clearGridConfig={clearGridConfig}\n hideFitGrid={hideFitGrid}\n hideExpandGrid={hideExpandGrid}\n hideExportGrid={hideExportGrid}\n hideRemoveFilters={hideRemoveFilters}\n hideFilterTab={hideFilterTab}\n hideGroupTab={hideGroupTab}\n hideColumnTab={hideColumnTab}\n hideSearchBar={hideSearchBar}\n >\n {primaryActionButton && (\n <div className={classes.pab}>{primaryActionButton}</div>\n )}\n </GridActionBar>\n )}\n\n {loading && <LinearProgress />}\n <div style={{ display: 'flex' }}>\n <div style={{ width: '100%' }}>\n <AgTable\n {...agGridOptions}\n columnDefs={columnDefs}\n dynamicSizing={!disableDynamicSizing}\n rowData={data \|\| emptyArr}\n onGridReady={gridReady \|\| onGridReady}\n onRowSelected={handleRowSelected}\n suppressCellSelection={true}\n suppressRowClickSelection={false}\n defaultColDef={defaultColActionsDef}\n enableRangeSelection={true}\n enableColResize\n sideBar={sidebarIsVisible}\n pivotMode={false}\n pivotPanelShow='never'\n groupSelectsChildren={true}\n animateRows={false}\n pagination={!disablePagination}\n showOpenedGroup={true}\n paginateChildRows={true}\n paginationPageSize={paginationPageSize}\n modules={\n rowModelType === 'serverSide' ? [ServerSideRowModelModule] : []\n }\n onFirstDataRendered={firstDataRendered}\n rowModelType={rowModelType}\n rowClassRules={{\n 'first-row-in-group': (params) =>\n params.node.rowIndex !== 0 && params.node.firstChild\n }}\n height={height}\n api={gApi}\n rowSelection={\n !disableRowSelection && (bulkActions ? 'multiple' : 'single')\n }\n hideHeader={hideHeader}\n {...otherGridProps}\n />\n </div>\n {showGroupOptions && (\n <div className={classes.groupSideBar}>\n <GridGroupingSidebar\n groupItem={(item) => groupGridItems(item)}\n closeClick={() => groupGridItems('')}\n expandClick={expandGroupedGrid}\n collapseClick={collapseGroupedGrid}\n groupingData={groupingData}\n height={height}\n />\n </div>\n )}\n {!hiddenActionButtons?.includes('saveView') && (\n <SaveViewFormDialog\n open={saveViewOpen}\n handleClose={closeSaveView}\n application={applicationName}\n tenant={tenantName}\n user={user}\n columnDefsValues={columnDefsValues}\n refetchViews={refetch}\n gApi={gApi}\n gcApi={gcApi}\n setSelectedView={setView}\n gridId={gridId}\n domain={domain}\n apiCatalogId={apiCatalogId}\n />\n )}\n </div>\n </>\n );\n};\n\nAmbientGridTemplate.propTypes = {\n /\n Column Definitions for Ag Grid\n /\n columnDefs: PropTypes.array,\n /\n AG Grid function for onRowSelected\n /\n handleRowSelected: PropTypes.func,\n /\n Data array for AG Grid\n /\n data: PropTypes.array,\n /\n Title of the grid\n /\n title: PropTypes.string,\n /\n Array of data to allow for custom grouping, example: {groupItem: 'instructors', label: 'Instructors', value: 'instructors'}\n /\n groupingData: PropTypes.array,\n /\n Grid Options\n /\n frameworkComponents: PropTypes.object,\n /\n Handle loading status with progress animation\n /\n loading: PropTypes.bool,\n /\n Primary Action Button Component\n /\n primaryActionButton: PropTypes.object,\n /\n name of the property for the id\n /\n rowNodeIdName: PropTypes.string,\n /\n Sets the grid default to expaned size if true. The default is 'size to fit'.\n /\n defaultAutoSize: PropTypes.bool,\n /\n Scrolls the grid back to the top on state change if true, otherwise maintains scroll position. The default is false.\n /\n scrollToTopOnStateChange: PropTypes.bool,\n /\n Disable dynamicSizing so that the grid size stays the same regardless of the window size if true. The default is false.\n /\n disableDynamicSizing: PropTypes.bool,\n /\n An array of filter chips.\n /\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ),\n /\n An array of view chips.\n /\n views: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /\n An array of additional filter chips.\n /\n additionalFilters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /\n An array of KPI values.\n /\n kpis: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .isRequired\n })\n ),\n /\n Enable the new header for data grids v2 if true. The default is false.\n /\n useNewHeader: PropTypes.bool,\n /\n Passes function that executes on the insights button click\n /\n insightsClick: PropTypes.func,\n /\n * Specifies which action buttons to hide\n /\n hiddenActionButtons: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /\n * Specifies which action button labels to hide\n /\n hiddenLabels: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /\n Passes function that executes on the primary action button click\n /\n onPrimaryActionClick: PropTypes.func,\n /\n Specifies the label for the primary action button\n /\n primaryActionLabel: PropTypes.string,\n /\n Specifies the icon for the primary action button\n /\n primaryActionIcon: PropTypes.elementType,\n /\n An array of objects that will be used to create the secondary action buttons. The default is an empty array.\n /\n secondaryActionButtons: PropTypes.array,\n /\n The name of the application that the grid is being used in\n /\n applicationName: PropTypes.string,\n /\n The name of the entity that the data in the grid is associated with\n /\n entityName: PropTypes.string,\n /\n The name of the tenant that is currently logged in\n /\n tenantName: PropTypes.string,\n /\n User object (optional)\n /\n user: PropTypes.object,\n /\n Array of KPI values (optional)\n */\n kpiValues: PropTypes.array\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientGridTemplate-VCZhDcIf.js","names":["value"],"sources":["../src/UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress, Grow } from '@material-ui/core';\nimport '../../../../style.css';\nimport { GridGroupingSidebar } from '../../ui/GridGroupingSidebar';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport invariant from 'invariant';\nimport PropTypes from 'prop-types';\nimport { AgTable, useAgGridApi } from '../../../../utilities/aggrid/AgTable';\nimport { GridActionBar } from '../../../utilityDisplay/GridActionBar';\nimport { GridPrimaryBar } from '../../../utilityDisplay/GridPrimaryBar.jsx';\nimport { SaveViewFormDialog } from '../../../utilityDisplay/SaveViewFormDialog.jsx';\nimport { ChipSection } from '../../../utilityDisplay/ChipSection.jsx';\n// import GridViewsSideSheet from '../utilityDisplay/GridViewsSideSheet.jsx';\nimport { useAxiosGet } from '../../../../utilities/useAxiosGet';\nimport { apiMutate } from '../../../../utilities/useAxiosMutate';\nimport { onFirstDataRendered } from '../../../../utilities/aggrid/GridFunctions';\nimport { BulkActionsGridButton } from '../../../utilityDisplay/BulkActionsGridButton';\nimport { useActions } from '../../../../hooks/useActions';\nimport { FilterOperators } from '../../../../models/SearchOperator';\nimport { ConfigService } from '../../../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n pab: {\n display: 'flex',\n [theme.breakpoints.between('xs', 'sm')]: {\n position: 'fixed',\n bottom: theme.spacing(2),\n right: theme.spacing(2),\n zIndex: theme.zIndex.appBar\n }\n },\n groupSideBar: {\n width: 225\n },\n gridApi: {\n display: 'flex'\n }\n}));\nexport const AmbientGridTemplate = (props) => {\n const {\n additionalFilters,\n api,\n apiMethod,\n applicationName,\n bulkActionFunctions,\n clearGridConfig,\n columnApi,\n columnDefs,\n data,\n defaultAutoSize,\n deleteGridConfig,\n disablePagination,\n disableDynamicSizing,\n disableRowSelection,\n entityName,\n filterChips = [],\n filters,\n frameworkComponents,\n gridReady,\n gridId,\n groupingData,\n height,\n hideFitGrid,\n hideExpandGrid,\n hideExportGrid,\n hideRemoveFilters,\n hideFilterTab,\n hideGroupTab,\n hideColumnTab,\n hideSearchBar,\n hiddenLabels,\n hiddenActionButtons = [],\n kpiValues = [],\n loading = false,\n onRowSelected,\n onSearch,\n onPrimaryActionClick,\n paginationPageSize = 20,\n primaryActionButton,\n primaryActionDisabled,\n primaryActionLabel,\n primaryActionIcon,\n rowModelType = 'clientSide',\n rowNodeIdName,\n saveGridConfig,\n scrollToTopOnStateChange,\n secondaryActionButtons,\n title,\n tenantName,\n hideHeader,\n useNewHeader,\n insightsClick,\n user,\n id,\n udprecordid,\n additionalGridOptions = {},\n headerBackgroundColor,\n onSearchKeyDown,\n ...otherGridProps\n } = props;\n\n const classes = useStyles();\n const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n const [isVisible, setIsVisible] = useState();\n const [sidebarIsVisible, setSidebarIsVisible] = useState(false);\n const [showGroupOptions, setShowGroupOptions] = useState(false);\n const [selectedRow, setSelectedRow] = useState(null);\n const [value, setValue] = useState(0);\n const [saveViewOpen, setSaveViewOpen] = useState(false);\n const [defaultViews, setDefaultViews] = useState([]);\n const [viewsOpen, setViewsOpen] = useState(false);\n const [agGridOptions, setAgGridOptions] = useState({\n frameworkComponents: frameworkComponents,\n suppressScrollOnNewData: !scrollToTopOnStateChange,\n ...additionalGridOptions\n });\n const gApi = api \|\| gridApi;\n const gcApi = columnApi \|\| gridColumnApi;\n\n const [viewChips, setViewChips] = useState([]);\n const [additionalFilterChips, setAdditionalFilterChips] =\n useState(additionalFilters);\n const [columnDefsValues, setColumnDefsValues] = useState(null);\n const [selectedView, setSelectedView] = useState(null);\n const [viewsRowData, setViewsRowData] = useState(null);\n const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();\n const [numSelectedRows, setNumSelectedRows] = useState(0);\n const [domain, setDomain] = useState(null);\n const [apiCatalogId, setApiCatalogId] = useState(null);\n\n const { triggerAction } = useActions();\n\n useEffect(() => {\n if (apiMethod) {\n setDomain(apiMethod.entityName);\n setApiCatalogId(apiMethod.apiCatalogId);\n }\n }, [apiMethod, setDomain, setApiCatalogId]);\n\n const defaultColActionsDef = {\n resizable: true,\n editable: false,\n sortable: true,\n filter: true,\n floatingFilter: false,\n enableRowGroup: true,\n filterParams: {\n filterOptions: rowModelType === 'serverSide' ? Object.keys(FilterOperators) : undefined\n }\n };\n\n const handleChange = (event, newValue) => {\n event.preventDefault();\n setValue((preValue) => {\n if (newValue === preValue && newValue !== 1) {\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n } else if (newValue === 0) {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n } else if (newValue === 1) {\n showGrouping();\n gApi.setSideBarVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n }\n\n return newValue;\n });\n };\n\n const onFilterClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setValue(0);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const onGroupClick = (event) => {\n // event.preventDefault();\n // // gApi.setSideBarVisible(!gApi.isSideBarVisible());\n // showGrouping();\n // setValue(1);\n alert('Group button clicked');\n };\n\n const onColumnsClick = (event) => {\n event.preventDefault();\n gApi.setSideBarVisible(!gApi.isSideBarVisible());\n gApi.openToolPanel('columns');\n setShowGroupOptions(false);\n setValue(2);\n setSidebarIsVisible(!sidebarIsVisible);\n };\n\n const emptyArr = [];\n\n const handleRowSelected = useCallback(\n (event) => {\n if (!gApi) return;\n const selectedRows = gApi.getSelectedRows();\n setNumSelectedRows(selectedRows.length); //for bulk actions ui\n const row = selectedRows.length && selectedRows[0];\n setSelectedRow(row);\n if (onRowSelected) {\n onRowSelected(event, row);\n }\n },\n [gApi, onRowSelected]\n );\n\n const setSideBarInvisible = () => {\n if (gApi.isSideBarVisible()) {\n gApi.setSideBarVisible(false);\n setIsVisible(false);\n } else {\n gApi.setSideBarVisible(true);\n gApi.openToolPanel('filters');\n setShowGroupOptions(false);\n setIsVisible(true);\n }\n };\n\n const handleFilterChange = (event) => {\n gApi.setQuickFilter(event.target.value);\n };\n\n // Sets Grouping on grid based on passed filter string\n const groupGridItems = (groupItem) => {\n gcApi.setRowGroupColumns([groupItem]);\n gApi.expandAll();\n // setToggleFlag(groupItem)\n };\n\n const restoreGridDefault = () => {\n gApi.setQuickFilter('');\n gcApi.setRowGroupColumns([]);\n gApi.setFilterModel(null);\n gApi.setQuickFilter('');\n gcApi.resetColumnState();\n };\n\n const showGrouping = () => {\n setShowGroupOptions(!showGroupOptions);\n gApi.setSideBarVisible(false);\n };\n\n const expandGroupedGrid = () => {\n gApi.expandAll();\n };\n\n const collapseGroupedGrid = () => {\n gApi.collapseAll();\n };\n\n const fitToSpace = () => {\n gApi.sizeColumnsToFit();\n };\n\n const exportGrid = () => {\n gApi.exportDataAsCsv({\n allColumns: true,\n fileName: 'export'\n });\n };\n\n const openSaveView = () => {\n setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));\n setSaveViewOpen(true);\n };\n\n const closeSaveView = () => {\n setSaveViewOpen(false);\n };\n\n const openViews = useCallback(() => {\n setViewsOpen(true);\n },[]);\n\n const closeViews = () => {\n setViewsOpen(false);\n };\n\n const handleTriggerAction = useCallback(\n (actionId) => {\n if (triggerAction && gApi) {\n triggerAction(actionId, gApi.getSelectedRows());\n }\n },\n [triggerAction, gApi]\n );\n\n const autoSizeAll = useCallback(\n (skipHeader) => {\n invariant(gcApi, `gridColumnApi not ready`);\n const allColumnIds = [];\n gcApi.getAllColumns().forEach((column) => {\n allColumnIds.push(column.getColId());\n });\n gcApi.autoSizeColumns(allColumnIds, skipHeader);\n },\n [gcApi]\n );\n\n const autoSizeAllWithoutHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n\n const firstDataRendered = useCallback(\n (params) => {\n // Size columns to fit after the first data render\n !defaultAutoSize && params?.api.sizeColumnsToFit();\n\n defaultAutoSize && autoSizeAllWithoutHeader();\n },\n [defaultAutoSize, autoSizeAllWithoutHeader]\n );\n\n useEffect(() => {\n if (!gApi) return;\n\n setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);\n selectedRow && gApi.ensureNodeVisible(selectedRow);\n }, [gApi, selectedRow]);\n\n const handleChipDelete = (chipType, chipIndex) => {\n switch (chipType) {\n case 'view':\n setViewChips((prevChips) =>\n prevChips.filter((_, index) => index !== chipIndex)\n );\n setSelectedView(null);\n gcApi.resetColumnState();\n gApi.sizeColumnsToFit();\n break;\n case 'additionalFilter':\n setAdditionalFilterChips((prevChips) => {\n if (prevChips[chipIndex]?.onUntoggle) {\n prevChips[chipIndex]?.onUntoggle();\n }\n return prevChips.filter((_, index) => index !== chipIndex);\n });\n break;\n default:\n break;\n }\n };\n\n useEffect(() => {\n if (viewsRowData?.length > 0) {\n const DefaultViews = viewsRowData.reduce((acc, row) => {\n if (row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n\n const nonDefaultViews = viewsRowData.reduce((acc, row) => {\n if (!row.isDefault) {\n return [...acc, row];\n }\n return acc;\n }, []);\n setDefaultViews(DefaultViews);\n setNonDefaultViewsRowData(nonDefaultViews);\n }\n }, [viewsRowData]);\n\n // Function to handle closing the side sheet\n // const handleSideSheetClose = () => {\n // setIsSideSheetOpen(false);\n // };\n\n const setView = useCallback(\n (value) => {\n const columnState = value?.gridViewGridViewGridConfiguration.map(\n (ele) => ele.gridViewGridConfigurationGridConfiguration\n );\n setViewChips((prevChips) => [{ label: value?.name }]);\n onFirstDataRendered(gApi, gcApi, columnState);\n },\n [setViewChips, gApi, gcApi]\n );\n\n const setFilter = (value) => {\n // todo: filter will come from the ApiMethodInstance endpoint\n };\n\n const [{ data: views }, refetch] = useAxiosGet(\n ConfigService.tenantV2ApiUrl,\n `GridView/getFromUser/${user?.id}/${gridId}`,\n {\n params: {\n domainName: domain,\n apiCatalogId: apiCatalogId\n }\n },\n !!!ConfigService.tenantV2ApiUrl \|\| !!!gridId \|\| !!!user\n );\n\n const [{ data: bulkActions }] = useAxiosGet(\n ConfigService.integrationV2ApiUrl,\n `action/grid/${gridId}`,\n {},\n !!!ConfigService.integrationV2ApiUrl \|\| !!!gridId\n );\n\n useEffect(() => {\n setViewsRowData(views);\n }, [openViews, views]);\n\n const getView = useCallback(async () => {\n await apiMutate(\n ConfigService.tenantV2ApiUrl,\n `GridView/${selectedView.gridViewId}/PartiallyFull`,\n {\n method: 'get'\n }\n )\n .then((response) => {\n setView(response.data);\n })\n .catch((error) => {\n console.log(error);\n });\n }, [selectedView, setView]);\n\n useEffect(() => {\n if (!selectedView?.gridViewId) {\n gcApi?.resetColumnState();\n gApi?.sizeColumnsToFit();\n return undefined;\n }\n getView();\n\n // No cleanup function needed, so return undefined\n return undefined;\n }, [setSelectedView, selectedView, gcApi, gApi, getView]);\n\n useEffect(() => {\n if (additionalFilters) {\n setAdditionalFilterChips(additionalFilters);\n }\n }, [additionalFilters]);\n\n return (\n <>\n {/* Must wait for gApi to be instantiated before rendering primary bar /}\n {!hideHeader && useNewHeader && gApi && (\n <GridPrimaryBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch \|\| handleFilterChange}\n showGroup={showGrouping}\n value={value}\n saveViewClick={openSaveView}\n viewsClick={openViews}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n insightsClick={insightsClick}\n clearClick={restoreGridDefault}\n filterClick={onFilterClick}\n columnsClick={onColumnsClick}\n // groupClick={onGroupClick}\n hideSearchBar={hideSearchBar}\n secondaryActionButtons={secondaryActionButtons \|\| []}\n onPrimaryActionClick={onPrimaryActionClick}\n primaryActionDisabled={primaryActionDisabled}\n primaryActionLabel={primaryActionLabel}\n primaryActionIcon={primaryActionIcon}\n hiddenActionButtons={hiddenActionButtons \|\| []}\n hiddenLabels={hiddenLabels \|\| []}\n background={headerBackgroundColor}\n onSearchKeyDown={onSearchKeyDown}\n />\n )}\n {useNewHeader &&\n (kpiValues?.length > 0 \|\|\n filterChips?.length > 0 \|\|\n filters?.length > 0 \|\|\n viewChips?.length > 0 \|\|\n additionalFilterChips?.length > 0) && (\n <div style={{ display: 'flex', flexDirection: 'row', height: 40 }}>\n <Grow in={bulkActions && numSelectedRows > 0} unmountOnExit>\n <BulkActionsGridButton\n bulkActions={bulkActions}\n numSelectedRows={numSelectedRows}\n triggerAction={handleTriggerAction}\n domain={domain}\n />\n </Grow>\n\n <ChipSection\n filterChips={filterChips}\n viewChips={viewChips}\n additionalFilterChips={additionalFilterChips}\n kpiValues={kpiValues}\n handleDelete={handleChipDelete}\n setAdditionalFilterChips={setAdditionalFilterChips}\n setViewChips={setViewChips}\n setFilter={setFilter}\n />\n </div>\n )}\n\n {/ {useNewHeader && gApi && gcApi && (\n <GridViewsSideSheet\n open={viewsOpen}\n onClose={closeViews}\n openSaveView={openSaveView}\n setViewChips={setViewChips}\n setFilter={setView}\n rowData={views}\n setSelectedView={setSelectedView}\n />\n )} /}\n\n {!hideHeader && !useNewHeader && (\n <GridActionBar\n title={title}\n showFilter={setSideBarInvisible}\n selected={isVisible}\n onChange={onSearch \|\| handleFilterChange}\n showGroup={showGrouping}\n value={value}\n handleChange={handleChange}\n fitClick={fitToSpace}\n expandClick={autoSizeAllWithoutHeader}\n exportClick={exportGrid}\n clearClick={restoreGridDefault}\n saveGridConfig={saveGridConfig}\n deleteGridConfig={deleteGridConfig}\n clearGridConfig={clearGridConfig}\n hideFitGrid={hideFitGrid}\n hideExpandGrid={hideExpandGrid}\n hideExportGrid={hideExportGrid}\n hideRemoveFilters={hideRemoveFilters}\n hideFilterTab={hideFilterTab}\n hideGroupTab={hideGroupTab}\n hideColumnTab={hideColumnTab}\n hideSearchBar={hideSearchBar}\n >\n {primaryActionButton && (\n <div className={classes.pab}>{primaryActionButton}</div>\n )}\n </GridActionBar>\n )}\n\n {loading && <LinearProgress />}\n <div style={{ display: 'flex' }}>\n <div style={{ width: '100%' }}>\n <AgTable\n {...agGridOptions}\n columnDefs={columnDefs}\n dynamicSizing={!disableDynamicSizing}\n rowData={data \|\| emptyArr}\n onGridReady={gridReady \|\| onGridReady}\n onRowSelected={handleRowSelected}\n suppressCellSelection={true}\n suppressRowClickSelection={false}\n defaultColDef={defaultColActionsDef}\n enableRangeSelection={true}\n enableColResize\n sideBar={sidebarIsVisible}\n pivotMode={false}\n pivotPanelShow='never'\n groupSelectsChildren={true}\n animateRows={false}\n pagination={!disablePagination}\n showOpenedGroup={true}\n paginateChildRows={true}\n paginationPageSize={paginationPageSize}\n modules={\n rowModelType === 'serverSide' ? [ServerSideRowModelModule] : []\n }\n onFirstDataRendered={firstDataRendered}\n rowModelType={rowModelType}\n rowClassRules={{\n 'first-row-in-group': (params) =>\n params.node.rowIndex !== 0 && params.node.firstChild\n }}\n height={height}\n api={gApi}\n rowSelection={\n !disableRowSelection && (bulkActions ? 'multiple' : 'single')\n }\n hideHeader={hideHeader}\n {...otherGridProps}\n />\n </div>\n {showGroupOptions && (\n <div className={classes.groupSideBar}>\n <GridGroupingSidebar\n groupItem={(item) => groupGridItems(item)}\n closeClick={() => groupGridItems('')}\n expandClick={expandGroupedGrid}\n collapseClick={collapseGroupedGrid}\n groupingData={groupingData}\n height={height}\n />\n </div>\n )}\n {!hiddenActionButtons?.includes('saveView') && (\n <SaveViewFormDialog\n open={saveViewOpen}\n handleClose={closeSaveView}\n application={applicationName}\n tenant={tenantName}\n user={user}\n columnDefsValues={columnDefsValues}\n refetchViews={refetch}\n gApi={gApi}\n gcApi={gcApi}\n setSelectedView={setView}\n gridId={gridId}\n domain={domain}\n apiCatalogId={apiCatalogId}\n />\n )}\n </div>\n </>\n );\n};\n\nAmbientGridTemplate.propTypes = {\n /\n Column Definitions for Ag Grid\n /\n columnDefs: PropTypes.array,\n /\n AG Grid function for onRowSelected\n /\n handleRowSelected: PropTypes.func,\n /\n Data array for AG Grid\n /\n data: PropTypes.array,\n /\n Title of the grid\n /\n title: PropTypes.string,\n /\n Array of data to allow for custom grouping, example: {groupItem: 'instructors', label: 'Instructors', value: 'instructors'}\n /\n groupingData: PropTypes.array,\n /\n Grid Options\n /\n frameworkComponents: PropTypes.object,\n /\n Handle loading status with progress animation\n /\n loading: PropTypes.bool,\n /\n Primary Action Button Component\n /\n primaryActionButton: PropTypes.object,\n /\n name of the property for the id\n /\n rowNodeIdName: PropTypes.string,\n /\n Sets the grid default to expaned size if true. The default is 'size to fit'.\n /\n defaultAutoSize: PropTypes.bool,\n /\n Scrolls the grid back to the top on state change if true, otherwise maintains scroll position. The default is false.\n /\n scrollToTopOnStateChange: PropTypes.bool,\n /\n Disable dynamicSizing so that the grid size stays the same regardless of the window size if true. The default is false.\n /\n disableDynamicSizing: PropTypes.bool,\n /\n An array of filter chips.\n /\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ),\n /\n An array of view chips.\n /\n views: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /\n An array of additional filter chips.\n /\n additionalFilters: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired\n })\n ),\n /\n An array of KPI values.\n /\n kpis: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .isRequired\n })\n ),\n /\n Enable the new header for data grids v2 if true. The default is false.\n /\n useNewHeader: PropTypes.bool,\n /\n Passes function that executes on the insights button click\n /\n insightsClick: PropTypes.func,\n /\n * Specifies which action buttons to hide\n /\n hiddenActionButtons: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /\n * Specifies which action button labels to hide\n /\n hiddenLabels: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'saveView',\n 'views',\n 'insights',\n 'importExport',\n 'group',\n 'filter',\n 'columns',\n 'fitGrid',\n 'expandGrid',\n 'clearFilters'\n ])\n ),\n /\n Passes function that executes on the primary action button click\n /\n onPrimaryActionClick: PropTypes.func,\n /\n Specifies the label for the primary action button\n /\n primaryActionLabel: PropTypes.string,\n /\n Specifies the icon for the primary action button\n /\n primaryActionIcon: PropTypes.elementType,\n /\n An array of objects that will be used to create the secondary action buttons. The default is an empty array.\n /\n secondaryActionButtons: PropTypes.array,\n /\n The name of the application that the grid is being used in\n /\n applicationName: PropTypes.string,\n /\n The name of the entity that the data in the grid is associated with\n /\n entityName: PropTypes.string,\n /\n The name of the tenant that is currently logged in\n /\n tenantName: PropTypes.string,\n /\n User object (optional)\n /\n user: PropTypes.object,\n /\n Array of KPI values (optional)\n */\n kpiValues: PropTypes.array\n};\n"],"mappings":"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"}

package/dist/{AmbientSingleDateSelector-DwyiHvnP.js → AmbientSingleDateSelector-6GlRqv6f.js} RENAMED Viewed

@@ -48,4 +48,4 @@ const AmbientSingleDateSelector = (props) => {
 //#endregion
 export { AmbientDateRangeSelector as n, AmbientSingleDateSelector as t };
-//# sourceMappingURL=AmbientSingleDateSelector-DwyiHvnP.js.map
+//# sourceMappingURL=AmbientSingleDateSelector-6GlRqv6f.js.map

package/dist/{AmbientSingleDateSelector-DwyiHvnP.js.map → AmbientSingleDateSelector-6GlRqv6f.js.map} RENAMED Viewed

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

package/dist/{AmbientStepper-D9NzCqa8.js → AmbientStepper-Dv1WH2x1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import * as React$2 from "react";
+import * as React$1 from "react";
 import React from "react";
 import { Typography, withStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -45,10 +45,10 @@ const styles = (theme) => ({
 	alternativeLabel: {},
 	labelContainer: { width: "100%" }
 });
-const StepLabel$1 = React$2.forwardRef(function StepLabel$2(props, ref) {
+const StepLabel$1 = React$1.forwardRef(function StepLabel$2(props, ref) {
 	const { active = false, alternativeLabel = false, children, classes, className, completed = false, disabled = false, error = false, expanded, icon, last, optional, orientation = "horizontal", StepIconComponent: StepIconComponentProp, StepIconProps, ...other } = props;
 	let StepIconComponent = StepIconComponentProp;
-	return /* @__PURE__ */ React$2.createElement("span", {
+	return /* @__PURE__ */ React$1.createElement("span", {
 		className: clsx(classes.root, classes[orientation], {
 			[classes.disabled]: disabled,
 			[classes.alternativeLabel]: alternativeLabel,
@@ -56,13 +56,13 @@ const StepLabel$1 = React$2.forwardRef(function StepLabel$2(props, ref) {
 		}, className),
 		ref,
 		...other
-	}, icon || StepIconComponent ? /* @__PURE__ */ React$2.createElement("span", { className: clsx(classes.iconContainer, { [classes.alternativeLabel]: alternativeLabel }) }, /* @__PURE__ */ React$2.createElement(StepIconComponent, {
+	}, icon || StepIconComponent ? /* @__PURE__ */ React$1.createElement("span", { className: clsx(classes.iconContainer, { [classes.alternativeLabel]: alternativeLabel }) }, /* @__PURE__ */ React$1.createElement(StepIconComponent, {
 		completed,
 		active,
 		error,
 		icon,
 		...StepIconProps
-	})) : null, /* @__PURE__ */ React$2.createElement("span", { className: classes.labelContainer }, children ? /* @__PURE__ */ React$2.createElement(Typography, {
+	})) : null, /* @__PURE__ */ React$1.createElement("span", { className: classes.labelContainer }, children ? /* @__PURE__ */ React$1.createElement(Typography, {
 		variant: "body2",
 		component: "span",
 		display: "block",
@@ -172,4 +172,4 @@ const AmbientStepper = ({ activeStep, steps, orientation }) => {
 //#endregion
 export { styles as n, AmbientStepper as t };
-//# sourceMappingURL=AmbientStepper-D9NzCqa8.js.map
+//# sourceMappingURL=AmbientStepper-Dv1WH2x1.js.map

package/dist/{AmbientStepper-D9NzCqa8.js.map → AmbientStepper-Dv1WH2x1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientStepper-D9NzCqa8.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n */\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientStepper-Dv1WH2x1.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n */\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/{AmbientVisualizationCard-Ci615JQM.js → AmbientVisualizationCard-BAGEKWJD.js} RENAMED Viewed

@@ -5,8 +5,8 @@ import { t as SummaryBlock } from "./SummaryBlock-BjUNDl4q.js";
 import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-Dw2U4b_m.js";
 import { t as FluentTabPanel } from "./FluentTabPanel-CkB7ruQb.js";
 import { t as AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-Da1kkmpN.js";
-import { t as AmbientVisualizer } from "./AmbientVisualizer-B6kX3oPX.js";
-import { t as TokenGroupItem } from "./TokenGroupItem-DLU0AK1S.js";
+import { t as AmbientVisualizer } from "./AmbientVisualizer-DQb7oRtt.js";
+import { t as TokenGroupItem } from "./TokenGroupItem-DBHuBDVC.js";
 import React, { useState } from "react";
 import { Box, Divider, Typography, makeStyles } from "@material-ui/core";
 import { MuiVegaLite } from "@material-vega/material-ui";
@@ -229,4 +229,4 @@ const AmbientVisualizationCard = ({ title, toggleList1, toggleList2, toggleList3
 //#endregion
 export { AmbientSplitStatCard as n, AmbientVisualizationCard as t };
-//# sourceMappingURL=AmbientVisualizationCard-Ci615JQM.js.map
+//# sourceMappingURL=AmbientVisualizationCard-BAGEKWJD.js.map

package/dist/{AmbientVisualizationCard-Ci615JQM.js.map → AmbientVisualizationCard-BAGEKWJD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizationCard-Ci615JQM.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx","../src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Box } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\n\nconst useStyles = makeStyles((theme) => ({\n rootContainer: {\n background: '#FFFFFF',\n boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.08)',\n borderRadius: '6px',\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column'\n },\n infoContainer: {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: theme.spacing(3)\n },\n divider: {\n width: '100%',\n height: '1px'\n },\n subContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'center',\n width: '100%'\n },\n subContainerGraph: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'start',\n width: '100%'\n },\n graphContainer: {\n display: 'flex',\n paddingLeft: theme.spacing(3)\n }\n}));\n\nconst defaultBlockSpecs = {\n alertType: 'default',\n value: '0',\n startLabel: '$',\n label: '',\n labelVariant: 'subtitle2',\n width: '100%',\n style: { border: 'none' }\n};\n\n/*\n `AmbientSplitStatCard` component\n */\nexport const AmbientSplitStatCard = (props) => {\n const {\n title,\n subtitle,\n cardsSpecs,\n graphTitle,\n graphVariant,\n graphSpec,\n style\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div className={classes.rootContainer} style={style}>\n <div className={classes.infoContainer}>\n <div className={classes.subContainerGraph}>\n <LayoutUnit unit='xxs' />\n <Typography\n variant='h6'\n style={{\n fontStyle: 'normal',\n fontWeight: 500,\n fontSize: '19px'\n }}\n >\n {title}\n </Typography>\n <LayoutUnit unit='nudge' />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockOne \|\| defaultBlockSpecs)}\n />\n <LayoutUnit unit='xxs' />\n <Typography variant='subtitle2' style={{ fontWeight: 400 }}>\n {subtitle}\n </Typography>\n <LayoutUnit unit='xxs' />\n </div>\n <Divider orientation='vertical' />\n <div className={classes.subContainer}>\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockTwo \|\| defaultBlockSpecs)}\n />\n <Divider orientation='horizontal' className={classes.divider} />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockThree \|\| defaultBlockSpecs)}\n />\n </div>\n </div>\n <Divider orientation='horizontal' className={classes.divider} />\n <LayoutUnit unit='nudge' />\n <div className={classes.graphContainer}>\n <Typography variant='subtitle1'>{graphTitle}</Typography>\n <LayoutUnit unit='nudge' />\n </div>\n <Box\n clone\n overflow='hidden'\n sx={{\n width: '100%',\n minWidth: '100%',\n '& svg': {\n width: '100%'\n }\n }}\n >\n <MuiVegaLite\n variant={graphVariant \|\| 'verticalBarChart'}\n background='paper'\n autoResize\n actions={false}\n spec={graphSpec}\n />\n </Box>\n <LayoutUnit unit='xxs' />\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n position: 'relative'\n },\n item: {\n marginRight: theme.spacing(2)\n },\n tabPanelContents: {\n marginLeft: theme.spacing(2)\n },\n togglePadding: {\n padding: theme.spacing(2)\n }\n}));\n\nexport const AmbientVisualizationCard = ({\n title,\n toggleList1,\n toggleList2,\n toggleList3,\n tabList,\n tabContent1,\n tabContent2,\n tabContent3\n}) => {\n const classes = useStyles();\n\n const [value, setValue] = useState(0);\n const [toggleValue, setToggleValue] = useState('month');\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n };\n\n const selectToggle = (event, nextView) => {\n setToggleValue(nextView);\n };\n\n return (\n <AmbientCard\n title={title}\n customAdornment=' '\n visualization={\n <div>\n <FluentTabPanel value={value} index={0}>\n <div className={classes.tabPanelContents}>\n {tabContent1 &&\n tabContent1.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.tabPanelContents}>\n {tabContent2 &&\n tabContent2.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.tabPanelContents}>\n {tabContent3 &&\n tabContent3.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <div>\n <FluentSimpleTabs\n value={value}\n onChange={handleChange}\n aria-label='simple tabs example'\n >\n {tabList &&\n tabList.map((item) => {\n return <FluentSimpleTab label={item.label} />;\n })}\n </FluentSimpleTabs>\n\n <FluentTabPanel value={value} index={0}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList1 &&\n toggleList1.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList2 &&\n toggleList2.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList3 &&\n toggleList3.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientVisualizationCard-BAGEKWJD.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx","../src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Box } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\n\nconst useStyles = makeStyles((theme) => ({\n rootContainer: {\n background: '#FFFFFF',\n boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.08)',\n borderRadius: '6px',\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column'\n },\n infoContainer: {\n display: 'flex',\n justifyContent: 'center',\n paddingLeft: theme.spacing(3)\n },\n divider: {\n width: '100%',\n height: '1px'\n },\n subContainer: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'center',\n width: '100%'\n },\n subContainerGraph: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'start',\n width: '100%'\n },\n graphContainer: {\n display: 'flex',\n paddingLeft: theme.spacing(3)\n }\n}));\n\nconst defaultBlockSpecs = {\n alertType: 'default',\n value: '0',\n startLabel: '$',\n label: '',\n labelVariant: 'subtitle2',\n width: '100%',\n style: { border: 'none' }\n};\n\n/*\n `AmbientSplitStatCard` component\n */\nexport const AmbientSplitStatCard = (props) => {\n const {\n title,\n subtitle,\n cardsSpecs,\n graphTitle,\n graphVariant,\n graphSpec,\n style\n } = props;\n\n const classes = useStyles(props);\n\n return (\n <div className={classes.rootContainer} style={style}>\n <div className={classes.infoContainer}>\n <div className={classes.subContainerGraph}>\n <LayoutUnit unit='xxs' />\n <Typography\n variant='h6'\n style={{\n fontStyle: 'normal',\n fontWeight: 500,\n fontSize: '19px'\n }}\n >\n {title}\n </Typography>\n <LayoutUnit unit='nudge' />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockOne \|\| defaultBlockSpecs)}\n />\n <LayoutUnit unit='xxs' />\n <Typography variant='subtitle2' style={{ fontWeight: 400 }}>\n {subtitle}\n </Typography>\n <LayoutUnit unit='xxs' />\n </div>\n <Divider orientation='vertical' />\n <div className={classes.subContainer}>\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockTwo \|\| defaultBlockSpecs)}\n />\n <Divider orientation='horizontal' className={classes.divider} />\n <SummaryBlock\n {...(cardsSpecs?.SummaryBlockThree \|\| defaultBlockSpecs)}\n />\n </div>\n </div>\n <Divider orientation='horizontal' className={classes.divider} />\n <LayoutUnit unit='nudge' />\n <div className={classes.graphContainer}>\n <Typography variant='subtitle1'>{graphTitle}</Typography>\n <LayoutUnit unit='nudge' />\n </div>\n <Box\n clone\n overflow='hidden'\n sx={{\n width: '100%',\n minWidth: '100%',\n '& svg': {\n width: '100%'\n }\n }}\n >\n <MuiVegaLite\n variant={graphVariant \|\| 'verticalBarChart'}\n background='paper'\n autoResize\n actions={false}\n spec={graphSpec}\n />\n </Box>\n <LayoutUnit unit='xxs' />\n </div>\n );\n};\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n position: 'relative'\n },\n item: {\n marginRight: theme.spacing(2)\n },\n tabPanelContents: {\n marginLeft: theme.spacing(2)\n },\n togglePadding: {\n padding: theme.spacing(2)\n }\n}));\n\nexport const AmbientVisualizationCard = ({\n title,\n toggleList1,\n toggleList2,\n toggleList3,\n tabList,\n tabContent1,\n tabContent2,\n tabContent3\n}) => {\n const classes = useStyles();\n\n const [value, setValue] = useState(0);\n const [toggleValue, setToggleValue] = useState('month');\n\n const handleChange = (event, newValue) => {\n setValue(newValue);\n };\n\n const selectToggle = (event, nextView) => {\n setToggleValue(nextView);\n };\n\n return (\n <AmbientCard\n title={title}\n customAdornment=' '\n visualization={\n <div>\n <FluentTabPanel value={value} index={0}>\n <div className={classes.tabPanelContents}>\n {tabContent1 &&\n tabContent1.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.tabPanelContents}>\n {tabContent2 &&\n tabContent2.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.tabPanelContents}>\n {tabContent3 &&\n tabContent3.map((item) => {\n return (\n toggleValue === item.value && (\n <div>\n <AmbientVisualizer\n values={item.values}\n visualization={item.chartType}\n verticalBarColor={item.verticalBarColor}\n verticalBarBand={item.verticalBarBand}\n verticalBarXfield={item.verticalBarXfield}\n verticalBarXtype={item.verticalBarXtype}\n verticalBarYfield={item.verticalBarYfield}\n verticalBarYtype={item.verticalBarYtype}\n styleThin={item.styleThin}\n />\n </div>\n )\n );\n })}\n </div>\n </FluentTabPanel>\n <div>\n <FluentSimpleTabs\n value={value}\n onChange={handleChange}\n aria-label='simple tabs example'\n >\n {tabList &&\n tabList.map((item) => {\n return <FluentSimpleTab label={item.label} />;\n })}\n </FluentSimpleTabs>\n\n <FluentTabPanel value={value} index={0}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList1 &&\n toggleList1.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={1}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList2 &&\n toggleList2.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n <FluentTabPanel value={value} index={2}>\n <div className={classes.togglePadding}>\n <AmbientToggleButtonGroup\n orientation='horizontal'\n value={toggleValue}\n >\n {toggleList3 &&\n toggleList3.map((item) => {\n return (\n <AmbientToggleButton\n value={item.value}\n aria-label={item.ariaLabel}\n onMouseUp={item.onClick}\n onClick={selectToggle}\n className={classes.item}\n >\n <TokenGroupItem label={item.label} icon={item.icon} />\n </AmbientToggleButton>\n );\n })}\n </AmbientToggleButtonGroup>\n </div>\n </FluentTabPanel>\n </div>\n </div>\n }\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAMA,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,WAAW;EACX,cAAc;EACd,SAAS;EACT,gBAAgB;EAChB,eAAe;EAChB;CACD,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,OAAO;EACP,QAAQ;EACT;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,mBAAmB;EACjB,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,gBAAgB;EACd,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACF,EAAE;AAEH,MAAM,oBAAoB;CACxB,WAAW;CACX,OAAO;CACP,YAAY;CACZ,OAAO;CACP,cAAc;CACd,OAAO;CACP,OAAO,EAAE,QAAQ,QAAQ;CAC1B;;;;AAKD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,OACA,UACA,YACA,YACA,cACA,WACA,UACE;CAEJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAsB;IAC5C,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EACC,SAAQ;EACR,OAAO;GACL,WAAW;GACX,YAAY;GACZ,UAAU;GACX;IAEA,MACU,EACb,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EAAW,SAAQ;EAAY,OAAO,EAAE,YAAY,KAAK;IACvD,SACU,EACb,oCAAC,cAAW,MAAK,QAAQ,CACrB,EACN,oCAAC,WAAQ,aAAY,aAAa,EAClC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cACM,YAAY,qBAAqB,kBACtC,CACE,CACF,EACN,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,cAAW,SAAQ,eAAa,WAAwB,EACzD,oCAAC,cAAW,MAAK,UAAU,CACvB,EACN,oCAAC;EACC;EACA,UAAS;EACT,IAAI;GACF,OAAO;GACP,UAAU;GACV,SAAS,EACP,OAAO,QACR;GACF;IAED,oCAAC;EACC,SAAS,gBAAgB;EACzB,YAAW;EACX;EACA,SAAS;EACT,MAAM;GACN,CACE,EACN,oCAAC,cAAW,MAAK,QAAQ,CACrB;;;;;ACzHV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,UAAU,YACX;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,kBAAkB,EAChB,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,eAAe,EACb,SAAS,MAAM,QAAQ,EAAE,EAC1B;CACF,EAAE;AAEH,MAAa,4BAA4B,EACvC,OACA,aACA,aACA,aACA,SACA,aACA,aACA,kBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;CAGpB,MAAM,gBAAgB,OAAO,aAAa;AACxC,iBAAe,SAAS;;AAG1B,QACE,oCAAC;EACQ;EACP,iBAAgB;EAChB,eACE,oCAAC,aACC,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC,aACC,oCAAC;GACQ;GACP,UAAU;GACV,cAAW;KAEV,WACC,QAAQ,KAAK,SAAS;AACpB,UAAO,oCAAC,mBAAgB,OAAO,KAAK,QAAS;IAC7C,CACa,EAEnB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,CACb,CACF;GAER"}

package/dist/{AmbientVisualizer-B6kX3oPX.js → AmbientVisualizer-DQb7oRtt.js} RENAMED Viewed

@@ -624,4 +624,4 @@ const AmbientVisualizer = ({ values, visualization, verticalBarWidth = 70, verti
 //#endregion
 export { GaugeGraph as n, RatioVisulization as r, AmbientVisualizer as t };
-//# sourceMappingURL=AmbientVisualizer-B6kX3oPX.js.map
+//# sourceMappingURL=AmbientVisualizer-DQb7oRtt.js.map

package/dist/{AmbientVisualizer-B6kX3oPX.js.map → AmbientVisualizer-DQb7oRtt.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizer-B6kX3oPX.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientVisualizer-DQb7oRtt.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}

package/dist/{AppMenu-umGrUP24.js → AppMenu-j_DFeCLT.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { n as useActions } from "./useActions-Db2P12NS.js";
+import { n as useActions } from "./useActions-CxDs7v3s.js";
 import { t as redirectToLinkOnClick } from "./redirectToLink-CvjUyGaR.js";
 import React, { forwardRef, useContext, useEffect, useState } from "react";
 import { Collapse, List, ListItem, ListItemIcon, ListItemText, createStyles, makeStyles } from "@material-ui/core";
@@ -171,4 +171,4 @@ const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
 //#endregion
 export { AppMenuItem as n, AppMenuItemComponent as r, AppMenu as t };
-//# sourceMappingURL=AppMenu-umGrUP24.js.map
+//# sourceMappingURL=AppMenu-j_DFeCLT.js.map