npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.38 → 25.18.1-beta.39 - Mend

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

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 (559) hide show

package/dist/{FieldArrayCard-BpvC5_RA.js.map → FieldArrayCard-CgM6q87c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldArrayCard-BpvC5_RA.js","names":["Grid","AutocompleteFinalField","DateRangeField","FormControlLabel","Typography","Grid","SearchSideSheet"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) \|\| null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch \|\|\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"FieldArrayCard-CgM6q87c.js","names":["Grid","AutocompleteFinalField","DateRangeField","FormControlLabel","Typography","Grid","SearchSideSheet"],"sources":["../src/UI/inputs/fieldArrayCard/fieldArrayCardEnum.ts","../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx","../src/UI/inputs/fieldArrayCard/AutocompleteFinalField.jsx","../src/UI/inputs/fieldArrayCard/DateRangeField.jsx","../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["export enum FieldType {\n Text = 'text',\n Date = 'date',\n DateRange = 'dateRange',\n Time = 'time',\n DateTime = 'dateTime',\n Toggle = 'toggle',\n Checkbox = 'checkbox',\n DropdownMenu = 'dropdownMenu',\n}","import React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientGridTemplate } from '../../templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { SideSheet } from '../../surfaces/SideSheet';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\n\nconst SearchSideSheet = props => {\n const {\n open,\n handleClose,\n exclude,\n title,\n productApiBase,\n searchApi,\n colDefs = [],\n gridTitle,\n idField,\n formIdField,\n handleSearch,\n width = '800px',\n height='58vh'\n } = props;\n const [selectedData, setSelectedData] = useState([]);\n const { t } = useTranslation();\n const { gridApi, onGridReady, gridColumnApi } = useAgGridApi();\n const paginationPageSize = 20;\n\n // TODO: use queryId or new data grid from stencil\n const searchData = useCallback(\n async data =>\n apiMutate(\n productApiBase,\n searchApi,\n {\n method: 'post',\n },\n data\n ),\n [productApiBase, searchApi]\n );\n\n const onSelectionChanged = useCallback(() => {\n const selectedRows = gridApi?.getSelectedRows() ?? [];\n setSelectedData(selectedRows);\n }, [gridApi]);\n\n const handleCloseSideSheet = useCallback(\n data => {\n handleClose(data);\n setSelectedData([]);\n },\n [handleClose]\n );\n\n const dataSource = useMemo(\n () => ({\n getRows: async ({ request, success, fail }) => {\n if (handleSearch) {\n handleSearch(paginationPageSize, request, success, fail);\n return;\n }\n const filterElements = request?.filterModel\n ? Object.entries(request.filterModel)?.map(([key, value]) => {\n return {\n searchField: key,\n searchOperator: FilterOperators[value?.type],\n searchValue: value?.filter,\n };\n })\n : [];\n\n const orderElements = request?.sortModel\n ? request.sortModel?.map(sortObj => {\n return {\n sortColumn: sortObj?.colId,\n sortDirection: sortObj?.sort?.toUpperCase(),\n };\n })\n : [];\n await searchData({\n data: {\n filterElements: filterElements,\n orderElements: orderElements,\n pagesize: paginationPageSize,\n pageNumber: (request?.startRow ?? 0) / paginationPageSize + 1,\n },\n })\n .then(response => {\n success({\n rowData: response.data?.pageList,\n rowCount: response.data?.total,\n });\n })\n .catch(error => {\n fail();\n });\n\n },\n }),\n [searchData, handleSearch]\n );\n return (\n <SideSheet\n open={open}\n onClose={() => handleCloseSideSheet()}\n title={title}\n width={width}\n buttonLabel={t('Choose')}\n onSubmit={() => {\n handleCloseSideSheet(selectedData);\n }}\n >\n <AmbientGridTemplate\n title={gridTitle}\n rowModelType=\"serverSide\"\n serverSideDatasource={dataSource}\n cacheBlockSize={paginationPageSize}\n serverSideStoreType=\"partial\"\n paginationPageSize={paginationPageSize}\n columnDefs={[\n {\n field: '',\n checkboxSelection: true,\n maxWidth: 60,\n minWidth: 60,\n cellRenderer: params => {\n console.log({\n exclude,\n formIdField,\n idField,\n bool: exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n ),\n });\n if (\n params?.data &&\n !!exclude?.find(\n selectedItem =>\n selectedItem[formIdField] === params.data?.[idField]\n )\n ) {\n params.node.setSelected(true);\n }\n },\n },\n ...colDefs,\n ]}\n hideGroupTab\n hideColumnTab\n suppressRowClickSelection={true}\n onSelectionChanged={onSelectionChanged}\n rowSelection=\"multiple\"\n api={gridApi}\n gridReady={onGridReady}\n columnApi={gridColumnApi}\n dynamicSizing={true}\n height={height}\n />\n </SideSheet>\n );\n};\n\nexport default SearchSideSheet;\n","import React, { useMemo } from 'react';\nimport { FluentTextFieldAutoComplete } from '../textField/FluentTextFieldAutoComplete';\n\n// this is only to used in FieldArrayCard\nconst AutocompleteFinalField = props => {\n const { value, options, idField = 'id' ,...otherProps } = props;\n\n const currentValue = useMemo(() => {\n if (typeof value === 'object') {\n return value;\n }\n\n return options.find(option => option[idField] === value) \|\| null;\n }, [idField, options, value]);\n\n return (\n <FluentTextFieldAutoComplete\n {...otherProps}\n options={options}\n value={currentValue}\n />\n );\n};\n\nexport default AutocompleteFinalField;\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../../utilities/form';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { Grid } from '../../Grid';\n\nconst DateRangeField = props => {\n const {\n fieldName,\n startDateProps = {},\n endDateProps = {},\n sameRow = false,\n initialValues,\n } = props;\n const [maxStartDate, setMaxStartDate] = useState();\n const [minEndDate, setMinEndDate] = useState();\n const { t } = useTranslation();\n\n useEffect(() => {\n const currentStartDate = initialValues[startDateProps?.name ?? 'startDate'];\n if (currentStartDate) {\n let minDate = new Date(currentStartDate);\n minDate.setDate(minDate?.getDate() + 1);\n setMinEndDate(minDate);\n } else {\n setMinEndDate(undefined);\n }\n }, [initialValues, startDateProps.name]);\n\n useEffect(() => {\n const currentEndDate = initialValues[endDateProps?.name ?? 'endDate'];\n if (currentEndDate) {\n let maxDate = new Date(currentEndDate);\n maxDate.setDate(maxDate?.getDate() - 1);\n maxDate.setHours(0, 0, 0, 0);\n setMaxStartDate(maxDate);\n } else {\n setMaxStartDate(undefined);\n }\n }, [endDateProps.name, initialValues]);\n\n return (\n <Grid container spacing={sameRow ? 2 : 0}>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...startDateProps}\n parse={value => (value ? value : null)}\n format={value => (value ? value : null)}\n label={startDateProps?.label ?? t('Start Date')}\n name={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n key={`${fieldName}.${startDateProps?.name ?? 'startDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n maxDate={maxStartDate}\n allowNull\n />\n </Grid>\n <Grid item xs={12} sm={sameRow ? 6 : 12}>\n <Field\n {...endDateProps}\n parse={value => value ?? null}\n format={value => value ?? null}\n label={endDateProps?.label ?? t('End Date')}\n name={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n key={`${fieldName}.${endDateProps?.name ?? 'endDate'}`}\n component={FluentDatePicker}\n size=\"small\"\n minDate={minEndDate}\n allowNull\n />\n </Grid>\n </Grid>\n );\n};\n\nexport default DateRangeField;\n","import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n toggleWrapper: {\n marginLeft: theme.spacing(-0.1),\n gap: theme.spacing(1),\n marginTop: theme.spacing(0.8),\n },\n checkboxField: {\n marginLeft: theme.spacing(-1.1),\n },\n sectionHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n marginBottom: theme.spacing(1),\n },\n fieldsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n },\n cardsWrapper: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n },\n cardHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n gap: theme.spacing(1),\n alignItems: 'center',\n },\n}));\n\nexport const FieldArrayCard = props => {\n const {\n title = ' ',\n fieldArrayName,\n getRowTitle,\n fieldConfig,\n removeTopLayoutUnit = false,\n defaultAddedItemValues,\n //search sidesheet props\n enableSearchSideSheet,\n searchSideSheetTitle,\n searchFieldId = 'id',\n formFieldId = 'id',\n formatAddedSearchItems,\n productApiBase,\n searchApi,\n searchGridColDefs,\n searchGridTitle,\n handleSearch,\n disableExcludeInSearch = false,\n searchSideSheetWidth,\n searchSideSheetHeight,\n } = props;\n const classes = useStyles();\n const [openSideSheet, setOpenSideSheet] = useState(false);\n const { t } = useTranslation();\n\n const getField = useCallback(\n (finalFieldName, config, fieldObj) => {\n const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n let fieldComponent = null;\n\n switch (fieldType) {\n case FieldType.DropdownMenu:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={AutocompleteFinalField}\n label={fieldLabel}\n />\n );\n break;\n case FieldType.Date:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentDatePicker}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.DateRange:\n fieldComponent = (\n <DateRangeField\n {...componentProps}\n fieldName={finalFieldName}\n initialValues={fieldObj}\n />\n );\n break;\n case FieldType.Time:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTimePicker}\n label={fieldLabel}\n size=\"small\"\n />\n );\n break;\n case FieldType.DateTime:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={DateTimeField}\n label={fieldLabel}\n size=\"small\"\n allowNull\n />\n );\n break;\n case FieldType.Toggle:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentToggle}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.toggleWrapper}\n />\n );\n break;\n case FieldType.Checkbox:\n fieldComponent = (\n <FormControlLabel\n control={\n <Field\n defaultChecked={false}\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentCheckbox}\n type=\"checkbox\"\n />\n }\n label={fieldLabel}\n className={classes.checkboxField}\n />\n );\n break;\n default:\n fieldComponent = (\n <Field\n {...componentProps}\n name={`${finalFieldName}.${fieldName}`}\n component={FluentTextField}\n label={fieldLabel}\n />\n );\n break;\n }\n\n return fieldComponent;\n },\n [classes.checkboxField, classes.toggleWrapper]\n );\n\n const handleCloseSideSheet = useCallback(\n (selectedRecords, fieldArray) => {\n const formattedRecords = formatAddedSearchItems\n ? formatAddedSearchItems(selectedRecords ?? [])\n : selectedRecords;\n\n if (formattedRecords?.length) {\n for (const record of formattedRecords) {\n if (\n disableExcludeInSearch \|\|\n !!!fieldArray?.value?.find(\n item => item[formFieldId] === record[formFieldId]\n )\n )\n fieldArray.push(record);\n }\n }\n\n setOpenSideSheet(false);\n },\n [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n );\n\n const handleAddField = useCallback(\n fields => {\n if (enableSearchSideSheet) {\n setOpenSideSheet(true);\n } else {\n if (defaultAddedItemValues) {\n fields.push(defaultAddedItemValues);\n } else {\n fields.push({});\n }\n }\n },\n [defaultAddedItemValues, enableSearchSideSheet]\n );\n\n return (\n <div>\n <FieldArray name={fieldArrayName}>\n {({ fields }) => {\n return (\n <div>\n <div className={classes.sectionHeader}>\n <div>\n {title && <Typography variant=\"h6\">{title}</Typography>}\n </div>\n <IconButtonWithTooltip\n onClick={() => {\n handleAddField(fields);\n }}\n icon={AddIcon}\n title={t('Add')}\n />\n </div>\n\n <div className={classes.cardsWrapper}>\n {fields?.value?.length > 0 ? (\n fields.map((name, index) => {\n const rowTitle =\n getRowTitle && getRowTitle(fields?.value?.[index]);\n return (\n <AmbientCard fullWidth>\n <div className={classes.cardHeader}>\n <Typography variant=\"h6\">{rowTitle}</Typography>\n\n <IconButtonWithTooltip\n onClick={() => fields.remove(index)}\n icon={DeleteIcon}\n title={t('Delete')}\n />\n </div>\n {rowTitle && !removeTopLayoutUnit && (\n <LayoutUnit unit=\"xxs\" />\n )}\n <div className={classes.fieldsWrapper}>\n {fieldConfig?.map(config => {\n if (Array.isArray(config)) {\n return (\n <Grid container spacing={2}>\n {config?.map(innerConfig => {\n return (\n <Grid\n item\n xs={12}\n sm={12 / config?.length}\n >\n {getField(\n name,\n innerConfig,\n fields?.value?.[index]\n )}\n </Grid>\n );\n })}\n </Grid>\n );\n } else {\n return getField(\n name,\n config,\n fields?.value?.[index]\n );\n }\n })}\n </div>\n </AmbientCard>\n );\n })\n ) : (\n <AmbientCard fullWidth cardHeight=\"155px\">\n <EmptyStateDisplay\n primaryText={t('No records to show')}\n secondaryText={t('Try adding one')}\n />\n </AmbientCard>\n )}\n </div>\n <SearchSideSheet\n open={openSideSheet}\n handleClose={data => {\n handleCloseSideSheet(data, fields);\n }}\n exclude={disableExcludeInSearch ? [] : fields?.value}\n title={searchSideSheetTitle}\n productApiBase={productApiBase}\n searchApi={searchApi}\n colDefs={searchGridColDefs}\n idField={searchFieldId}\n formIdField={formFieldId}\n gridTitle={searchGridTitle}\n handleSearch={handleSearch}\n width={searchSideSheetWidth}\n height={searchSideSheetHeight}\n />\n </div>\n );\n }}\n </FieldArray>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/{FileUpload-B7BCBTk-.js → FileUpload-t3PZx_yE.js} RENAMED Viewed

@@ -238,4 +238,4 @@ const FileUpload = (props) => {
 //#endregion
 export { FileType as n, FileUpload as t };
-//# sourceMappingURL=FileUpload-B7BCBTk-.js.map
+//# sourceMappingURL=FileUpload-t3PZx_yE.js.map

package/dist/{FileUpload-B7BCBTk-.js.map → FileUpload-t3PZx_yE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUpload-B7BCBTk-.js","names":["useStyles","useStyles","FileProfile","ImagePreview","pickedFile"],"sources":["../src/utilities/uploader/FileProfile.jsx","../src/utilities/uploader/ImagePreview.jsx","../src/utilities/uploader/FileType.jsx","../src/utilities/uploader/FileUpload.jsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { Typography, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n prefix: {\n fontWeight: 600\n },\n title: {\n flex: 1\n },\n detail: {\n marginLeft: theme.spacing(2)\n }\n}))\n\nconst FileProfile = (props) => {\n const classes = useStyles()\n const { children, fileName, fileType, size, lastModifiedDate } = props\n return (\n <Fragment>\n <div className={classes.root}>\n <Typography variant='body1' className={classes.title}>\n <strong>{fileName}</strong>\n </Typography>\n <Typography variant='caption' className={classes.detail}>\n <span className={classes.prefix}>Type:</span> {fileType}\n </Typography>\n <Typography variant='caption' className={classes.detail}>\n <span className={classes.prefix}>Size:</span> {size}\n </Typography>\n </div>\n {children}\n <Typography variant='caption'>\n <span className={classes.prefix}>Last Modified:</span>{' '}\n {lastModifiedDate}\n </Typography>\n </Fragment>\n )\n}\nexport default FileProfile\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n },\n image: {\n maxWidth: 465,\n },\n}));\n\nconst ImagePreview = props => {\n const { image } = props;\n const classes = useStyles();\n\n return (\n <div className={classes.root}>\n <img className={classes.image} src={image} alt=\"upload preview\" />\n </div>\n );\n};\nexport default ImagePreview;\n","import React from 'react';\nimport FileProfile from './FileProfile';\nimport ImagePreview from './ImagePreview';\n\nexport const FileType = props => {\n let type = '';\n const { fileType, image, fileName, size, lastModifiedDate } = props;\n\n switch (fileType) {\n case 'pdf':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n />\n );\n break;\n case 'doc':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n />\n );\n break;\n case 'png':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n case 'jpg':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n case 'jpeg':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n\n default:\n }\n\n return type;\n};\n","import React, { useRef, useState, useEffect, Fragment } from 'react'\nimport {\n makeStyles,\n Typography,\n Card,\n CardContent,\n Divider\n} from '@material-ui/core'\nimport { FileType } from './FileType'\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n avatarImage: {\n width: 200,\n height: 200,\n borderRadius: 100,\n border: '3px solid',\n borderColor: theme.palette.primary.main,\n marginTop: -3,\n marginLeft: -3\n },\n image: {\n width: 300,\n height: '100%',\n border: '2px solid',\n borderColor: theme.palette.primary.main,\n marginTop: -3,\n marginLeft: -3\n },\n instruction: {\n display: 'flex',\n alignContent: 'center',\n justifyContent: 'center'\n },\n icon: {\n display: 'flex',\n justifyContent: 'center'\n },\n avatarIcon: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: '35%'\n },\n previewCard: {\n maxWidth: 500\n },\n action: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n display: 'flex',\n flexDirection: 'row'\n },\n divider: {\n marginTop: theme.spacing(1)\n },\n initialInstruction: {\n marginLeft: theme.spacing(2),\n marginTop: theme.spacing(0.5)\n }\n}))\n\nexport const FileUpload = (props) => {\n const [file, setFile] = useState()\n const [previewUrl, setPreviewUrl] = useState()\n const [isValid, setIsValid] = useState(false)\n const [fileType, setFileType] = useState()\n const [fileName, setFileName] = useState()\n const [fileSize, setFileSize] = useState()\n const [fileDate, setFileDate] = useState()\n const { id, onInput, accept, errorText } = props\n const classes = useStyles()\n\n const filePickerRef = useRef()\n useEffect(() => {\n if (!file) {\n return\n }\n const fileReader = new window.FileReader()\n fileReader.onload = () => {\n setPreviewUrl(fileReader.result)\n }\n fileReader.readAsDataURL(file)\n }, [file])\n\n const pickedHandler = (event) => {\n const pickedFile = event.target.files[0]\n let fileIsValid = isValid\n // console.log('ETF', event.target.files[0].name);\n setFileName(event.target.files[0].name)\n setFileSize(event.target.files[0].size)\n setFileDate(event.target.files[0].lastModifiedDate.toString())\n const str = event.target.files[0].name.split('.')[1]\n // console.log('STR', str);\n setFileType(str)\n if (event.target.files && event.target.files.length === 1) {\n const pickedFile = event.target.files[0]\n setFile(pickedFile)\n setIsValid(true)\n } else {\n setIsValid(false)\n fileIsValid = false\n }\n onInput(id, pickedFile, fileIsValid)\n }\n\n const pickFileHandler = () => {\n filePickerRef.current.click()\n if (file && file !== previewUrl) {\n reset()\n }\n }\n\n const formatBytes = (bytes, decimals = 2) => {\n if (bytes === 0) return '0 Bytes'\n\n const k = 1024\n const dm = decimals < 0 ? 0 : decimals\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n }\n\n const reset = () => {\n const fileReader = new window.FileReader()\n fileReader.onload = () => {\n setPreviewUrl(fileReader.result)\n }\n fileReader.readAsDataURL(file)\n }\n\n return (\n <Card className={classes.previewCard} variant='outlined'>\n <CardContent>\n <div className={classes.formControl}>\n <input\n id={id}\n ref={filePickerRef}\n style={{ display: 'none' }}\n type='file'\n accept={accept}\n onChange={pickedHandler}\n />\n\n <div className={classes.imageUpload}>\n {!previewUrl && (\n <div className={classes.action}>\n <div className={classes.action}>\n <FluentButton\n type='button'\n variant='contained'\n color='secondary'\n onClick={pickFileHandler}\n >\n Select File\n </FluentButton>\n\n <div className={classes.initialInstruction}>\n <Typography variant='caption'>\n Click 'Select File' to upload a file from your computer\n </Typography>\n </div>\n </div>\n </div>\n )}\n\n {previewUrl && (\n <Fragment>\n <div className={classes.imagePreview}>\n {/* {console.log('PREVIEW URL:', previewUrl)} */}\n <FileType\n fileType={fileType}\n image={previewUrl}\n fileName={fileName}\n size={formatBytes(fileSize)}\n lastModifiedDate={fileDate}\n />\n </div>\n <div className={classes.divider}>\n <Divider />\n </div>\n </Fragment>\n )}\n </div>\n {!isValid && <Typography>{errorText} </Typography>}\n </div>\n </CardContent>\n </Card>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileUpload-t3PZx_yE.js","names":["useStyles","useStyles","FileProfile","ImagePreview","pickedFile"],"sources":["../src/utilities/uploader/FileProfile.jsx","../src/utilities/uploader/ImagePreview.jsx","../src/utilities/uploader/FileType.jsx","../src/utilities/uploader/FileUpload.jsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { Typography, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n prefix: {\n fontWeight: 600\n },\n title: {\n flex: 1\n },\n detail: {\n marginLeft: theme.spacing(2)\n }\n}))\n\nconst FileProfile = (props) => {\n const classes = useStyles()\n const { children, fileName, fileType, size, lastModifiedDate } = props\n return (\n <Fragment>\n <div className={classes.root}>\n <Typography variant='body1' className={classes.title}>\n <strong>{fileName}</strong>\n </Typography>\n <Typography variant='caption' className={classes.detail}>\n <span className={classes.prefix}>Type:</span> {fileType}\n </Typography>\n <Typography variant='caption' className={classes.detail}>\n <span className={classes.prefix}>Size:</span> {size}\n </Typography>\n </div>\n {children}\n <Typography variant='caption'>\n <span className={classes.prefix}>Last Modified:</span>{' '}\n {lastModifiedDate}\n </Typography>\n </Fragment>\n )\n}\nexport default FileProfile\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n },\n image: {\n maxWidth: 465,\n },\n}));\n\nconst ImagePreview = props => {\n const { image } = props;\n const classes = useStyles();\n\n return (\n <div className={classes.root}>\n <img className={classes.image} src={image} alt=\"upload preview\" />\n </div>\n );\n};\nexport default ImagePreview;\n","import React from 'react';\nimport FileProfile from './FileProfile';\nimport ImagePreview from './ImagePreview';\n\nexport const FileType = props => {\n let type = '';\n const { fileType, image, fileName, size, lastModifiedDate } = props;\n\n switch (fileType) {\n case 'pdf':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n />\n );\n break;\n case 'doc':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n />\n );\n break;\n case 'png':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n case 'jpg':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n case 'jpeg':\n type = (\n <FileProfile\n fileType={fileType}\n fileName={fileName}\n size={size}\n lastModifiedDate={lastModifiedDate}\n >\n <ImagePreview image={image} />\n </FileProfile>\n );\n break;\n\n default:\n }\n\n return type;\n};\n","import React, { useRef, useState, useEffect, Fragment } from 'react'\nimport {\n makeStyles,\n Typography,\n Card,\n CardContent,\n Divider\n} from '@material-ui/core'\nimport { FileType } from './FileType'\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n avatarImage: {\n width: 200,\n height: 200,\n borderRadius: 100,\n border: '3px solid',\n borderColor: theme.palette.primary.main,\n marginTop: -3,\n marginLeft: -3\n },\n image: {\n width: 300,\n height: '100%',\n border: '2px solid',\n borderColor: theme.palette.primary.main,\n marginTop: -3,\n marginLeft: -3\n },\n instruction: {\n display: 'flex',\n alignContent: 'center',\n justifyContent: 'center'\n },\n icon: {\n display: 'flex',\n justifyContent: 'center'\n },\n avatarIcon: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: '35%'\n },\n previewCard: {\n maxWidth: 500\n },\n action: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n display: 'flex',\n flexDirection: 'row'\n },\n divider: {\n marginTop: theme.spacing(1)\n },\n initialInstruction: {\n marginLeft: theme.spacing(2),\n marginTop: theme.spacing(0.5)\n }\n}))\n\nexport const FileUpload = (props) => {\n const [file, setFile] = useState()\n const [previewUrl, setPreviewUrl] = useState()\n const [isValid, setIsValid] = useState(false)\n const [fileType, setFileType] = useState()\n const [fileName, setFileName] = useState()\n const [fileSize, setFileSize] = useState()\n const [fileDate, setFileDate] = useState()\n const { id, onInput, accept, errorText } = props\n const classes = useStyles()\n\n const filePickerRef = useRef()\n useEffect(() => {\n if (!file) {\n return\n }\n const fileReader = new window.FileReader()\n fileReader.onload = () => {\n setPreviewUrl(fileReader.result)\n }\n fileReader.readAsDataURL(file)\n }, [file])\n\n const pickedHandler = (event) => {\n const pickedFile = event.target.files[0]\n let fileIsValid = isValid\n // console.log('ETF', event.target.files[0].name);\n setFileName(event.target.files[0].name)\n setFileSize(event.target.files[0].size)\n setFileDate(event.target.files[0].lastModifiedDate.toString())\n const str = event.target.files[0].name.split('.')[1]\n // console.log('STR', str);\n setFileType(str)\n if (event.target.files && event.target.files.length === 1) {\n const pickedFile = event.target.files[0]\n setFile(pickedFile)\n setIsValid(true)\n } else {\n setIsValid(false)\n fileIsValid = false\n }\n onInput(id, pickedFile, fileIsValid)\n }\n\n const pickFileHandler = () => {\n filePickerRef.current.click()\n if (file && file !== previewUrl) {\n reset()\n }\n }\n\n const formatBytes = (bytes, decimals = 2) => {\n if (bytes === 0) return '0 Bytes'\n\n const k = 1024\n const dm = decimals < 0 ? 0 : decimals\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n }\n\n const reset = () => {\n const fileReader = new window.FileReader()\n fileReader.onload = () => {\n setPreviewUrl(fileReader.result)\n }\n fileReader.readAsDataURL(file)\n }\n\n return (\n <Card className={classes.previewCard} variant='outlined'>\n <CardContent>\n <div className={classes.formControl}>\n <input\n id={id}\n ref={filePickerRef}\n style={{ display: 'none' }}\n type='file'\n accept={accept}\n onChange={pickedHandler}\n />\n\n <div className={classes.imageUpload}>\n {!previewUrl && (\n <div className={classes.action}>\n <div className={classes.action}>\n <FluentButton\n type='button'\n variant='contained'\n color='secondary'\n onClick={pickFileHandler}\n >\n Select File\n </FluentButton>\n\n <div className={classes.initialInstruction}>\n <Typography variant='caption'>\n Click 'Select File' to upload a file from your computer\n </Typography>\n </div>\n </div>\n </div>\n )}\n\n {previewUrl && (\n <Fragment>\n <div className={classes.imagePreview}>\n {/* {console.log('PREVIEW URL:', previewUrl)} */}\n <FileType\n fileType={fileType}\n image={previewUrl}\n fileName={fileName}\n size={formatBytes(fileSize)}\n lastModifiedDate={fileDate}\n />\n </div>\n <div className={classes.divider}>\n <Divider />\n </div>\n </Fragment>\n )}\n </div>\n {!isValid && <Typography>{errorText} </Typography>}\n </div>\n </CardContent>\n </Card>\n )\n}\n"],"mappings":";;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,QAAQ,EACN,YAAY,KACb;CACD,OAAO,EACL,MAAM,GACP;CACD,QAAQ,EACN,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACF,EAAE;AAEH,MAAM,eAAe,UAAU;CAC7B,MAAM,UAAUA,aAAW;CAC3B,MAAM,EAAE,UAAU,UAAU,UAAU,MAAM,qBAAqB;AACjE,QACE,oCAAC,gBACC,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAC7C,oCAAC,gBAAQ,SAAkB,CAChB,EACb,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC/C,oCAAC,UAAK,WAAW,QAAQ,UAAQ,QAAY,OAAE,SACpC,EACb,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC/C,oCAAC,UAAK,WAAW,QAAQ,UAAQ,QAAY,OAAE,KACpC,CACT,EACL,UACD,oCAAC,cAAW,SAAQ,aAClB,oCAAC,UAAK,WAAW,QAAQ,UAAQ,iBAAqB,EAAC,KACtD,iBACU,CACJ;;AAGf,0BAAe;;;;ACxCf,MAAMC,cAAY,YAAW,WAAU;CACrC,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,OAAO,EACL,UAAU,KACX;CACF,EAAE;AAEH,MAAM,gBAAe,UAAS;CAC5B,MAAM,EAAE,UAAU;CAClB,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAI,WAAW,QAAQ;EAAO,KAAK;EAAO,KAAI;GAAmB,CAC9D;;AAGV,2BAAe;;;;ACnBf,MAAa,YAAW,UAAS;CAC/B,IAAI,OAAO;CACX,MAAM,EAAE,UAAU,OAAO,UAAU,MAAM,qBAAqB;AAE9D,SAAQ,UAAR;EACE,KAAK;AACH,UACE,oCAACC;IACW;IACA;IACJ;IACY;KAClB;AAEJ;EACF,KAAK;AACH,UACE,oCAACA;IACW;IACA;IACJ;IACY;KAClB;AAEJ;EACF,KAAK;AACH,UACE,oCAACA;IACW;IACA;IACJ;IACY;MAElB,oCAACC,wBAAoB,QAAS,CAClB;AAEhB;EACF,KAAK;AACH,UACE,oCAACD;IACW;IACA;IACJ;IACY;MAElB,oCAACC,wBAAoB,QAAS,CAClB;AAEhB;EACF,KAAK;AACH,UACE,oCAACD;IACW;IACA;IACJ;IACY;MAElB,oCAACC,wBAAoB,QAAS,CAClB;AAEhB;EAEF;;AAGF,QAAO;;;;;AC1DT,MAAM,YAAY,YAAY,WAAW;CACvC,aAAa;EACX,OAAO;EACP,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,aAAa,MAAM,QAAQ,QAAQ;EACnC,WAAW;EACX,YAAY;EACb;CACD,OAAO;EACL,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,aAAa,MAAM,QAAQ,QAAQ;EACnC,WAAW;EACX,YAAY;EACb;CACD,aAAa;EACX,SAAS;EACT,cAAc;EACd,gBAAgB;EACjB;CACD,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,WAAW;EACZ;CACD,aAAa,EACX,UAAU,KACX;CACD,QAAQ;EACN,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC9B,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,oBAAoB;EAClB,YAAY,MAAM,QAAQ,EAAE;EAC5B,WAAW,MAAM,QAAQ,GAAI;EAC9B;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,CAAC,MAAM,WAAW,UAAU;CAClC,MAAM,CAAC,YAAY,iBAAiB,UAAU;CAC9C,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,UAAU,eAAe,UAAU;CAC1C,MAAM,CAAC,UAAU,eAAe,UAAU;CAC1C,MAAM,CAAC,UAAU,eAAe,UAAU;CAC1C,MAAM,CAAC,UAAU,eAAe,UAAU;CAC1C,MAAM,EAAE,IAAI,SAAS,QAAQ,cAAc;CAC3C,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,QAAQ;AAC9B,iBAAgB;AACd,MAAI,CAAC,KACH;EAEF,MAAM,aAAa,IAAI,OAAO,YAAY;AAC1C,aAAW,eAAe;AACxB,iBAAc,WAAW,OAAO;;AAElC,aAAW,cAAc,KAAK;IAC7B,CAAC,KAAK,CAAC;CAEV,MAAM,iBAAiB,UAAU;EAC/B,MAAM,aAAa,MAAM,OAAO,MAAM;EACtC,IAAI,cAAc;AAElB,cAAY,MAAM,OAAO,MAAM,GAAG,KAAK;AACvC,cAAY,MAAM,OAAO,MAAM,GAAG,KAAK;AACvC,cAAY,MAAM,OAAO,MAAM,GAAG,iBAAiB,UAAU,CAAC;EAC9D,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,KAAK,MAAM,IAAI,CAAC;AAElD,cAAY,IAAI;AAChB,MAAI,MAAM,OAAO,SAAS,MAAM,OAAO,MAAM,WAAW,GAAG;GACzD,MAAMC,eAAa,MAAM,OAAO,MAAM;AACtC,WAAQA,aAAW;AACnB,cAAW,KAAK;SACX;AACL,cAAW,MAAM;AACjB,iBAAc;;AAEhB,UAAQ,IAAI,YAAY,YAAY;;CAGtC,MAAM,wBAAwB;AAC5B,gBAAc,QAAQ,OAAO;AAC7B,MAAI,QAAQ,SAAS,WACnB,QAAO;;CAIX,MAAM,eAAe,OAAO,WAAW,MAAM;AAC3C,MAAI,UAAU,EAAG,QAAO;EAExB,MAAM,IAAI;EACV,MAAM,KAAK,WAAW,IAAI,IAAI;EAC9B,MAAM,QAAQ;GAAC;GAAS;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAK;EAEvE,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,SAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM,MAAM;;CAGxE,MAAM,cAAc;EAClB,MAAM,aAAa,IAAI,OAAO,YAAY;AAC1C,aAAW,eAAe;AACxB,iBAAc,WAAW,OAAO;;AAElC,aAAW,cAAc,KAAK;;AAGhC,QACE,oCAAC;EAAK,WAAW,QAAQ;EAAa,SAAQ;IAC5C,oCAAC,mBACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC;EACK;EACJ,KAAK;EACL,OAAO,EAAE,SAAS,QAAQ;EAC1B,MAAK;EACG;EACR,UAAU;GACV,EAEF,oCAAC,SAAI,WAAW,QAAQ,eACrB,CAAC,cACA,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,MAAK;EACL,SAAQ;EACR,OAAM;EACN,SAAS;IACV,cAEc,EAEf,oCAAC,SAAI,WAAW,QAAQ,sBACtB,oCAAC,cAAW,SAAQ,aAAU,0DAEjB,CACT,CACF,CACF,EAGP,cACC,oCAAC,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBAEtB,oCAAC;EACW;EACV,OAAO;EACG;EACV,MAAM,YAAY,SAAS;EAC3B,kBAAkB;GAClB,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAU,CACP,CACG,CAET,EACL,CAAC,WAAW,oCAAC,kBAAY,WAAU,IAAc,CAC9C,CACM,CACT"}

package/dist/{FluentActivity-BvFeqabs.js → FluentActivity-CQQeL7Qe.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { t as AvatarAlphabet } from "./AvatarAlphabet-C-nQUpJT.js";
+import { t as AvatarAlphabet } from "./AvatarAlphabet-D5klbFfJ.js";
 import React from "react";
 import { Avatar, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -66,4 +66,4 @@ const FluentActivityRow = (props) => {
 //#endregion
 export { FluentActivity as n, FluentActivityRow as t };
-//# sourceMappingURL=FluentActivity-BvFeqabs.js.map
+//# sourceMappingURL=FluentActivity-CQQeL7Qe.js.map

package/dist/{FluentActivity-BvFeqabs.js.map → FluentActivity-CQQeL7Qe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentActivity-~~BvFeqabs~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentActivity/FluentActivity.jsx","../src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx"],"sourcesContent":["import React from 'react'\nimport {\n Avatar,\n lighten,\n makeStyles,\n Typography,\n Tooltip\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport clsx from 'clsx'\nimport TimeAgo from 'timeago-react'\nimport { AvatarAlphabet } from '../../dataDisplay/AvatarAlphabet'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(2)\n },\n topRow: {\n display: 'flex'\n },\n desc: {\n marginLeft: theme.spacing(0.5)\n },\n indent: {\n marginLeft: (props) =>\n props.avatarDisplay ? theme.spacing(6) : theme.spacing(4)\n },\n indentChildren: {\n marginLeft: (props) => (props.avatarDisplay ? theme.spacing(2) : 0),\n marginTop: (props) => (props.avatarDisplay ? theme.spacing(-1.5) : 0)\n },\n timestamp: {\n color: lighten(theme.palette.common.black, 0.5),\n marginTop: theme.spacing(-3)\n },\n actionUser: {\n marginRight: 10,\n marginLeft: 11\n },\n activityIcon: {\n marginTop: 2\n },\n action: {\n verticalAlign: 'text-bottom',\n lineHeight: 1.8\n },\n avatar: {\n width: 35,\n height: 35,\n textTransform: 'uppercase'\n }\n}))\n\nexport const FluentActivity = (props) => {\n const classes = useStyles(props)\n const {\n activityIcon,\n avatar,\n avatarAlt,\n timeStamp,\n children,\n action,\n actionUser,\n avatarDisplay\n } = props\n\n const getUser = (userEmail) => {\n const regex = />(.*)</g\n const matches = regex.exec(userEmail)\n return matches[1].trim()?.charAt(0) \|\| '?'\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.topRow}>\n {activityIcon && (\n <div className={classes.activityIcon}>\n <FluentIcon component={activityIcon} />\n </div>\n )}\n {avatarDisplay && avatar && (\n <div className={classes.avatarContainer}>\n <Avatar alt={avatarAlt} className={classes.avatar} src={avatar} />\n </div>\n )}\n {avatarDisplay && !avatar && (\n <div className={classes.avatarContainer}>\n <AvatarAlphabet\n alt={avatarAlt}\n className={classes.avatar}\n avatarCharacter={getUser(\n actionUser.props.children[0].props.jsx\n ).toUpperCase()}\n >\n {getUser(actionUser.props.children[0].props.jsx)}\n </AvatarAlphabet>\n </div>\n )}\n\n <div className={classes.actionUser}>{actionUser}</div>\n\n <Typography variant='caption' className={classes.action}>\n {action}\n </Typography>\n </div>\n <div className={classes.indentChildren}>{children}</div>\n <div className={classes.time}>\n <Typography\n variant='caption'\n className={clsx(classes.indent, classes.timestamp)}\n >\n <Tooltip title={timeStamp}>\n <TimeAgo datetime={timeStamp} />\n </Tooltip>\n </Typography>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\n\nexport const FluentActivityRow = (props) => {\n const { children } = props\n return (\n <div style={{ marginLeft: 30 }}>\n <Typography variant='caption'>{children}</Typography>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,QAAQ,EACN,SAAS,QACV;CACD,MAAM,EACJ,YAAY,MAAM,QAAQ,GAAI,EAC/B;CACD,QAAQ,EACN,aAAa,UACX,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,EAC5D;CACD,gBAAgB;EACd,aAAa,UAAW,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG;EACjE,YAAY,UAAW,MAAM,gBAAgB,MAAM,QAAQ,KAAK,GAAG;EACpE;CACD,WAAW;EACT,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAC/C,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACD,YAAY;EACV,aAAa;EACb,YAAY;EACb;CACD,cAAc,EACZ,WAAW,GACZ;CACD,QAAQ;EACN,eAAe;EACf,YAAY;EACb;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,eAAe;EAChB;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,cACA,QACA,WACA,WACA,UACA,QACA,YACA,kBACE;CAEJ,MAAM,WAAW,cAAc;AAG7B,SAFc,UACQ,KAAK,UAAU,CACtB,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;;AAGzC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,WAAW,eAAgB,CACnC,EAEP,iBAAiB,UAChB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EAAO,KAAK;EAAW,WAAW,QAAQ;EAAQ,KAAK;GAAU,CAC9D,EAEP,iBAAiB,CAAC,UACjB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,iBAAiB,QACf,WAAW,MAAM,SAAS,GAAG,MAAM,IACpC,CAAC,aAAa;IAEd,QAAQ,WAAW,MAAM,SAAS,GAAG,MAAM,IAAI,CACjC,CACb,EAGR,oCAAC,SAAI,WAAW,QAAQ,cAAa,WAAiB,EAEtD,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC9C,OACU,CACT,EACN,oCAAC,SAAI,WAAW,QAAQ,kBAAiB,SAAe,EACxD,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,QAAQ,QAAQ,UAAU;IAElD,oCAAC,WAAQ,OAAO,aACd,oCAAC,WAAQ,UAAU,YAAa,CACxB,CACC,CACT,CACF;;;;;ACjHV,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,aAAa;AACrB,QACE,oCAAC,SAAI,OAAO,EAAE,YAAY,IAAI,IAC5B,oCAAC,cAAW,SAAQ,aAAW,SAAsB,CACjD"}
1	+ {"version":3,"file":"FluentActivity-CQQeL7Qe.js","names":[],"sources":["../src/UI/dataDisplay/FluentActivity/FluentActivity.jsx","../src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx"],"sourcesContent":["import React from 'react'\nimport {\n Avatar,\n lighten,\n makeStyles,\n Typography,\n Tooltip\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport clsx from 'clsx'\nimport TimeAgo from 'timeago-react'\nimport { AvatarAlphabet } from '../../dataDisplay/AvatarAlphabet'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(2)\n },\n topRow: {\n display: 'flex'\n },\n desc: {\n marginLeft: theme.spacing(0.5)\n },\n indent: {\n marginLeft: (props) =>\n props.avatarDisplay ? theme.spacing(6) : theme.spacing(4)\n },\n indentChildren: {\n marginLeft: (props) => (props.avatarDisplay ? theme.spacing(2) : 0),\n marginTop: (props) => (props.avatarDisplay ? theme.spacing(-1.5) : 0)\n },\n timestamp: {\n color: lighten(theme.palette.common.black, 0.5),\n marginTop: theme.spacing(-3)\n },\n actionUser: {\n marginRight: 10,\n marginLeft: 11\n },\n activityIcon: {\n marginTop: 2\n },\n action: {\n verticalAlign: 'text-bottom',\n lineHeight: 1.8\n },\n avatar: {\n width: 35,\n height: 35,\n textTransform: 'uppercase'\n }\n}))\n\nexport const FluentActivity = (props) => {\n const classes = useStyles(props)\n const {\n activityIcon,\n avatar,\n avatarAlt,\n timeStamp,\n children,\n action,\n actionUser,\n avatarDisplay\n } = props\n\n const getUser = (userEmail) => {\n const regex = />(.*)</g\n const matches = regex.exec(userEmail)\n return matches[1].trim()?.charAt(0) \|\| '?'\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.topRow}>\n {activityIcon && (\n <div className={classes.activityIcon}>\n <FluentIcon component={activityIcon} />\n </div>\n )}\n {avatarDisplay && avatar && (\n <div className={classes.avatarContainer}>\n <Avatar alt={avatarAlt} className={classes.avatar} src={avatar} />\n </div>\n )}\n {avatarDisplay && !avatar && (\n <div className={classes.avatarContainer}>\n <AvatarAlphabet\n alt={avatarAlt}\n className={classes.avatar}\n avatarCharacter={getUser(\n actionUser.props.children[0].props.jsx\n ).toUpperCase()}\n >\n {getUser(actionUser.props.children[0].props.jsx)}\n </AvatarAlphabet>\n </div>\n )}\n\n <div className={classes.actionUser}>{actionUser}</div>\n\n <Typography variant='caption' className={classes.action}>\n {action}\n </Typography>\n </div>\n <div className={classes.indentChildren}>{children}</div>\n <div className={classes.time}>\n <Typography\n variant='caption'\n className={clsx(classes.indent, classes.timestamp)}\n >\n <Tooltip title={timeStamp}>\n <TimeAgo datetime={timeStamp} />\n </Tooltip>\n </Typography>\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\n\nexport const FluentActivityRow = (props) => {\n const { children } = props\n return (\n <div style={{ marginLeft: 30 }}>\n <Typography variant='caption'>{children}</Typography>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,QAAQ,EACN,SAAS,QACV;CACD,MAAM,EACJ,YAAY,MAAM,QAAQ,GAAI,EAC/B;CACD,QAAQ,EACN,aAAa,UACX,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,EAC5D;CACD,gBAAgB;EACd,aAAa,UAAW,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG;EACjE,YAAY,UAAW,MAAM,gBAAgB,MAAM,QAAQ,KAAK,GAAG;EACpE;CACD,WAAW;EACT,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAC/C,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACD,YAAY;EACV,aAAa;EACb,YAAY;EACb;CACD,cAAc,EACZ,WAAW,GACZ;CACD,QAAQ;EACN,eAAe;EACf,YAAY;EACb;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,eAAe;EAChB;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,cACA,QACA,WACA,WACA,UACA,QACA,YACA,kBACE;CAEJ,MAAM,WAAW,cAAc;AAG7B,SAFc,UACQ,KAAK,UAAU,CACtB,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;;AAGzC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,WAAW,eAAgB,CACnC,EAEP,iBAAiB,UAChB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EAAO,KAAK;EAAW,WAAW,QAAQ;EAAQ,KAAK;GAAU,CAC9D,EAEP,iBAAiB,CAAC,UACjB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,iBAAiB,QACf,WAAW,MAAM,SAAS,GAAG,MAAM,IACpC,CAAC,aAAa;IAEd,QAAQ,WAAW,MAAM,SAAS,GAAG,MAAM,IAAI,CACjC,CACb,EAGR,oCAAC,SAAI,WAAW,QAAQ,cAAa,WAAiB,EAEtD,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC9C,OACU,CACT,EACN,oCAAC,SAAI,WAAW,QAAQ,kBAAiB,SAAe,EACxD,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,QAAQ,QAAQ,UAAU;IAElD,oCAAC,WAAQ,OAAO,aACd,oCAAC,WAAQ,UAAU,YAAa,CACxB,CACC,CACT,CACF;;;;;ACjHV,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,aAAa;AACrB,QACE,oCAAC,SAAI,OAAO,EAAE,YAAY,IAAI,IAC5B,oCAAC,cAAW,SAAQ,aAAW,SAAsB,CACjD"}

package/dist/{FluentBody-DYCkAQLJ.js → FluentBody-CBqwLzTG.js} RENAMED Viewed

@@ -13,4 +13,4 @@ var FluentBody_default = FluentBody;
 //#endregion
 export { FluentBody_default as t };
-//# sourceMappingURL=FluentBody-DYCkAQLJ.js.map
+//# sourceMappingURL=FluentBody-CBqwLzTG.js.map

package/dist/{FluentBody-DYCkAQLJ.js.map → FluentBody-CBqwLzTG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentBody-~~DYCkAQLJ~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx"],"sourcesContent":["import { TableBody, useTheme } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentBodyProps {\n background?: string;\n style?: object;\n children: ReactNode;\n};\n\nconst FluentBody = (props: FluentBodyProps) => {\n\n const theme = useTheme();\n\n return (\n <TableBody style={{ background: props?.background \|\| theme.palette.background.paper, ...props?.style }}>\n {props?.children}\n </TableBody>\n )\n};\n\nexport default FluentBody;"],"mappings":";;;;AASA,MAAM,cAAc,UAA2B;CAE7C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,aAAU,OAAO;EAAE,YAAY,OAAO,cAAc,MAAM,QAAQ,WAAW;EAAO,GAAG,OAAO;EAAO,IACnG,OAAO,SACE;;AAIhB,yBAAe"}
1	+ {"version":3,"file":"FluentBody-CBqwLzTG.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx"],"sourcesContent":["import { TableBody, useTheme } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentBodyProps {\n background?: string;\n style?: object;\n children: ReactNode;\n};\n\nconst FluentBody = (props: FluentBodyProps) => {\n\n const theme = useTheme();\n\n return (\n <TableBody style={{ background: props?.background \|\| theme.palette.background.paper, ...props?.style }}>\n {props?.children}\n </TableBody>\n )\n};\n\nexport default FluentBody;"],"mappings":";;;;AASA,MAAM,cAAc,UAA2B;CAE7C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,aAAU,OAAO;EAAE,YAAY,OAAO,cAAc,MAAM,QAAQ,WAAW;EAAO,GAAG,OAAO;EAAO,IACnG,OAAO,SACE;;AAIhB,yBAAe"}

package/dist/{FluentCardHeader-BdMB2qzK.js → FluentCardHeader-CRJaqkV3.js} RENAMED Viewed

@@ -26,4 +26,4 @@ FluentCardHeader.displayName = "FluentCardHeader";
 //#endregion
 export { FluentCardHeader as t };
-//# sourceMappingURL=FluentCardHeader-BdMB2qzK.js.map
+//# sourceMappingURL=FluentCardHeader-CRJaqkV3.js.map

package/dist/{FluentCardHeader-BdMB2qzK.js.map → FluentCardHeader-CRJaqkV3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentCardHeader-~~BdMB2qzK~~.js","names":[],"sources":["../src/UI/surfaces/cards/fluentCards/FluentCardHeader.jsx"],"sourcesContent":["import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardHeader } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n {\n root: {},\n avatar: {},\n action: {},\n content: {},\n title: {},\n subheader: {},\n },\n { name: 'FluentCardHeader' }\n);\n\n/*\n A variant of <CardHeader> that uses a Fluent UI card style\n */\nexport const FluentCardHeader = forwardRef((props, ref) => {\n const classes = useStyles(props);\n const { children, ...other } = props;\n\n return (\n <CardHeader ref={ref} {...other} classes={classes}>\n {children}\n </CardHeader>\n );\n});\nFluentCardHeader.displayName = 'FluentCardHeader';\n"],"mappings":";;;;AAIA,MAAM,YAAY,WAChB;CACE,MAAM,EAAE;CACR,QAAQ,EAAE;CACV,QAAQ,EAAE;CACV,SAAS,EAAE;CACX,OAAO,EAAE;CACT,WAAW,EAAE;CACd,EACD,EAAE,MAAM,oBAAoB,CAC7B;;;;AAKD,MAAa,mBAAmB,YAAY,OAAO,QAAQ;CACzD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAgB;EAAK,GAAI;EAAgB;IACvC,SACU;EAEf;AACF,iBAAiB,cAAc"}
1	+ {"version":3,"file":"FluentCardHeader-CRJaqkV3.js","names":[],"sources":["../src/UI/surfaces/cards/fluentCards/FluentCardHeader.jsx"],"sourcesContent":["import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardHeader } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n {\n root: {},\n avatar: {},\n action: {},\n content: {},\n title: {},\n subheader: {},\n },\n { name: 'FluentCardHeader' }\n);\n\n/*\n A variant of <CardHeader> that uses a Fluent UI card style\n */\nexport const FluentCardHeader = forwardRef((props, ref) => {\n const classes = useStyles(props);\n const { children, ...other } = props;\n\n return (\n <CardHeader ref={ref} {...other} classes={classes}>\n {children}\n </CardHeader>\n );\n});\nFluentCardHeader.displayName = 'FluentCardHeader';\n"],"mappings":";;;;AAIA,MAAM,YAAY,WAChB;CACE,MAAM,EAAE;CACR,QAAQ,EAAE;CACV,QAAQ,EAAE;CACV,SAAS,EAAE;CACX,OAAO,EAAE;CACT,WAAW,EAAE;CACd,EACD,EAAE,MAAM,oBAAoB,CAC7B;;;;AAKD,MAAa,mBAAmB,YAAY,OAAO,QAAQ;CACzD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAgB;EAAK,GAAI;EAAgB;IACvC,SACU;EAEf;AACF,iBAAiB,cAAc"}

package/dist/{FluentCell-DAiFP70_.js → FluentCell-C1d53Ct2.js} RENAMED Viewed

@@ -78,4 +78,4 @@ var FluentCell_default = FluentCell;
 //#endregion
 export { FluentCell_default as t };
-//# sourceMappingURL=FluentCell-DAiFP70_.js.map
+//# sourceMappingURL=FluentCell-C1d53Ct2.js.map

package/dist/{FluentCell-DAiFP70_.js.map → FluentCell-C1d53Ct2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentCell-~~DAiFP70_~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentCell/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, makeStyles, TableCell, Theme, useTheme, Tooltip } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../../status/StatusChip';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles<Theme, FluentCellProps>((theme) => ({\n labelText: {\n color: theme.palette.text.primary,\n fontSize: '12px'\n },\n tableCell: {\n fontSize: '12px',\n letterSpacing: '0.4px',\n fontWeight: (props) => (props?.bold ? 500 : 400)\n },\n unityIconWrapper: {\n gap: theme.spacing(1)\n }\n}));\n\n/* #region CellUnityIcon /\n\ninterface CellUnityIconProps extends FluentCellProps {\n icon: string;\n size: string;\n color: string;\n align?: 'inherit' \| 'left' \| 'center' \| 'right' \| 'justify';\n className?: string;\n}\n\nconst CellUnityIcon = (props: Partial<CellUnityIconProps>) => {\n const theme = useTheme();\n const {\n icon = '',\n size = 'large',\n color = theme.palette.primary.main,\n children\n } = props;\n const classes = useStyles(props as FluentCellProps);\n\n return (\n <FluentCell {...props}>\n { / @ts-ignore / }\n <Box display='flex' alignItems='center' className={classes.unityIconWrapper}>\n <UnityFluentIcon\n size={size}\n color={color}\n icon={getIconFromName(icon)}\n />\n {children && children}\n </Box>\n </FluentCell>\n );\n};\n\n/ #endregion /\n\n/ #region CellIcon /\n\ninterface CellImageProps extends FluentCellProps {\n src: string;\n alt: string;\n title: string;\n style?: object;\n children: any;\n}\n\nconst CellImage = (props: CellImageProps) => (\n <FluentCell {...props}>\n <img src={props?.src} alt={props?.alt} style={props?.style} />\n {props?.title}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellIcon /\n\ninterface CellIconProps extends FluentCellProps {\n icon: any;\n label: string;\n style?: object;\n}\n\nconst CellIcon = (props: Partial<CellIconProps>) => (\n <FluentCell {...props}>\n <>\n {props?.label ? (\n // @ts-ignore\n <Box display='flex' alignItems='center' style={{ gap: '8px' }}>\n { / @ts-ignore / }\n <Box>{props?.icon}</Box>\n {props?.label}\n </Box>\n ) : (\n props?.icon\n )}\n {props?.children}\n </>\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellNumber /\n\ninterface CellNumberProps extends FluentCellProps {\n decimals?: number \| string;\n children: any;\n}\n\nconst CellNumber = (props: CellNumberProps) => (\n <FluentCell {...props}>\n {Number(props?.children).toFixed(Number(props?.decimals ?? 2))}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellDate /\n\ninterface CellDateProps extends FluentCellProps {\n format?: string;\n children: any;\n}\n\nconst CellDate = (props: CellDateProps) => (\n <FluentCell {...props}>\n {format(new Date(props?.children), props?.format \|\| 'MM/dd/yyyy')}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellCurrency /\n\ninterface CellCurrencyProps extends FluentCellProps {\n currencySymbol?: string;\n children: any;\n}\n\nconst CellCurrency = (props: CellCurrencyProps) => (\n <FluentCell {...props}>\n {props?.currencySymbol \|\| '$'}\n {props?.children}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellText /\n\ninterface CellTextProps extends FluentCellProps {\n children: any;\n}\n\nconst CellText = (props: CellTextProps) => (\n <FluentCell {...props}>{props.children}</FluentCell>\n);\n\n/ #endregion /\n\n/ #region Chip /\n\ninterface CellChipProps extends FluentCellProps {\n status?: string;\n size?: string;\n children: any;\n}\n\nconst CellChip = (props: CellChipProps) => (\n <FluentCell {...props}>\n {/ @ts-ignore /}\n <StatusChip\n status={props?.status \|\| 'success'}\n label={props?.children}\n />\n </FluentCell>\n);\n/ #endregion */\n\ninterface FluentCellProps {\n scope?: string;\n bold?: boolean;\n style?: object;\n align?: 'inherit' \| 'left' \| 'center' \| 'right' \| 'justify';\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n tooltip?: string;\n}\n\nconst FluentCell = (props: FluentCellProps) => {\n const classes = useStyles(props);\n const { scope = 'row', style, align, colSpan, className, tooltip, children } = props;\n\n const cellContent = children;\n\n return (\n <TableCell\n scope={scope}\n className={clsx(classes.tableCell, className)}\n style={style}\n align={align}\n colSpan={colSpan}\n >\n {tooltip ? (\n <Tooltip title={tooltip \|\| ''} children={<span>{cellContent \|\| ''}</span>} />\n ) : (\n cellContent\n )}\n </TableCell>\n );\n};\n\nFluentCell.UnityIcon = CellUnityIcon;\nFluentCell.Icon = CellIcon;\nFluentCell.Number = CellNumber;\nFluentCell.Text = CellText;\nFluentCell.Currency = CellCurrency;\nFluentCell.Date = CellDate;\nFluentCell.Chip = CellChip;\nFluentCell.Image = CellImage;\n\nexport default FluentCell;\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAoC,WAAW;CAC/D,WAAW;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,UAAU;EACX;CACD,WAAW;EACT,UAAU;EACV,eAAe;EACf,aAAa,UAAW,OAAO,OAAO,MAAM;EAC7C;CACD,kBAAkB,EAChB,KAAK,MAAM,QAAQ,EAAE,EACtB;CACF,EAAE;AAYH,MAAM,iBAAiB,UAAuC;CAC5D,MAAM,QAAQ,UAAU;CACxB,MAAM,EACJ,OAAO,IACP,OAAO,SACP,QAAQ,MAAM,QAAQ,QAAQ,MAC9B,aACE;CACJ,MAAM,UAAU,UAAU,MAAyB;AAEnD,QACE,oCAAC,YAAe,OAEd,oCAAC;EAAI,SAAQ;EAAO,YAAW;EAAS,WAAW,QAAQ;IACzD,oCAAC;EACO;EACC;EACP,MAAM,gBAAgB,KAAK;GAC3B,EACD,YAAY,SACT,CACK;;AAgBjB,MAAM,aAAa,UACjB,oCAAC,YAAe,OACd,oCAAC;CAAI,KAAK,OAAO;CAAK,KAAK,OAAO;CAAK,OAAO,OAAO;EAAS,EAC7D,OAAO,MACG;AAaf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACd,0DACG,OAAO,QAEN,oCAAC;CAAI,SAAQ;CAAO,YAAW;CAAS,OAAO,EAAE,KAAK,OAAO;GAE3D,oCAAC,WAAK,OAAO,KAAW,EACvB,OAAO,MACJ,GAEN,OAAO,MAER,OAAO,SACP,CACQ;AAYf,MAAM,cAAc,UAClB,oCAAC,YAAe,OACb,OAAO,OAAO,SAAS,CAAC,QAAQ,OAAO,OAAO,YAAY,EAAE,CAAC,CACnD;AAYf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACb,OAAO,IAAI,KAAK,OAAO,SAAS,EAAE,OAAO,UAAU,aAAa,CACtD;AAYf,MAAM,gBAAgB,UACpB,oCAAC,YAAe,OACb,OAAO,kBAAkB,KACzB,OAAO,SACG;AAWf,MAAM,YAAY,UAChB,oCAAC,YAAe,OAAQ,MAAM,SAAsB;AAatD,MAAM,YAAY,UAChB,oCAAC,YAAe,OAEd,oCAAC;CACC,QAAQ,OAAO,UAAU;CACzB,OAAO,OAAO;EACd,CACS;AAef,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,QAAQ,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,aAAa;CAE/E,MAAM,cAAc;AAEpB,QACE,oCAAC;EACQ;EACP,WAAW,KAAK,QAAQ,WAAW,UAAU;EACtC;EACA;EACE;IAER,UACC,oCAAC;EAAQ,OAAO,WAAW;EAAI,UAAU,oCAAC,cAAM,eAAe,GAAU;GAAI,GAE7E,YAEQ;;AAIhB,WAAW,YAAY;AACvB,WAAW,OAAO;AAClB,WAAW,SAAS;AACpB,WAAW,OAAO;AAClB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,QAAQ;AAEnB,yBAAe"}
1	+ {"version":3,"file":"FluentCell-C1d53Ct2.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentCell/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, makeStyles, TableCell, Theme, useTheme, Tooltip } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../../status/StatusChip';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles<Theme, FluentCellProps>((theme) => ({\n labelText: {\n color: theme.palette.text.primary,\n fontSize: '12px'\n },\n tableCell: {\n fontSize: '12px',\n letterSpacing: '0.4px',\n fontWeight: (props) => (props?.bold ? 500 : 400)\n },\n unityIconWrapper: {\n gap: theme.spacing(1)\n }\n}));\n\n/* #region CellUnityIcon /\n\ninterface CellUnityIconProps extends FluentCellProps {\n icon: string;\n size: string;\n color: string;\n align?: 'inherit' \| 'left' \| 'center' \| 'right' \| 'justify';\n className?: string;\n}\n\nconst CellUnityIcon = (props: Partial<CellUnityIconProps>) => {\n const theme = useTheme();\n const {\n icon = '',\n size = 'large',\n color = theme.palette.primary.main,\n children\n } = props;\n const classes = useStyles(props as FluentCellProps);\n\n return (\n <FluentCell {...props}>\n { / @ts-ignore / }\n <Box display='flex' alignItems='center' className={classes.unityIconWrapper}>\n <UnityFluentIcon\n size={size}\n color={color}\n icon={getIconFromName(icon)}\n />\n {children && children}\n </Box>\n </FluentCell>\n );\n};\n\n/ #endregion /\n\n/ #region CellIcon /\n\ninterface CellImageProps extends FluentCellProps {\n src: string;\n alt: string;\n title: string;\n style?: object;\n children: any;\n}\n\nconst CellImage = (props: CellImageProps) => (\n <FluentCell {...props}>\n <img src={props?.src} alt={props?.alt} style={props?.style} />\n {props?.title}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellIcon /\n\ninterface CellIconProps extends FluentCellProps {\n icon: any;\n label: string;\n style?: object;\n}\n\nconst CellIcon = (props: Partial<CellIconProps>) => (\n <FluentCell {...props}>\n <>\n {props?.label ? (\n // @ts-ignore\n <Box display='flex' alignItems='center' style={{ gap: '8px' }}>\n { / @ts-ignore / }\n <Box>{props?.icon}</Box>\n {props?.label}\n </Box>\n ) : (\n props?.icon\n )}\n {props?.children}\n </>\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellNumber /\n\ninterface CellNumberProps extends FluentCellProps {\n decimals?: number \| string;\n children: any;\n}\n\nconst CellNumber = (props: CellNumberProps) => (\n <FluentCell {...props}>\n {Number(props?.children).toFixed(Number(props?.decimals ?? 2))}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellDate /\n\ninterface CellDateProps extends FluentCellProps {\n format?: string;\n children: any;\n}\n\nconst CellDate = (props: CellDateProps) => (\n <FluentCell {...props}>\n {format(new Date(props?.children), props?.format \|\| 'MM/dd/yyyy')}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellCurrency /\n\ninterface CellCurrencyProps extends FluentCellProps {\n currencySymbol?: string;\n children: any;\n}\n\nconst CellCurrency = (props: CellCurrencyProps) => (\n <FluentCell {...props}>\n {props?.currencySymbol \|\| '$'}\n {props?.children}\n </FluentCell>\n);\n\n/ #endregion /\n\n/ #region CellText /\n\ninterface CellTextProps extends FluentCellProps {\n children: any;\n}\n\nconst CellText = (props: CellTextProps) => (\n <FluentCell {...props}>{props.children}</FluentCell>\n);\n\n/ #endregion /\n\n/ #region Chip /\n\ninterface CellChipProps extends FluentCellProps {\n status?: string;\n size?: string;\n children: any;\n}\n\nconst CellChip = (props: CellChipProps) => (\n <FluentCell {...props}>\n {/ @ts-ignore /}\n <StatusChip\n status={props?.status \|\| 'success'}\n label={props?.children}\n />\n </FluentCell>\n);\n/ #endregion */\n\ninterface FluentCellProps {\n scope?: string;\n bold?: boolean;\n style?: object;\n align?: 'inherit' \| 'left' \| 'center' \| 'right' \| 'justify';\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n tooltip?: string;\n}\n\nconst FluentCell = (props: FluentCellProps) => {\n const classes = useStyles(props);\n const { scope = 'row', style, align, colSpan, className, tooltip, children } = props;\n\n const cellContent = children;\n\n return (\n <TableCell\n scope={scope}\n className={clsx(classes.tableCell, className)}\n style={style}\n align={align}\n colSpan={colSpan}\n >\n {tooltip ? (\n <Tooltip title={tooltip \|\| ''} children={<span>{cellContent \|\| ''}</span>} />\n ) : (\n cellContent\n )}\n </TableCell>\n );\n};\n\nFluentCell.UnityIcon = CellUnityIcon;\nFluentCell.Icon = CellIcon;\nFluentCell.Number = CellNumber;\nFluentCell.Text = CellText;\nFluentCell.Currency = CellCurrency;\nFluentCell.Date = CellDate;\nFluentCell.Chip = CellChip;\nFluentCell.Image = CellImage;\n\nexport default FluentCell;\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAoC,WAAW;CAC/D,WAAW;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,UAAU;EACX;CACD,WAAW;EACT,UAAU;EACV,eAAe;EACf,aAAa,UAAW,OAAO,OAAO,MAAM;EAC7C;CACD,kBAAkB,EAChB,KAAK,MAAM,QAAQ,EAAE,EACtB;CACF,EAAE;AAYH,MAAM,iBAAiB,UAAuC;CAC5D,MAAM,QAAQ,UAAU;CACxB,MAAM,EACJ,OAAO,IACP,OAAO,SACP,QAAQ,MAAM,QAAQ,QAAQ,MAC9B,aACE;CACJ,MAAM,UAAU,UAAU,MAAyB;AAEnD,QACE,oCAAC,YAAe,OAEd,oCAAC;EAAI,SAAQ;EAAO,YAAW;EAAS,WAAW,QAAQ;IACzD,oCAAC;EACO;EACC;EACP,MAAM,gBAAgB,KAAK;GAC3B,EACD,YAAY,SACT,CACK;;AAgBjB,MAAM,aAAa,UACjB,oCAAC,YAAe,OACd,oCAAC;CAAI,KAAK,OAAO;CAAK,KAAK,OAAO;CAAK,OAAO,OAAO;EAAS,EAC7D,OAAO,MACG;AAaf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACd,0DACG,OAAO,QAEN,oCAAC;CAAI,SAAQ;CAAO,YAAW;CAAS,OAAO,EAAE,KAAK,OAAO;GAE3D,oCAAC,WAAK,OAAO,KAAW,EACvB,OAAO,MACJ,GAEN,OAAO,MAER,OAAO,SACP,CACQ;AAYf,MAAM,cAAc,UAClB,oCAAC,YAAe,OACb,OAAO,OAAO,SAAS,CAAC,QAAQ,OAAO,OAAO,YAAY,EAAE,CAAC,CACnD;AAYf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACb,OAAO,IAAI,KAAK,OAAO,SAAS,EAAE,OAAO,UAAU,aAAa,CACtD;AAYf,MAAM,gBAAgB,UACpB,oCAAC,YAAe,OACb,OAAO,kBAAkB,KACzB,OAAO,SACG;AAWf,MAAM,YAAY,UAChB,oCAAC,YAAe,OAAQ,MAAM,SAAsB;AAatD,MAAM,YAAY,UAChB,oCAAC,YAAe,OAEd,oCAAC;CACC,QAAQ,OAAO,UAAU;CACzB,OAAO,OAAO;EACd,CACS;AAef,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,QAAQ,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,aAAa;CAE/E,MAAM,cAAc;AAEpB,QACE,oCAAC;EACQ;EACP,WAAW,KAAK,QAAQ,WAAW,UAAU;EACtC;EACA;EACE;IAER,UACC,oCAAC;EAAQ,OAAO,WAAW;EAAI,UAAU,oCAAC,cAAM,eAAe,GAAU;GAAI,GAE7E,YAEQ;;AAIhB,WAAW,YAAY;AACvB,WAAW,OAAO;AAClB,WAAW,SAAS;AACpB,WAAW,OAAO;AAClB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,QAAQ;AAEnB,yBAAe"}

package/dist/{FluentDataTable-DSJUFEcj.js → FluentDataTable-C1rFIP0M.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as FluentBody_default } from "./FluentBody-DYCkAQLJ.js";
-import { t as FluentCell_default } from "./FluentCell-DAiFP70_.js";
-import { t as FluentHead_default } from "./FluentHead-CSmPbpND.js";
-import { t as FluentRow_default } from "./FluentRow-CKtQr_ut.js";
+import { t as FluentBody_default } from "./FluentBody-CBqwLzTG.js";
+import { t as FluentCell_default } from "./FluentCell-C1d53Ct2.js";
+import { t as FluentHead_default } from "./FluentHead-C1bs_iJK.js";
+import { t as FluentRow_default } from "./FluentRow-C_YJYbQ5.js";
 import React from "react";
 import { Table, TableContainer, makeStyles } from "@material-ui/core";
@@ -27,4 +27,4 @@ FluentDataTable.FluentRow = FluentRow_default;
 //#endregion
 export { FluentDataTable as t };
-//# sourceMappingURL=FluentDataTable-DSJUFEcj.js.map
+//# sourceMappingURL=FluentDataTable-C1rFIP0M.js.map

package/dist/{FluentDataTable-DSJUFEcj.js.map → FluentDataTable-C1rFIP0M.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentDataTable-~~DSJUFEcj~~.js","names":["FluentHead","FluentBody","FluentCell","FluentRow"],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx"],"sourcesContent":["import { Size, Table, TableContainer, makeStyles } from '@material-ui/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport FluentBody from './FluentBody';\nimport FluentCell from './FluentCell';\nimport FluentHead from './FluentHead';\nimport FluentRow from './FluentRow';\n\ninterface FluentDataTableProps {\n style?: object;\n size?: Size \| undefined;\n children: ReactNode;\n stickyHeader?: boolean;\n containerMaxHeight?: string \| number;\n}\n\ntype FluentDataTableComponent = React.FC<FluentDataTableProps> & {\n FluentHead: typeof FluentHead;\n FluentBody: typeof FluentBody;\n FluentCell: typeof FluentCell;\n FluentRow: typeof FluentRow;\n};\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n maxHeight: (props: any) => props?.containerMaxHeight\n }\n}));\n\nexport const FluentDataTable = ((props: FluentDataTableProps): ReactElement => {\n const { size = 'small', style, stickyHeader = false, containerMaxHeight } = props;\n const classes = useStyles({ containerMaxHeight });\n return (\n <TableContainer\n style={{ maxHeight: containerMaxHeight, height: '100%'}}\n >\n <Table\n aria-label='simple table'\n size={size}\n style={style}\n stickyHeader={stickyHeader}\n >\n {props?.children}\n </Table>\n </TableContainer>\n );\n}) as FluentDataTableComponent;\n\nFluentDataTable.FluentHead = FluentHead;\nFluentDataTable.FluentBody = FluentBody;\nFluentDataTable.FluentCell = FluentCell;\nFluentDataTable.FluentRow = FluentRow;\n"],"mappings":";;;;;;;;AAsBA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,YAAY,UAAe,OAAO,oBACnC,EACF,EAAE;AAEH,MAAa,oBAAoB,UAA8C;CAC7E,MAAM,EAAE,OAAO,SAAS,OAAO,eAAe,OAAO,uBAAuB;AAC5D,WAAU,EAAE,oBAAoB,CAAC;AACjD,QACE,oCAAC,kBACC,OAAO;EAAE,WAAW;EAAoB,QAAQ;EAAO,IAEvD,oCAAC;EACC,cAAW;EACL;EACC;EACO;IAEb,OAAO,SACF,CACO;;AAIrB,gBAAgB,aAAaA;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,YAAYC"}
1	+ {"version":3,"file":"FluentDataTable-C1rFIP0M.js","names":["FluentHead","FluentBody","FluentCell","FluentRow"],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx"],"sourcesContent":["import { Size, Table, TableContainer, makeStyles } from '@material-ui/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport FluentBody from './FluentBody';\nimport FluentCell from './FluentCell';\nimport FluentHead from './FluentHead';\nimport FluentRow from './FluentRow';\n\ninterface FluentDataTableProps {\n style?: object;\n size?: Size \| undefined;\n children: ReactNode;\n stickyHeader?: boolean;\n containerMaxHeight?: string \| number;\n}\n\ntype FluentDataTableComponent = React.FC<FluentDataTableProps> & {\n FluentHead: typeof FluentHead;\n FluentBody: typeof FluentBody;\n FluentCell: typeof FluentCell;\n FluentRow: typeof FluentRow;\n};\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n maxHeight: (props: any) => props?.containerMaxHeight\n }\n}));\n\nexport const FluentDataTable = ((props: FluentDataTableProps): ReactElement => {\n const { size = 'small', style, stickyHeader = false, containerMaxHeight } = props;\n const classes = useStyles({ containerMaxHeight });\n return (\n <TableContainer\n style={{ maxHeight: containerMaxHeight, height: '100%'}}\n >\n <Table\n aria-label='simple table'\n size={size}\n style={style}\n stickyHeader={stickyHeader}\n >\n {props?.children}\n </Table>\n </TableContainer>\n );\n}) as FluentDataTableComponent;\n\nFluentDataTable.FluentHead = FluentHead;\nFluentDataTable.FluentBody = FluentBody;\nFluentDataTable.FluentCell = FluentCell;\nFluentDataTable.FluentRow = FluentRow;\n"],"mappings":";;;;;;;;AAsBA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,YAAY,UAAe,OAAO,oBACnC,EACF,EAAE;AAEH,MAAa,oBAAoB,UAA8C;CAC7E,MAAM,EAAE,OAAO,SAAS,OAAO,eAAe,OAAO,uBAAuB;AAC5D,WAAU,EAAE,oBAAoB,CAAC;AACjD,QACE,oCAAC,kBACC,OAAO;EAAE,WAAW;EAAoB,QAAQ;EAAO,IAEvD,oCAAC;EACC,cAAW;EACL;EACC;EACO;IAEb,OAAO,SACF,CACO;;AAIrB,gBAAgB,aAAaA;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,YAAYC"}

package/dist/{FluentDisplayNumbers-B19-ZDmQ.js → FluentDisplayNumbers-C-zCWHot.js} RENAMED Viewed

@@ -48,4 +48,4 @@ var FluentDisplayNumbers_default = FluentDisplayNumbers;
 //#endregion
 export { FluentDisplayNumbers_default as t };
-//# sourceMappingURL=FluentDisplayNumbers-B19-ZDmQ.js.map
+//# sourceMappingURL=FluentDisplayNumbers-C-zCWHot.js.map

package/dist/{FluentDisplayNumbers-B19-ZDmQ.js.map → FluentDisplayNumbers-C-zCWHot.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentDisplayNumbers-~~B19~~-~~ZDmQ~~.js","names":[],"sources":["../src/UI/widgets/FluentComponents/atoms/FluentDisplayNumbers.jsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, Typography, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n },\n regular: {},\n small: {},\n number: {\n '$regular &': {\n fontSize: '4rem',\n },\n '$small &': {\n fontSize: 30,\n },\n },\n unit: {\n marginTop: theme.spacing(5),\n width: 25,\n height: 25,\n '$small &': {\n marginTop: '16px',\n width: '16px',\n height: '16px',\n '& .MuiTypography-subtitle1': {\n fontSize: '0.7rem',\n },\n },\n },\n unitValue: {\n marginTop: -1.75,\n },\n }),\n { name: 'FluentDisplayNumbers' }\n);\n\nconst FluentDisplayNumbers = props => {\n const classes = useStyles();\n const { small, number: rawNumber } = props;\n\n // TODO: Revisit below after Tampa Demo\n let no = [rawNumber, null];\n if (rawNumber > 1_000_000) {\n //no = [Math.floor(rawNumber / 1_000_000), 'M'];\n let newNumber = rawNumber / 1_000_000;\n no = [Math.round(newNumber * 10) / 10, 'M'];\n } else if (rawNumber > 1_000) {\n //no = [Math.floor(rawNumber / 1_000), 'k'];\n let newNumber = rawNumber / 1_000;\n no = [Math.round(newNumber * 10) / 10, 'k'];\n }\n const [number, unit] = no;\n\n return (\n <div\n className={clsx(classes.root, small ? classes.small : classes.regular)}\n >\n <Typography className={classes.number}>{number}</Typography>\n {unit && (\n <Avatar className={classes.unit}>\n <Typography variant=\"subtitle1\" className={classes.unitValue}>\n {unit}\n </Typography>\n </Avatar>\n )}\n </div>\n );\n};\n\nexport default FluentDisplayNumbers;\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAChB,WAAU;CACR,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EAAE;CACX,OAAO,EAAE;CACT,QAAQ;EACN,cAAc,EACZ,UAAU,QACX;EACD,YAAY,EACV,UAAU,IACX;EACF;CACD,MAAM;EACJ,WAAW,MAAM,QAAQ,EAAE;EAC3B,OAAO;EACP,QAAQ;EACR,YAAY;GACV,WAAW;GACX,OAAO;GACP,QAAQ;GACR,8BAA8B,EAC5B,UAAU,UACX;GACF;EACF;CACD,WAAW,EACT,WAAW,OACZ;CACF,GACD,EAAE,MAAM,wBAAwB,CACjC;AAED,MAAM,wBAAuB,UAAS;CACpC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,QAAQ,cAAc;CAGrC,IAAI,KAAK,CAAC,WAAW,KAAK;AAC1B,KAAI,YAAY,KAAW;EAEzB,IAAI,YAAY,YAAY;AAC5B,OAAK,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;YAClC,YAAY,KAAO;EAE5B,IAAI,YAAY,YAAY;AAC5B,OAAK,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;;CAE7C,MAAM,CAAC,QAAQ,QAAQ;AAEvB,QACE,oCAAC,SACC,WAAW,KAAK,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,IAEtE,oCAAC,cAAW,WAAW,QAAQ,UAAS,OAAoB,EAC3D,QACC,oCAAC,UAAO,WAAW,QAAQ,QACzB,oCAAC;EAAW,SAAQ;EAAY,WAAW,QAAQ;IAChD,KACU,CACN,CAEP;;AAIV,mCAAe"}
1	+ {"version":3,"file":"FluentDisplayNumbers-C-zCWHot.js","names":[],"sources":["../src/UI/widgets/FluentComponents/atoms/FluentDisplayNumbers.jsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, Typography, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n },\n regular: {},\n small: {},\n number: {\n '$regular &': {\n fontSize: '4rem',\n },\n '$small &': {\n fontSize: 30,\n },\n },\n unit: {\n marginTop: theme.spacing(5),\n width: 25,\n height: 25,\n '$small &': {\n marginTop: '16px',\n width: '16px',\n height: '16px',\n '& .MuiTypography-subtitle1': {\n fontSize: '0.7rem',\n },\n },\n },\n unitValue: {\n marginTop: -1.75,\n },\n }),\n { name: 'FluentDisplayNumbers' }\n);\n\nconst FluentDisplayNumbers = props => {\n const classes = useStyles();\n const { small, number: rawNumber } = props;\n\n // TODO: Revisit below after Tampa Demo\n let no = [rawNumber, null];\n if (rawNumber > 1_000_000) {\n //no = [Math.floor(rawNumber / 1_000_000), 'M'];\n let newNumber = rawNumber / 1_000_000;\n no = [Math.round(newNumber * 10) / 10, 'M'];\n } else if (rawNumber > 1_000) {\n //no = [Math.floor(rawNumber / 1_000), 'k'];\n let newNumber = rawNumber / 1_000;\n no = [Math.round(newNumber * 10) / 10, 'k'];\n }\n const [number, unit] = no;\n\n return (\n <div\n className={clsx(classes.root, small ? classes.small : classes.regular)}\n >\n <Typography className={classes.number}>{number}</Typography>\n {unit && (\n <Avatar className={classes.unit}>\n <Typography variant=\"subtitle1\" className={classes.unitValue}>\n {unit}\n </Typography>\n </Avatar>\n )}\n </div>\n );\n};\n\nexport default FluentDisplayNumbers;\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAChB,WAAU;CACR,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EAAE;CACX,OAAO,EAAE;CACT,QAAQ;EACN,cAAc,EACZ,UAAU,QACX;EACD,YAAY,EACV,UAAU,IACX;EACF;CACD,MAAM;EACJ,WAAW,MAAM,QAAQ,EAAE;EAC3B,OAAO;EACP,QAAQ;EACR,YAAY;GACV,WAAW;GACX,OAAO;GACP,QAAQ;GACR,8BAA8B,EAC5B,UAAU,UACX;GACF;EACF;CACD,WAAW,EACT,WAAW,OACZ;CACF,GACD,EAAE,MAAM,wBAAwB,CACjC;AAED,MAAM,wBAAuB,UAAS;CACpC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,QAAQ,cAAc;CAGrC,IAAI,KAAK,CAAC,WAAW,KAAK;AAC1B,KAAI,YAAY,KAAW;EAEzB,IAAI,YAAY,YAAY;AAC5B,OAAK,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;YAClC,YAAY,KAAO;EAE5B,IAAI,YAAY,YAAY;AAC5B,OAAK,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;;CAE7C,MAAM,CAAC,QAAQ,QAAQ;AAEvB,QACE,oCAAC,SACC,WAAW,KAAK,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,IAEtE,oCAAC,cAAW,WAAW,QAAQ,UAAS,OAAoB,EAC3D,QACC,oCAAC,UAAO,WAAW,QAAQ,QACzB,oCAAC;EAAW,SAAQ;EAAY,WAAW,QAAQ;IAChD,KACU,CACN,CAEP;;AAIV,mCAAe"}

package/dist/{FluentHead-CSmPbpND.js → FluentHead-C1bs_iJK.js} RENAMED Viewed

@@ -17,4 +17,4 @@ var FluentHead_default = FluentHead;
 //#endregion
 export { FluentHead_default as t };
-//# sourceMappingURL=FluentHead-CSmPbpND.js.map
+//# sourceMappingURL=FluentHead-C1bs_iJK.js.map

package/dist/{FluentHead-CSmPbpND.js.map → FluentHead-C1bs_iJK.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentHead-~~CSmPbpND~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentHead/index.tsx"],"sourcesContent":["import { TableHead, TableRow, makeStyles } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentHeadProps {\n background?: string;\n containerMaxHeight?: string \| number;\n style?: object;\n children: ReactNode;\n};\n\nconst useStyles = makeStyles((theme) => ({\n root: (props: FluentHeadProps) => ({\n maxHeight: props?.containerMaxHeight\n }),\n row: (props: FluentHeadProps) => ({\n backgroundColor: props?.background \|\| theme.palette.secondary.light,\n '& .MuiTableCell-stickyHeader': {\n backgroundColor: props?.background \|\| theme.palette.secondary.light\n }\n })\n}));\n\nconst FluentHead = (props: FluentHeadProps) => {\n const classes = useStyles(props);\n\n return (\n <TableHead style={{ ...props?.style, }}>\n <TableRow className={classes.row}>\n {props?.children}\n </TableRow>\n </TableHead >\n)};\n\nexport default FluentHead;"],"mappings":";;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO,WAA4B,EACjC,WAAW,OAAO,oBACnB;CACD,MAAM,WAA4B;EAChC,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU;EAC9D,gCAAgC,EAC9B,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU,OAC/D;EACF;CACF,EAAE;AAEH,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;AAEhC,QACA,oCAAC,aAAU,OAAO,EAAE,GAAG,OAAO,OAAS,IACrC,oCAAC,YAAS,WAAW,QAAQ,OAC1B,OAAO,SACC,CACA;;AAGf,yBAAe"}
1	+ {"version":3,"file":"FluentHead-C1bs_iJK.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentHead/index.tsx"],"sourcesContent":["import { TableHead, TableRow, makeStyles } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentHeadProps {\n background?: string;\n containerMaxHeight?: string \| number;\n style?: object;\n children: ReactNode;\n};\n\nconst useStyles = makeStyles((theme) => ({\n root: (props: FluentHeadProps) => ({\n maxHeight: props?.containerMaxHeight\n }),\n row: (props: FluentHeadProps) => ({\n backgroundColor: props?.background \|\| theme.palette.secondary.light,\n '& .MuiTableCell-stickyHeader': {\n backgroundColor: props?.background \|\| theme.palette.secondary.light\n }\n })\n}));\n\nconst FluentHead = (props: FluentHeadProps) => {\n const classes = useStyles(props);\n\n return (\n <TableHead style={{ ...props?.style, }}>\n <TableRow className={classes.row}>\n {props?.children}\n </TableRow>\n </TableHead >\n)};\n\nexport default FluentHead;"],"mappings":";;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO,WAA4B,EACjC,WAAW,OAAO,oBACnB;CACD,MAAM,WAA4B;EAChC,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU;EAC9D,gCAAgC,EAC9B,iBAAiB,OAAO,cAAc,MAAM,QAAQ,UAAU,OAC/D;EACF;CACF,EAAE;AAEH,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;AAEhC,QACA,oCAAC,aAAU,OAAO,EAAE,GAAG,OAAO,OAAS,IACrC,oCAAC,YAAS,WAAW,QAAQ,OAC1B,OAAO,SACC,CACA;;AAGf,yBAAe"}

package/dist/{FluentIconKey-BrmI7bK7.js → FluentIconKey-BWCFV9Qs.js} RENAMED Viewed

@@ -38,4 +38,4 @@ var FluentIconKey_default = memo(IconKey);
 //#endregion
 export { FluentIconKey_default as t };
-//# sourceMappingURL=FluentIconKey-BrmI7bK7.js.map
+//# sourceMappingURL=FluentIconKey-BWCFV9Qs.js.map

package/dist/{FluentIconKey-BrmI7bK7.js.map → FluentIconKey-BWCFV9Qs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentIconKey-~~BrmI7bK7~~.js","names":[],"sources":["../src/UI/dataDisplay/map/FluentIconKey.jsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { ButtonBase, makeStyles, Paper, Tooltip } from '@material-ui/core';\nimport {FluentIcon} from '../../../utilities/iconLibrary/FluentIcon';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: 10,\n height: 10,\n paddingTop: theme.spacing(2.5),\n paddingBottom: theme.spacing(5.5),\n paddingLeft: theme.spacing(3.5),\n paddingRight: theme.spacing(5.5),\n margin: theme.spacing(0.25),\n cursor: 'pointer',\n\n '&:hover': {\n boxShadow: theme.shadows[1],\n },\n },\n images: {\n height: theme.spacing(2.25),\n width: theme.spacing(2.25),\n },\n}));\n\nconst IconKey = props => {\n const classes = useStyles();\n const { icon, select, tooltip, iconType } = props;\n\n return (\n <ButtonBase onClick={select}>\n <Tooltip title={tooltip} placement=\"top\">\n <Paper elevation={0} square className={classes.root} variant=\"outlined\">\n <div>\n {iconType === 'unity' ? (\n <UnityFluentIcon component={icon} />\n ) : (\n <FluentIcon component={icon} />\n )}\n </div>\n </Paper>\n </Tooltip>\n </ButtonBase>\n );\n};\nexport default memo(IconKey);\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,YAAY,MAAM,QAAQ,IAAI;EAC9B,eAAe,MAAM,QAAQ,IAAI;EACjC,aAAa,MAAM,QAAQ,IAAI;EAC/B,cAAc,MAAM,QAAQ,IAAI;EAChC,QAAQ,MAAM,QAAQ,IAAK;EAC3B,QAAQ;EAER,WAAW,EACT,WAAW,MAAM,QAAQ,IAC1B;EACF;CACD,QAAQ;EACN,QAAQ,MAAM,QAAQ,KAAK;EAC3B,OAAO,MAAM,QAAQ,KAAK;EAC3B;CACF,EAAE;AAEH,MAAM,WAAU,UAAS;CACvB,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,QAAQ,SAAS,aAAa;AAE5C,QACE,oCAAC,cAAW,SAAS,UACnB,oCAAC;EAAQ,OAAO;EAAS,WAAU;IACjC,oCAAC;EAAM,WAAW;EAAG;EAAO,WAAW,QAAQ;EAAM,SAAQ;IAC3D,oCAAC,aACE,aAAa,UACZ,oCAAC,mBAAgB,WAAW,OAAQ,GAEpC,oCAAC,cAAW,WAAW,OAAQ,CAE7B,CACA,CACA,CACC;;AAGjB,4BAAe,KAAK,QAAQ"}
1	+ {"version":3,"file":"FluentIconKey-BWCFV9Qs.js","names":[],"sources":["../src/UI/dataDisplay/map/FluentIconKey.jsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { ButtonBase, makeStyles, Paper, Tooltip } from '@material-ui/core';\nimport {FluentIcon} from '../../../utilities/iconLibrary/FluentIcon';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: 10,\n height: 10,\n paddingTop: theme.spacing(2.5),\n paddingBottom: theme.spacing(5.5),\n paddingLeft: theme.spacing(3.5),\n paddingRight: theme.spacing(5.5),\n margin: theme.spacing(0.25),\n cursor: 'pointer',\n\n '&:hover': {\n boxShadow: theme.shadows[1],\n },\n },\n images: {\n height: theme.spacing(2.25),\n width: theme.spacing(2.25),\n },\n}));\n\nconst IconKey = props => {\n const classes = useStyles();\n const { icon, select, tooltip, iconType } = props;\n\n return (\n <ButtonBase onClick={select}>\n <Tooltip title={tooltip} placement=\"top\">\n <Paper elevation={0} square className={classes.root} variant=\"outlined\">\n <div>\n {iconType === 'unity' ? (\n <UnityFluentIcon component={icon} />\n ) : (\n <FluentIcon component={icon} />\n )}\n </div>\n </Paper>\n </Tooltip>\n </ButtonBase>\n );\n};\nexport default memo(IconKey);\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,YAAY,MAAM,QAAQ,IAAI;EAC9B,eAAe,MAAM,QAAQ,IAAI;EACjC,aAAa,MAAM,QAAQ,IAAI;EAC/B,cAAc,MAAM,QAAQ,IAAI;EAChC,QAAQ,MAAM,QAAQ,IAAK;EAC3B,QAAQ;EAER,WAAW,EACT,WAAW,MAAM,QAAQ,IAC1B;EACF;CACD,QAAQ;EACN,QAAQ,MAAM,QAAQ,KAAK;EAC3B,OAAO,MAAM,QAAQ,KAAK;EAC3B;CACF,EAAE;AAEH,MAAM,WAAU,UAAS;CACvB,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,QAAQ,SAAS,aAAa;AAE5C,QACE,oCAAC,cAAW,SAAS,UACnB,oCAAC;EAAQ,OAAO;EAAS,WAAU;IACjC,oCAAC;EAAM,WAAW;EAAG;EAAO,WAAW,QAAQ;EAAM,SAAQ;IAC3D,oCAAC,aACE,aAAa,UACZ,oCAAC,mBAAgB,WAAW,OAAQ,GAEpC,oCAAC,cAAW,WAAW,OAAQ,CAE7B,CACA,CACA,CACC;;AAGjB,4BAAe,KAAK,QAAQ"}

package/dist/{FluentLink-DP2eDAH2.js → FluentLink-D-gKioCQ.js} RENAMED Viewed

@@ -36,4 +36,4 @@ const FluentLink = (props) => {
 //#endregion
 export { FluentLink as t };
-//# sourceMappingURL=FluentLink-DP2eDAH2.js.map
+//# sourceMappingURL=FluentLink-D-gKioCQ.js.map

package/dist/{FluentLink-DP2eDAH2.js.map → FluentLink-D-gKioCQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentLink-~~DP2eDAH2~~.js","names":["Link","MuiLink"],"sources":["../src/UI/inputs/link/FluentLink.jsx"],"sourcesContent":["import React from 'react'\nimport { Link } from 'react-router-dom'\nimport {\n Typography,\n Link as MuiLink,\n makeStyles,\n useTheme\n} from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n textDecoration: 'none',\n '& > * + *': {\n marginLeft: theme.spacing(2)\n }\n },\n link: {\n textDecoration: 'none',\n fontWeight: 700\n }\n}))\n\nexport const FluentLink = (props) => {\n const {\n icon,\n alt,\n label,\n children,\n activeClassName,\n to,\n linkColor,\n ...otherProps\n } = props\n const theme = useTheme()\n const classes = useStyles()\n\n return to && to.substring(0, 4) !== 'http' ? (\n <Link\n to={to}\n activeClassName={activeClassName}\n className={classes.link}\n style={{\n color:\n linkColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main\n }}\n >\n {children}\n </Link>\n ) : (\n <Typography component='div' className={classes.root}>\n <MuiLink\n {...otherProps}\n href={to}\n color={linkColor}\n variant='body1'\n style={{ textDecoration: 'none' }}\n >\n {children}\n </MuiLink>\n </Typography>\n )\n}\n"],"mappings":";;;;;AASA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,gBAAgB;EAChB,aAAa,EACX,YAAY,MAAM,QAAQ,EAAE,EAC7B;EACF;CACD,MAAM;EACJ,gBAAgB;EAChB,YAAY;EACb;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,EACJ,MACA,KACA,OACA,UACA,iBACA,IACA,WACA,GAAG,eACD;CACJ,MAAM,QAAQ,UAAU;CACxB,MAAM,UAAU,WAAW;AAE3B,QAAO,MAAM,GAAG,UAAU,GAAG,EAAE,KAAK,SAClC,oCAACA;EACK;EACa;EACjB,WAAW,QAAQ;EACnB,OAAO,EACL,OACE,cAAc,YACV,MAAM,QAAQ,QAAQ,OACtB,MAAM,QAAQ,UAAU,MAC/B;IAEA,SACI,GAEP,oCAAC;EAAW,WAAU;EAAM,WAAW,QAAQ;IAC7C,oCAACC;EACC,GAAI;EACJ,MAAM;EACN,OAAO;EACP,SAAQ;EACR,OAAO,EAAE,gBAAgB,QAAQ;IAEhC,SACO,CACC"}
1	+ {"version":3,"file":"FluentLink-D-gKioCQ.js","names":["Link","MuiLink"],"sources":["../src/UI/inputs/link/FluentLink.jsx"],"sourcesContent":["import React from 'react'\nimport { Link } from 'react-router-dom'\nimport {\n Typography,\n Link as MuiLink,\n makeStyles,\n useTheme\n} from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n textDecoration: 'none',\n '& > * + *': {\n marginLeft: theme.spacing(2)\n }\n },\n link: {\n textDecoration: 'none',\n fontWeight: 700\n }\n}))\n\nexport const FluentLink = (props) => {\n const {\n icon,\n alt,\n label,\n children,\n activeClassName,\n to,\n linkColor,\n ...otherProps\n } = props\n const theme = useTheme()\n const classes = useStyles()\n\n return to && to.substring(0, 4) !== 'http' ? (\n <Link\n to={to}\n activeClassName={activeClassName}\n className={classes.link}\n style={{\n color:\n linkColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main\n }}\n >\n {children}\n </Link>\n ) : (\n <Typography component='div' className={classes.root}>\n <MuiLink\n {...otherProps}\n href={to}\n color={linkColor}\n variant='body1'\n style={{ textDecoration: 'none' }}\n >\n {children}\n </MuiLink>\n </Typography>\n )\n}\n"],"mappings":";;;;;AASA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,gBAAgB;EAChB,aAAa,EACX,YAAY,MAAM,QAAQ,EAAE,EAC7B;EACF;CACD,MAAM;EACJ,gBAAgB;EAChB,YAAY;EACb;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,EACJ,MACA,KACA,OACA,UACA,iBACA,IACA,WACA,GAAG,eACD;CACJ,MAAM,QAAQ,UAAU;CACxB,MAAM,UAAU,WAAW;AAE3B,QAAO,MAAM,GAAG,UAAU,GAAG,EAAE,KAAK,SAClC,oCAACA;EACK;EACa;EACjB,WAAW,QAAQ;EACnB,OAAO,EACL,OACE,cAAc,YACV,MAAM,QAAQ,QAAQ,OACtB,MAAM,QAAQ,UAAU,MAC/B;IAEA,SACI,GAEP,oCAAC;EAAW,WAAU;EAAM,WAAW,QAAQ;IAC7C,oCAACC;EACC,GAAI;EACJ,MAAM;EACN,OAAO;EACP,SAAQ;EACR,OAAO,EAAE,gBAAgB,QAAQ;IAEhC,SACO,CACC"}

package/dist/{FluentListItem-C1jkO1cj.js → FluentListItem-_Nq3fhEY.js} RENAMED Viewed

@@ -96,4 +96,4 @@ const FluentListItem = (props) => {
 //#endregion
 export { FluentListItem as t };
-//# sourceMappingURL=FluentListItem-C1jkO1cj.js.map
+//# sourceMappingURL=FluentListItem-_Nq3fhEY.js.map

package/dist/{FluentListItem-C1jkO1cj.js.map → FluentListItem-_Nq3fhEY.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentListItem-~~C1jkO1cj~~.js","names":["Typography"],"sources":["../src/UI/dataDisplay/FluentListItem.jsx"],"sourcesContent":["/* eslint-disable react/self-closing-comp /\nimport React, { useState } from 'react';\nimport { makeStyles, Divider, Collapse } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Typography } from './typography/Typography';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n height: theme.spacing(5)\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row'\n },\n titleWrapper: {\n display: 'flex',\n width: '100%',\n textAlign: 'left',\n alignItems: 'center'\n },\n title: {\n flex: 1\n },\n progress: {\n height: 2,\n '&::after': {\n content: `''`,\n display: 'block',\n background: theme.palette.secondary.main,\n width: (props) => (props.progress / props.total) 425,\n height: '100%'\n }\n },\n iconStart: {\n marginRight: theme.spacing(1)\n },\n iconEnd: {\n marginLeft: theme.spacing(1)\n },\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n iconSpace: {\n width: theme.spacing(2.75)\n },\n valueWrapper: {\n display: 'flex',\n alignItems: 'center'\n },\n valueIcon: {\n marginRight: theme.spacing(1)\n },\n checkbox: {\n marginRight: theme.spacing(1),\n padding: '0px'\n }\n }),\n { name: 'FluentListItem' }\n);\n\nexport const FluentListItem = (props) => {\n const classes = useStyles(props);\n const {\n subject,\n value,\n visualization,\n boldSubject = true,\n expandable = false,\n valueTextColor,\n icon,\n iconColor,\n iconEnd = true,\n valueIcon,\n valueIconColor,\n hideDivider = false,\n children,\n expandedDefaultValue = false,\n keepIconLeftSpace = false,\n keepIconRightSpace = false,\n defaultChecked = false,\n onCheckEvent\n } = props;\n const [expandItem, setExpandItem] = useState(expandedDefaultValue);\n\n const handleOnClick = () => {\n setExpandItem(!expandItem);\n };\n\n return (\n <div>\n <div className={classes.root} onClick={expandable ? handleOnClick : null}>\n <div className={classes.wrapper}>\n <div className={classes.titleWrapper}>\n {keepIconLeftSpace && (!expandable \|\| iconEnd) && (\n <div className={classes.iconSpace}></div>\n )}\n {onCheckEvent && (\n <FluentCheckbox\n defaultChecked={defaultChecked}\n onChange={onCheckEvent}\n className={classes.checkbox}\n />\n )}\n {(icon \|\| expandable) && !iconEnd && (\n <FluentIcon\n component={expandable ? ChevronDownIcon : icon}\n color={iconColor}\n className={clsx(classes.iconStart, {\n [classes.expand]: expandable,\n [classes.expandOpen]: expandable && expandItem\n })}\n size='small'\n />\n )}\n\n <div className={classes.title}>\n <Typography variant='body1'>\n {boldSubject ? <strong>{subject}</strong> : subject}\n </Typography>\n </div>\n <LayoutUnit unit='nudge' />\n <div className={classes.valueWrapper}>\n {valueIcon && (\n <FluentIcon\n component={valueIcon}\n color={valueIconColor}\n className={classes.valueIcon}\n size='small'\n />\n )}\n <Typography variant='body1' color={valueTextColor}>\n {value}\n </Typography>\n </div>\n\n {(icon \|\| expandable) && iconEnd && (\n <FluentIcon\n component={expandable ? ChevronDownIcon : icon}\n color={iconColor}\n className={clsx(classes.iconEnd, {\n [classes.expand]: expandable,\n [classes.expandOpen]: expandable && expandItem\n })}\n size='small'\n />\n )}\n {keepIconRightSpace && (!expandable \|\| !iconEnd) && (\n <div className={classes.iconSpace}></div>\n )}\n </div>\n </div>\n <LayoutUnit unit='nudge' />\n {!hideDivider && (\n <Divider className={visualization && classes.progress} />\n )}\n </div>\n <Collapse in={expandItem} timeout='auto' unmountOnExit>\n <div>{children}</div>\n </Collapse>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"FluentListItem-_Nq3fhEY.js","names":["Typography"],"sources":["../src/UI/dataDisplay/FluentListItem.jsx"],"sourcesContent":["/* eslint-disable react/self-closing-comp /\nimport React, { useState } from 'react';\nimport { makeStyles, Divider, Collapse } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { Typography } from './typography/Typography';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n height: theme.spacing(5)\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row'\n },\n titleWrapper: {\n display: 'flex',\n width: '100%',\n textAlign: 'left',\n alignItems: 'center'\n },\n title: {\n flex: 1\n },\n progress: {\n height: 2,\n '&::after': {\n content: `''`,\n display: 'block',\n background: theme.palette.secondary.main,\n width: (props) => (props.progress / props.total) 425,\n height: '100%'\n }\n },\n iconStart: {\n marginRight: theme.spacing(1)\n },\n iconEnd: {\n marginLeft: theme.spacing(1)\n },\n expand: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest\n })\n },\n expandOpen: {\n transform: 'rotate(180deg)'\n },\n iconSpace: {\n width: theme.spacing(2.75)\n },\n valueWrapper: {\n display: 'flex',\n alignItems: 'center'\n },\n valueIcon: {\n marginRight: theme.spacing(1)\n },\n checkbox: {\n marginRight: theme.spacing(1),\n padding: '0px'\n }\n }),\n { name: 'FluentListItem' }\n);\n\nexport const FluentListItem = (props) => {\n const classes = useStyles(props);\n const {\n subject,\n value,\n visualization,\n boldSubject = true,\n expandable = false,\n valueTextColor,\n icon,\n iconColor,\n iconEnd = true,\n valueIcon,\n valueIconColor,\n hideDivider = false,\n children,\n expandedDefaultValue = false,\n keepIconLeftSpace = false,\n keepIconRightSpace = false,\n defaultChecked = false,\n onCheckEvent\n } = props;\n const [expandItem, setExpandItem] = useState(expandedDefaultValue);\n\n const handleOnClick = () => {\n setExpandItem(!expandItem);\n };\n\n return (\n <div>\n <div className={classes.root} onClick={expandable ? handleOnClick : null}>\n <div className={classes.wrapper}>\n <div className={classes.titleWrapper}>\n {keepIconLeftSpace && (!expandable \|\| iconEnd) && (\n <div className={classes.iconSpace}></div>\n )}\n {onCheckEvent && (\n <FluentCheckbox\n defaultChecked={defaultChecked}\n onChange={onCheckEvent}\n className={classes.checkbox}\n />\n )}\n {(icon \|\| expandable) && !iconEnd && (\n <FluentIcon\n component={expandable ? ChevronDownIcon : icon}\n color={iconColor}\n className={clsx(classes.iconStart, {\n [classes.expand]: expandable,\n [classes.expandOpen]: expandable && expandItem\n })}\n size='small'\n />\n )}\n\n <div className={classes.title}>\n <Typography variant='body1'>\n {boldSubject ? <strong>{subject}</strong> : subject}\n </Typography>\n </div>\n <LayoutUnit unit='nudge' />\n <div className={classes.valueWrapper}>\n {valueIcon && (\n <FluentIcon\n component={valueIcon}\n color={valueIconColor}\n className={classes.valueIcon}\n size='small'\n />\n )}\n <Typography variant='body1' color={valueTextColor}>\n {value}\n </Typography>\n </div>\n\n {(icon \|\| expandable) && iconEnd && (\n <FluentIcon\n component={expandable ? ChevronDownIcon : icon}\n color={iconColor}\n className={clsx(classes.iconEnd, {\n [classes.expand]: expandable,\n [classes.expandOpen]: expandable && expandItem\n })}\n size='small'\n />\n )}\n {keepIconRightSpace && (!expandable \|\| !iconEnd) && (\n <div className={classes.iconSpace}></div>\n )}\n </div>\n </div>\n <LayoutUnit unit='nudge' />\n {!hideDivider && (\n <Divider className={visualization && classes.progress} />\n )}\n </div>\n <Collapse in={expandItem} timeout='auto' unmountOnExit>\n <div>{children}</div>\n </Collapse>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/{FluentRadioGroup-VDeXDwBv.js → FluentRadioGroup-Cfldr9dO.js} RENAMED Viewed

@@ -28,4 +28,4 @@ const FluentRadioGroup = (props) => {
 //#endregion
 export { FluentRadio as n, FluentRadioGroup as t };
-//# sourceMappingURL=FluentRadioGroup-VDeXDwBv.js.map
+//# sourceMappingURL=FluentRadioGroup-Cfldr9dO.js.map

package/dist/{FluentRadioGroup-VDeXDwBv.js.map → FluentRadioGroup-Cfldr9dO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentRadioGroup-~~VDeXDwBv~~.js","names":[],"sources":["../src/UI/inputs/radio/FluentRadio.jsx","../src/UI/inputs/radio/FluentRadioGroup.jsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '@material-ui/core';\n\nexport const FluentRadio = props => {\n const {\n label,\n value,\n variant = 'outlined',\n color = 'secondary',\n ...otherProps\n } = props;\n\n return (\n <Radio\n id={'udpRecord-radio-' + value}\n updrecordid={'udpRecord-radio-' + value}\n label={label}\n value={value}\n variant={variant}\n color={color}\n {...otherProps}\n />\n );\n};\n","import React from 'react';\nimport { RadioGroup } from '@material-ui/core';\n\nexport const FluentRadioGroup = props => {\n const {\n name,\n value,\n ...otherProps\n } = props;\n\n return (\n <RadioGroup\n name={name}\n value={value}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;;;AAGA,MAAa,eAAc,UAAS;CAClC,MAAM,EACJ,OACA,OACA,UAAU,YACV,QAAQ,aACR,GAAG,eACD;AAEJ,QACE,oCAAC;EACC,IAAI,qBAAqB;EACzB,aAAa,qBAAqB;EAC3B;EACA;EACE;EACF;EACP,GAAI;GACJ;;;;;AClBN,MAAa,oBAAmB,UAAS;CACvC,MAAM,EACJ,MACA,OACA,GAAG,eACD;AAEJ,QACE,oCAAC;EACO;EACC;EACP,GAAI;GACJ"}
1	+ {"version":3,"file":"FluentRadioGroup-Cfldr9dO.js","names":[],"sources":["../src/UI/inputs/radio/FluentRadio.jsx","../src/UI/inputs/radio/FluentRadioGroup.jsx"],"sourcesContent":["import React from 'react';\nimport { Radio } from '@material-ui/core';\n\nexport const FluentRadio = props => {\n const {\n label,\n value,\n variant = 'outlined',\n color = 'secondary',\n ...otherProps\n } = props;\n\n return (\n <Radio\n id={'udpRecord-radio-' + value}\n updrecordid={'udpRecord-radio-' + value}\n label={label}\n value={value}\n variant={variant}\n color={color}\n {...otherProps}\n />\n );\n};\n","import React from 'react';\nimport { RadioGroup } from '@material-ui/core';\n\nexport const FluentRadioGroup = props => {\n const {\n name,\n value,\n ...otherProps\n } = props;\n\n return (\n <RadioGroup\n name={name}\n value={value}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;;;AAGA,MAAa,eAAc,UAAS;CAClC,MAAM,EACJ,OACA,OACA,UAAU,YACV,QAAQ,aACR,GAAG,eACD;AAEJ,QACE,oCAAC;EACC,IAAI,qBAAqB;EACzB,aAAa,qBAAqB;EAC3B;EACA;EACE;EACF;EACP,GAAI;GACJ;;;;;AClBN,MAAa,oBAAmB,UAAS;CACvC,MAAM,EACJ,MACA,OACA,GAAG,eACD;AAEJ,QACE,oCAAC;EACO;EACC;EACP,GAAI;GACJ"}

package/dist/{FluentRow-CKtQr_ut.js → FluentRow-C_YJYbQ5.js} RENAMED Viewed

@@ -15,4 +15,4 @@ var FluentRow_default = FluentRow;
 //#endregion
 export { FluentRow_default as t };
-//# sourceMappingURL=FluentRow-CKtQr_ut.js.map
+//# sourceMappingURL=FluentRow-C_YJYbQ5.js.map

package/dist/{FluentRow-CKtQr_ut.js.map → FluentRow-C_YJYbQ5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentRow-~~CKtQr_ut~~.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentRow/index.tsx"],"sourcesContent":["import { TableRow } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentRowProps {\n className?: string;\n children: ReactNode;\n onClick?: () => void;\n}\n\nconst FluentRow = (props: FluentRowProps) => {\n const { className, children, onClick, ...otherProps } = props;\n\n return (\n <TableRow\n className={className}\n onClick={onClick \|\| undefined}\n {...otherProps}\n style={onClick ? { cursor: 'pointer'} : undefined}\n >\n {children}\n </TableRow>\n );\n};\n\nexport default FluentRow;\n"],"mappings":";;;;AASA,MAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,UAAU,SAAS,GAAG,eAAe;AAExD,QACE,oCAAC;EACY;EACX,SAAS,WAAW;EACpB,GAAI;EACJ,OAAO,UAAU,EAAE,QAAS,WAAU,GAAG;IAExC,SACQ;;AAIf,wBAAe"}
1	+ {"version":3,"file":"FluentRow-C_YJYbQ5.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentRow/index.tsx"],"sourcesContent":["import { TableRow } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentRowProps {\n className?: string;\n children: ReactNode;\n onClick?: () => void;\n}\n\nconst FluentRow = (props: FluentRowProps) => {\n const { className, children, onClick, ...otherProps } = props;\n\n return (\n <TableRow\n className={className}\n onClick={onClick \|\| undefined}\n {...otherProps}\n style={onClick ? { cursor: 'pointer'} : undefined}\n >\n {children}\n </TableRow>\n );\n};\n\nexport default FluentRow;\n"],"mappings":";;;;AASA,MAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,UAAU,SAAS,GAAG,eAAe;AAExD,QACE,oCAAC;EACY;EACX,SAAS,WAAW;EACpB,GAAI;EACJ,OAAO,UAAU,EAAE,QAAS,WAAU,GAAG;IAExC,SACQ;;AAIf,wBAAe"}

package/dist/{FluentSecondaryStatNumber-DM9Vu0hV.js → FluentSecondaryStatNumber-CDTlsa6u.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as FluentStatNumber_default } from "./FluentStatNumber-D-5-RvKv.js";
+import { t as FluentStatNumber_default } from "./FluentStatNumber-BYwIRVrE.js";
 import React from "react";
 import { makeStyles } from "@material-ui/core";
@@ -55,4 +55,4 @@ var FluentSecondaryStatNumber_default = FluentSecondaryStatNumber;
 //#endregion
 export { FluentPrimaryStatNumber_default as n, FluentSecondaryStatNumber_default as t };
-//# sourceMappingURL=FluentSecondaryStatNumber-DM9Vu0hV.js.map
+//# sourceMappingURL=FluentSecondaryStatNumber-CDTlsa6u.js.map

package/dist/{FluentSecondaryStatNumber-DM9Vu0hV.js.map → FluentSecondaryStatNumber-CDTlsa6u.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FluentSecondaryStatNumber-~~DM9Vu0hV~~.js","names":["useStyles","FluentStatNumbers","FluentStatNumber"],"sources":["../src/UI/widgets/FluentComponents/molecules/FluentPrimaryStatNumber.jsx","../src/UI/widgets/FluentComponents/molecules/FluentSecondaryStatNumber.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport FluentStatNumbers from './FluentStatNumber';\n\nconst useStyles = makeStyles(\n theme => ({\n displayRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n smallDisplay: {\n marginTop: theme.spacing(6),\n marginLeft: theme.spacing(3),\n },\n divider: {\n height: theme.spacing(6),\n marginTop: theme.spacing(6.5),\n marginLeft: theme.spacing(2),\n },\n }),\n { next: 'FluentPrimaryStatNumber' }\n);\n\nconst FluentPrimaryStatNumber = props => {\n const classes = useStyles();\n\n const { mainStat, mainLabel } = props;\n\n return (\n <div className={classes.displayRow}>\n <FluentStatNumbers label={mainLabel} number={mainStat} />\n </div>\n );\n};\n\nexport default FluentPrimaryStatNumber;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport FluentStatNumber from './FluentStatNumber';\n\nconst useStyles = makeStyles(theme => ({\n displayRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n // smallDisplay: {\n // marginTop: theme.spacing(6),\n // },\n divider: {\n height: theme.spacing(6),\n marginTop: theme.spacing(6.5),\n marginLeft: theme.spacing(1),\n },\n}));\n\nconst FluentSecondaryStatNumber = props => {\n const classes = useStyles();\n\n const { secondaryStat, secondaryLabel, trend } = props;\n\n return (\n <div className={classes.displayRow}>\n <div className={classes.smallDisplay}>\n <FluentStatNumber\n small\n trend={trend}\n label={secondaryLabel}\n number={secondaryStat}\n />\n </div>\n </div>\n );\n};\n\nexport default FluentSecondaryStatNumber;\n"],"mappings":";;;;;AAIA,MAAMA,cAAY,YAChB,WAAU;CACR,YAAY;EACV,SAAS;EACT,eAAe;EAChB;CACD,cAAc;EACZ,WAAW,MAAM,QAAQ,EAAE;EAC3B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACD,SAAS;EACP,QAAQ,MAAM,QAAQ,EAAE;EACxB,WAAW,MAAM,QAAQ,IAAI;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,GACD,EAAE,MAAM,2BAA2B,CACpC;AAED,MAAM,2BAA0B,UAAS;CACvC,MAAM,UAAUA,aAAW;CAE3B,MAAM,EAAE,UAAU,cAAc;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAACC;EAAkB,OAAO;EAAW,QAAQ;GAAY,CACrD;;AAIV,sCAAe;;;;AC/Bf,MAAM,YAAY,YAAW,WAAU;CACrC,YAAY;EACV,SAAS;EACT,eAAe;EAChB;CAID,SAAS;EACP,QAAQ,MAAM,QAAQ,EAAE;EACxB,WAAW,MAAM,QAAQ,IAAI;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAM,6BAA4B,UAAS;CACzC,MAAM,UAAU,WAAW;CAE3B,MAAM,EAAE,eAAe,gBAAgB,UAAU;AAEjD,QACE,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAACC;EACC;EACO;EACP,OAAO;EACP,QAAQ;GACR,CACE,CACF;;AAIV,wCAAe"}
1	+ {"version":3,"file":"FluentSecondaryStatNumber-CDTlsa6u.js","names":["useStyles","FluentStatNumbers","FluentStatNumber"],"sources":["../src/UI/widgets/FluentComponents/molecules/FluentPrimaryStatNumber.jsx","../src/UI/widgets/FluentComponents/molecules/FluentSecondaryStatNumber.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport FluentStatNumbers from './FluentStatNumber';\n\nconst useStyles = makeStyles(\n theme => ({\n displayRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n smallDisplay: {\n marginTop: theme.spacing(6),\n marginLeft: theme.spacing(3),\n },\n divider: {\n height: theme.spacing(6),\n marginTop: theme.spacing(6.5),\n marginLeft: theme.spacing(2),\n },\n }),\n { next: 'FluentPrimaryStatNumber' }\n);\n\nconst FluentPrimaryStatNumber = props => {\n const classes = useStyles();\n\n const { mainStat, mainLabel } = props;\n\n return (\n <div className={classes.displayRow}>\n <FluentStatNumbers label={mainLabel} number={mainStat} />\n </div>\n );\n};\n\nexport default FluentPrimaryStatNumber;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport FluentStatNumber from './FluentStatNumber';\n\nconst useStyles = makeStyles(theme => ({\n displayRow: {\n display: 'flex',\n flexDirection: 'row',\n },\n // smallDisplay: {\n // marginTop: theme.spacing(6),\n // },\n divider: {\n height: theme.spacing(6),\n marginTop: theme.spacing(6.5),\n marginLeft: theme.spacing(1),\n },\n}));\n\nconst FluentSecondaryStatNumber = props => {\n const classes = useStyles();\n\n const { secondaryStat, secondaryLabel, trend } = props;\n\n return (\n <div className={classes.displayRow}>\n <div className={classes.smallDisplay}>\n <FluentStatNumber\n small\n trend={trend}\n label={secondaryLabel}\n number={secondaryStat}\n />\n </div>\n </div>\n );\n};\n\nexport default FluentSecondaryStatNumber;\n"],"mappings":";;;;;AAIA,MAAMA,cAAY,YAChB,WAAU;CACR,YAAY;EACV,SAAS;EACT,eAAe;EAChB;CACD,cAAc;EACZ,WAAW,MAAM,QAAQ,EAAE;EAC3B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACD,SAAS;EACP,QAAQ,MAAM,QAAQ,EAAE;EACxB,WAAW,MAAM,QAAQ,IAAI;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,GACD,EAAE,MAAM,2BAA2B,CACpC;AAED,MAAM,2BAA0B,UAAS;CACvC,MAAM,UAAUA,aAAW;CAE3B,MAAM,EAAE,UAAU,cAAc;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAACC;EAAkB,OAAO;EAAW,QAAQ;GAAY,CACrD;;AAIV,sCAAe;;;;AC/Bf,MAAM,YAAY,YAAW,WAAU;CACrC,YAAY;EACV,SAAS;EACT,eAAe;EAChB;CAID,SAAS;EACP,QAAQ,MAAM,QAAQ,EAAE;EACxB,WAAW,MAAM,QAAQ,IAAI;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAM,6BAA4B,UAAS;CACzC,MAAM,UAAU,WAAW;CAE3B,MAAM,EAAE,eAAe,gBAAgB,UAAU;AAEjD,QACE,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAACC;EACC;EACO;EACP,OAAO;EACP,QAAQ;GACR,CACE,CACF;;AAIV,wCAAe"}

package/dist/{FluentSelectMenu-yQMFZWEg.js → FluentSelectMenu-BEREJbe-.js} RENAMED Viewed

@@ -25,4 +25,4 @@ const FluentSelectMenu = ({ data, id, onChange: onChangeProp, width = 300, autoC
 //#endregion
 export { FluentSelectMenu as t };
-//# sourceMappingURL=FluentSelectMenu-yQMFZWEg.js.map
+//# sourceMappingURL=FluentSelectMenu-BEREJbe-.js.map