npm - udp-react-enterprise-component-library - Versions diffs - 25.16.2-beta.2 → 25.16.2-beta.4 - Mend

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

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

package/dist/{ImportDataFromFileMapping-BG9XyC8n.js.map → ImportDataFromFileMapping-DRdpqXNn.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImportDataFromFileMapping-BG9XyC8n.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel","apiMutate","Divider","apiMutate","FileImportMappingWizard"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx","../src/udp/fileImportMapping/fileUtils.js","../src/udp/fileImportMapping/FileImportConfigCard.jsx","../src/udp/fileImportMapping/FileImportMappingWizard.jsx","../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n /\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n","import as XLSX from 'xlsx';\n\nexport const handleExcelFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const reader = new FileReader();\n\n reader.onload = function (e) {\n const data = new Uint8Array(e.target.result);\n const workbook = XLSX.read(data, { type: 'array' });\n\n const sheetName = workbook.SheetNames[fileProperties?.worksheetNumber?.value - 1];\n const worksheet = workbook.Sheets[sheetName];\n\n // Get the headers (first row) and first data line\n const json = XLSX.utils.sheet_to_json(worksheet, {\n header: 1,\n });\n if (json.length > 1) {\n const headers = json[0]; // First row as headers\n const firstDataLine = json[1]; // Second row as the first data line\n resolve({ headers: headers, sampleData: firstDataLine });\n }\n else{\n reject(\"Could not get file headers\")\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n reader.readAsArrayBuffer(fileObject); // Read the file as an ArrayBuffer\n } else {\n reject('No file provided');\n }\n });\n};\n\nexport const handleTextFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const chunkSize = 1024; // Read 1024 bytes at a time\n let offset = 0; // Start reading at the beginning of the file\n let accumulatedData = '';\n\n const reader = new FileReader();\n\n reader.onload = function (e) {\n accumulatedData += e.target.result;\n\n const lines = accumulatedData.split('\\n');\n if (lines.length > 2) {\n const headers = lines[0].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n const firstDataLine = lines[1].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n resolve({ headers: headers, sampleData: firstDataLine });\n } else {\n // If the header is not found and there's more data to read\n if (offset < fileObject.size) {\n readNextChunk();\n }\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n function readNextChunk() {\n // Read the next 1024 bytes\n const blob = fileObject.slice(offset, offset + chunkSize);\n reader.readAsText(blob);\n offset += chunkSize;\n }\n readNextChunk();\n } else {\n reject('No file provided');\n }\n });\n};\n\nexport const handleJsonFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const reader = new FileReader();\n\n reader.onload = function (e) {\n try {\n const jsonData = JSON.parse(e.target.result);\n const dataAtPath = fileProperties?.jsonPath ? getValueByPath(jsonData, fileProperties?.jsonPath) : jsonData;\n\n if (Array.isArray(dataAtPath) && dataAtPath.length > 0) {\n const keys = Object.keys(dataAtPath[0]);\n resolve({ headers: keys, sampleData: dataAtPath[0] });\n } else {\n reject('The JSON file does not contain an array or is empty.');\n }\n } catch (err) {\n reject('Error parsing JSON file:', err);\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n reader.readAsText(fileObject);\n } else {\n reject('No file provided');\n }\n });\n};\n\nconst getValueByPath = (obj, path) => {\n return path.split('.').reduce((acc, key) => acc && acc[key], obj);\n }\n","import React, { useState, useMemo } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { CompactDataListItem } from '../../UI/dataDisplay/CompactDataListItem';\nimport { Typography, Divider } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nexport const FileImportConfigCard = (props) => {\n const { fileMappingRecord, domain } = props;\n const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n\n const parsedProperties = useMemo(() => {\n if (fileMappingRecord) {\n let parsedObject = fileMappingRecord?.properties;\n if (typeof fileMappingRecord?.properties === 'string') {\n parsedObject = JSON.parse(fileMappingRecord?.properties);\n }\n if (\n 'includesHeader' in parsedObject &&\n parsedObject?.includesHeader === false\n ) {\n setShowIndexNumbers(true);\n } else {\n setShowIndexNumbers(false);\n }\n return Object.entries(parsedObject).map(([key, value]) => ({\n key,\n value\n }));\n }\n }, [fileMappingRecord]);\n\n const parsedFieldMappings = useMemo(() => {\n let parsedObject = fileMappingRecord?.mapping;\n if (typeof fileMappingRecord?.mapping === 'string') {\n parsedObject = JSON.parse(fileMappingRecord?.mapping);\n }\n if (fileMappingRecord) {\n return Object.entries(parsedObject);\n }\n }, [fileMappingRecord]);\n\n return (\n parsedFieldMappings && (\n <AmbientCard fullWidth title='Mapping Configuration' subtitle={domain}>\n {parsedProperties?.map((property) => (\n <CompactDataListItem\n label={property?.key\n .replace(/([a-z])([A-Z])/g, '$1 $2')\n .replace(/^./, function (char) {\n return char.toUpperCase();\n })}\n value={\n property?.value === false\n ? 'False'\n : property?.value === true\n ? 'True'\n : property?.value\n }\n />\n ))}\n\n <>\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n paddingTop: 20\n }}\n >\n <Typography variant='caption'>\n {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n </Typography>\n <Typography variant='caption'>Fields</Typography>\n </div>\n <Divider style={{ marginTop: 5, marginBottom: -14 }} />\n {parsedFieldMappings?.map((field) => (\n <div style={{ height: 42 }}>\n <div style={{ display: 'flex', flexDirection: 'row', gap: 10 }}>\n <Typography style={{ marginTop: 25, width: '50%' }}>\n {showIndexNumbers\n ? 'index ' + field[1]?.headerIndex\n : field[1]?.importFileField}\n </Typography>\n <FluentIcon\n style={{ marginTop: 28, width: '10%' }}\n component={ChromeBackMirroredIcon}\n />\n <Typography\n style={{ marginTop: 25, width: '50%', textAlign: 'right' }}\n >\n {field[1]?.udpField.replace(/([A-Z])/g, ' $1').trim()}\n </Typography>\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n </div>\n ))}\n </>\n </AmbientCard>\n )\n );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { Form } from '../../utilities/form';\nimport { Field } from '../../utilities/form';\nimport { FormButtons } from '../../utilities/form';\nimport { SubmitButton } from '../../utilities/form';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientStepper } from '../../UI/inputs/menus/AmbientStepper/AmbientStepper';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Typography } from '@material-ui/core';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { AmbientTextField } from '../../UI/inputs/textField/AmbientTextField';\nimport { Divider } from '../../UI/utilityDisplay/Divider';\nimport {\n handleExcelFileUpload,\n handleJsonFileUpload,\n handleTextFileUpload\n} from './fileUtils';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst FileImportMappingWizard = (props) => {\n const { refetchMappings, setNewFileMappingSidesheetOpen, verifyRequiredFields } = props;\n const user = useUser();\n const [importHeaderData, setImportHeaderData] = useState();\n const [udpObjectList, setUdpObjectList] = useState();\n const [selectedDomain, setSelectedDomain] = useState();\n const [selectedFileType, setSelectedFileType] = useState();\n const [fileObject, setFileObject] = useState();\n const [fileImportMappingObject, setFileImportMappingObject] = useState({});\n const [activeStep, setActiveStep] = useState(0);\n const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n const [errorText, setErrorText] = useState('');\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const executeCreateFileMapping = useCallback(\n async (data) =>\n apiMutate(\n ConfigService.productV1ApiUrl,\n `UdpFileImportMapping`,\n {\n method: 'post'\n },\n { data }\n ),\n []\n );\n const { data: udpObjectEntity } = usePromotedMethodEntity(\n 'UdpObjectInfo',\n true\n );\n\n const [{ data: allowedFileTypesData }, refetchAllowedFileTypes] = useAxiosGet(\n ConfigService.productV1ApiUrl,\n `UdpFileImportType`,\n {},\n false\n );\n\n const searchUdpObjectData = useCallback(async () => {\n if (udpObjectEntity?.unityBaseSearchMethod?.apiMethodId && user?.id) {\n const sapUserRes = await executeQueryAdHoc(\n {\n data: {\n eagerLoad: true,\n pageSize: 200,\n filterElements: []\n }\n },\n udpObjectEntity?.unityBaseSearchMethod?.apiMethodId\n );\n if (sapUserRes?.data?.pageList.length > 0) {\n setUdpObjectList(sapUserRes?.data?.pageList);\n }\n }\n }, [udpObjectEntity, user]);\n\n const filterCatalogObjectList = useMemo(() => {\n return udpObjectList;\n }, [udpObjectList]);\n\n const getNameFormattedOptionLabel = (option) => {\n return option?.name.replace(/([A-Z])/g, ' $1').trim();\n };\n\n const getNameOptionLabel = (option) => {\n return option?.name;\n };\n\n const handleFileUpload = async (properties) => {\n let result;\n if (\n selectedFileType.extension === '.csv' \|\|\n selectedFileType.extension === '.txt'\n ) {\n result = await handleTextFileUpload(fileObject, properties);\n } else if (selectedFileType.extension === '.xlsx') {\n result = await handleExcelFileUpload(fileObject, properties);\n } else if (selectedFileType.extension === '.json') {\n result = await handleJsonFileUpload(fileObject, properties);\n }\n setImportHeaderData(result?.headers);\n };\n\n useEffect(() => {\n searchUdpObjectData();\n }, [searchUdpObjectData]);\n\n const handleCreateNewFieldMapping = useCallback(\n async (values) => {\n const response = await executeCreateFileMapping({\n name: values.name,\n objectInfoSanitizedName: getSanitizedName(selectedDomain.name),\n fileImportType: selectedFileType.id,\n mapping: JSON.stringify(fileImportMappingObject?.mapping),\n properties: JSON.stringify(fileImportMappingObject?.properties)\n }).catch((res) => {\n handleErrorSnackbar(res);\n });\n if (response?.status === 201) {\n handleSuccessSnackbar('Created Mapping');\n refetchMappings();\n setNewFileMappingSidesheetOpen(false);\n }\n },\n [\n executeCreateFileMapping,\n selectedDomain?.name,\n selectedFileType?.id,\n fileImportMappingObject?.mapping,\n fileImportMappingObject?.properties,\n handleErrorSnackbar,\n handleSuccessSnackbar,\n refetchMappings,\n setNewFileMappingSidesheetOpen\n ]\n );\n\n const handleUpdateFieldMapping = (values) => {\n let valid = true;\n selectedDomain?.objectFieldInfo?.forEach((option) => {\n if (\n !option.dataType.endsWith('?') &&\n !option.isPrimaryKey &&\n !option.udpType\n ) {\n if (\n !Object.entries(values).some(\n (obj) => obj[1].businessObjectKey === option.businessObjectKey\n )\n ) {\n if(verifyRequiredFields){\n valid = false;\n }\n }\n }\n });\n if (!valid) {\n setErrorText('All required Udp fields must have a mapping');\n return;\n }\n const filteredMappings = Object.entries(values)\n .filter(([key, value]) => value !== null)\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {});\n const mappedFieldIndexes = Object.keys(filteredMappings).map((key) =>\n parseInt(key.split('udpFieldMapping')[1], 10)\n );\n const fieldMappings = Object.values(filteredMappings).map(\n (selectedUdpField, index) => {\n return {\n udpField: selectedUdpField.name,\n importFileField: !showIndexNumbers\n ? importHeaderData[mappedFieldIndexes[index]]\n : null,\n headerIndex: !showIndexNumbers ? -1 : mappedFieldIndexes[index]\n };\n }\n );\n setFileImportMappingObject((prev) => {\n return { ...prev, mapping: fieldMappings };\n });\n setActiveStep((prev) => prev + 1);\n };\n\n const handleUpdateFileProperties = (values) => {\n setFileImportMappingObject((prev) => {\n let properties = {};\n Object.keys(values).forEach(\n (propKey) =>\n (properties[propKey] =\n 'value' in values[propKey]\n ? values[propKey]?.value\n : values[propKey])\n );\n return { ...prev, properties: properties };\n });\n if ('includesHeader' in values && values?.includesHeader.value === false) {\n setShowIndexNumbers(true);\n }\n handleFileUpload(values);\n setActiveStep((prev) => prev + 1);\n };\n\n const getUdpFieldOptionLabel = (option) => {\n if (\n !option.dataType.endsWith('?') &&\n !option.isPrimaryKey &&\n !option.udpType\n ) {\n return `${option.name.replace(/([A-Z])/g, ' $1').trim()}*`; //required field\n }\n return `${option.name} - ${option.dataType}`;\n };\n\n const handleAddFileToUpload = (fileObj) => {\n setFileObject(fileObj[0]);\n };\n\n const formattedFileTypeProperties = useMemo(() => {\n if (selectedFileType) {\n return JSON.parse(selectedFileType?.properties);\n }\n }, [selectedFileType]);\n\n return (\n <>\n <AmbientCard fullWidth>\n <div style={{ marginBottom: 20 }}>\n <AmbientStepper\n activeStep={activeStep}\n steps={['File', 'Domain', 'Field Mappings', 'Review']}\n orientation='vertical'\n />\n </div>\n {activeStep === 0 && (\n <>\n <AmbientAutoComplete\n isMultiple={false}\n id={'fileImportType'}\n name={'fileImportType'}\n label='File Type'\n onChange={(val) => setSelectedFileType(val)}\n options={allowedFileTypesData}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n value={selectedFileType}\n required\n />\n {selectedFileType && (\n <div style={{ marginTop: 5 }}>\n <DragDropFileUpload\n handleUploadFile={handleAddFileToUpload}\n accept={{\n 'text/csv': ['.csv'],\n 'text/plain': ['.txt'],\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n ['.xlsx'],\n 'application/json': ['.json']\n }}\n />\n </div>\n )}\n <Form onSubmit={handleUpdateFileProperties}>\n {formattedFileTypeProperties?.map((property) =>\n property?.options ? (\n <Field\n component={AmbientAutoComplete}\n isMultiple={false}\n id={property.propertyName}\n name={property.propertyName}\n label={property.label}\n options={property.options}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n required={property?.required}\n />\n ) : (\n <Field\n component={AmbientTextField}\n isMultiple={false}\n id={property.propertyName}\n name={property.propertyName}\n label={property.label}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n required={property?.required}\n />\n )\n )}\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n marginRight: -16\n }}\n >\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n disabled={!fileObject}\n >\n Next\n </SubmitButton>\n </FormButtons>\n </Form>\n </>\n )}\n {activeStep === 1 && (\n <>\n <AmbientAutoComplete\n isMultiple={false}\n id={'domain'}\n name={'domain'}\n label='Domain'\n onChange={(val) => setSelectedDomain(val)}\n options={filterCatalogObjectList}\n size='small'\n getOptionLabelFunction={getNameFormattedOptionLabel}\n value={selectedDomain}\n required\n />\n <div\n style={{ float: 'right', display: 'flex', gap: 8, marginTop: 8 }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev + 1)}\n color='secondary'\n disabled={!selectedDomain}\n >\n Next\n </FluentButton>\n </div>\n </>\n )}\n {activeStep === 2 && (\n <>\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n paddingTop: 20\n }}\n >\n <Typography variant='caption'>\n {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n </Typography>\n <Typography variant='caption'>UDP Fields</Typography>\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n <Form\n onSubmit={handleUpdateFieldMapping}\n style={{ marginTop: -20 }}\n >\n {importHeaderData?.map((field, index) => (\n <div style={{ height: 42 }}>\n <div\n style={{ display: 'flex', flexDirection: 'row', gap: 10 }}\n >\n <Typography style={{ marginTop: 25, width: '50%' }}>\n {showIndexNumbers ? 'index ' + index : field}\n </Typography>\n <FluentIcon\n style={{ marginTop: 28, width: '10%' }}\n component={ChromeBackMirroredIcon}\n />\n <Field\n style={{ height: 30 }}\n component={AmbientAutoComplete}\n isMultiple={false}\n id={`udpFieldMapping${index}`}\n name={`udpFieldMapping${index}`}\n options={selectedDomain?.objectFieldInfo}\n size='small'\n getOptionLabelFunction={getUdpFieldOptionLabel}\n />\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n </div>\n ))}\n <div style={{ paddingTop: 20, textAlign: 'right', color: 'red' }}>\n {errorText}\n </div>\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n paddingTop: 16,\n marginRight: -16\n }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n >\n Next\n </SubmitButton>\n </FormButtons>\n </Form>\n </>\n )}\n {activeStep === 3 && (\n <Form onSubmit={handleCreateNewFieldMapping}>\n <Field\n component={AmbientTextField}\n id={`name`}\n name={`name`}\n label='Mapping Name'\n size='small'\n />\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n marginRight: -16\n }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n >\n {'Create Mapping'}\n </SubmitButton>\n </FormButtons>\n </Form>\n )}\n </AmbientCard>\n {fileImportMappingObject?.mapping &&<div style={{ marginTop: 10 }}>\n <FileImportConfigCard\n fileMappingRecord={{\n mapping: fileImportMappingObject?.mapping,\n properties: fileImportMappingObject?.properties\n }}\n domain={selectedDomain?.name.replace(/([A-Z])/g, ' $1').trim()}\n />\n </div>}\n </>\n );\n};\n\nexport default FileImportMappingWizard;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const ImportDataFromFileMapping = (props) => {\n const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n const user = useUser();\n const [selectedFileMapping, setSelectedFileMapping] = useState();\n const [udpImportMappingData, setUdpImportMappingData] = useState();\n const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n useState(false);\n const [fileObject, setFileObject] = useState();\n const [isLoading, setIsLoading] = useState(false)\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n 'UdpFileImportMapping',\n true\n );\n\n const executeImportDataFromFile = useCallback(\n async (data) =>\n apiMutate(\n ConfigService.productV1ApiUrl,\n `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n {\n method: 'post'\n },\n { data }\n ),\n [selectedFileMapping]\n );\n\n const searchFileImportMappingData = useCallback(async () => {\n if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n const res = await executeQueryAdHoc(\n {\n data: {\n eagerLoad: true,\n pageSize: 200,\n filterElements: []\n }\n },\n udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n );\n if (res?.data?.pageList.length > 0) {\n setUdpImportMappingData(res?.data?.pageList);\n }\n }\n }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n useEffect(() => {\n searchFileImportMappingData();\n }, [searchFileImportMappingData]);\n\n const handleImportDataFromFile = useCallback(async () => {\n setIsLoading(true)\n const file = fileObject;\n const blob = new Blob([file], { type: file.type });\n const formData = new FormData();\n formData.append('file', blob, file.name);\n formData.append('tenantId', user?.currentTenantId);\n formData.append('name', selectedFileMapping.name);\n formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n formData.append('fileImportType', selectedFileMapping.fileImportType);\n formData.append('mapping', selectedFileMapping.mapping);\n formData.append('properties', selectedFileMapping.properties);\n formData.append('id', selectedFileMapping.id);\n const response = await executeImportDataFromFile(formData).catch((res) => {\n setIsLoading(false)\n handleErrorSnackbar(res);\n onImportFail()\n });\n if (response?.status === 201) {\n handleSuccessSnackbar('Imported Data');\n setIsLoading(false)\n onImportSuccess && onImportSuccess()\n }\n\n }, [\n fileObject,\n selectedFileMapping,\n executeImportDataFromFile,\n handleErrorSnackbar,\n handleSuccessSnackbar,\n user,\n onImportSuccess,\n onImportFail\n ]);\n\n const getFileMappingOptionlabel = (option) => {\n return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n };\n\n const handleAddFileToUpload = (fileObj) => {\n setFileObject(fileObj[0]);\n };\n\n return (\n <>\n <AmbientCard fullWidth>\n <div style={{ display: 'flex' }}>\n <AmbientAutoComplete\n isMultiple={false}\n id={'fileMapping'}\n name={'fileMapping'}\n label='File Mapping'\n onChange={(val) => setSelectedFileMapping(val)}\n options={udpImportMappingData}\n size='small'\n getOptionLabelFunction={getFileMappingOptionlabel}\n value={selectedFileMapping}\n required\n groupBy={(option) =>\n option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n }\n />\n </div>\n {selectedFileMapping && (\n <DragDropFileUpload\n handleUploadFile={handleAddFileToUpload}\n accept={{\n 'text/csv': ['.csv'],\n 'text/plain': ['.txt'],\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n ['.xlsx'],\n 'application/json': ['.json']\n }}\n />\n )}\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n gap: 5,\n float: 'right',\n marginTop: 10\n }}\n >\n <FluentButton\n onClick={() => setNewFileMappingSidesheetOpen(true)}\n variant='outlined'\n >\n Create New Mapping\n </FluentButton>\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={handleImportDataFromFile}\n progress={isLoading}\n disabled={!fileObject}\n >\n Import Data\n </FluentButton>\n </div>\n <SideSheet\n title='Create New File Mapping'\n open={newFileMappingSidesheetOpen}\n onClose={() => setNewFileMappingSidesheetOpen(false)}\n width={'60%'}\n >\n <FileImportMappingWizard\n refetchMappings={searchFileImportMappingData}\n setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n verifyRequiredFields={verifyRequiredFields}\n />\n </SideSheet>\n </AmbientCard>\n <div style={{ marginTop: 10 }}>\n <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n </div>\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ImportDataFromFileMapping-DRdpqXNn.js","names":["StepLabel","React","withStyles","StepConnector","makeStyles","Stepper","Step","StepLabel","apiMutate","Divider","apiMutate","FileImportMappingWizard"],"sources":["../src/UI/inputs/menus/AmbientStepper/StepLabel.jsx","../src/UI/inputs/menus/AmbientStepper/AmbientStepper.jsx","../src/udp/fileImportMapping/fileUtils.js","../src/udp/fileImportMapping/FileImportConfigCard.jsx","../src/udp/fileImportMapping/FileImportMappingWizard.jsx","../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import * as React from 'react'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\nimport { withStyles, Typography } from '@material-ui/core'\n\nexport const styles = (theme) => ({\n /* Styles applied to the root element. /\n root: {\n display: 'flex',\n alignItems: 'center',\n '&$alternativeLabel': {\n flexDirection: 'column'\n },\n '&$disabled': {\n cursor: 'default'\n }\n },\n / Styles applied to the root element if `orientation=\"horizontal\"`. /\n horizontal: {},\n / Styles applied to the root element if `orientation=\"vertical\"`. /\n vertical: {},\n / Styles applied to the `Typography` component which wraps `children`. /\n label: {\n color: theme.palette.text.secondary,\n '&$active': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$completed': {\n color: theme.palette.text.primary,\n fontWeight: 500\n },\n '&$alternativeLabel': {\n textAlign: 'center'\n // marginTop: 16,\n },\n '&$error': {\n color: theme.palette.error.main\n }\n },\n / Pseudo-class applied to the `Typography` component if `active={true}`. /\n active: {},\n / Pseudo-class applied to the `Typography` component if `completed={true}`. /\n completed: {},\n / Pseudo-class applied to the root element and `Typography` component if `error={true}`. /\n error: {},\n / Pseudo-class applied to the root element and `Typography` component if `disabled={true}`. /\n disabled: {},\n / Styles applied to the `icon` container element. /\n iconContainer: {\n flexShrink: 0, // Fix IE 11 issue\n display: 'flex',\n paddingRight: 8,\n '&$alternativeLabel': {\n paddingRight: 0\n }\n },\n / Pseudo-class applied to the root and icon container and `Typography` if `alternativeLabel={true}`. /\n alternativeLabel: {},\n / Styles applied to the container element which wraps `Typography` and `optional`. /\n labelContainer: {\n width: '100%'\n }\n})\n\nconst StepLabel = React.forwardRef(function StepLabel(props, ref) {\n const {\n // eslint-disable-next-line react/prop-types\n active = false,\n // eslint-disable-next-line react/prop-types\n alternativeLabel = false,\n children,\n classes,\n className,\n // eslint-disable-next-line react/prop-types\n completed = false,\n disabled = false,\n error = false,\n // eslint-disable-next-line react/prop-types\n expanded,\n icon,\n // eslint-disable-next-line react/prop-types\n last,\n optional,\n // eslint-disable-next-line react/prop-types\n orientation = 'horizontal',\n StepIconComponent: StepIconComponentProp,\n StepIconProps,\n ...other\n } = props\n\n let StepIconComponent = StepIconComponentProp\n\n return (\n <span\n className={clsx(\n classes.root,\n classes[orientation],\n {\n [classes.disabled]: disabled,\n [classes.alternativeLabel]: alternativeLabel,\n [classes.error]: error\n },\n className\n )}\n ref={ref}\n {...other}\n >\n {icon \|\| StepIconComponent ? (\n <span\n className={clsx(classes.iconContainer, {\n [classes.alternativeLabel]: alternativeLabel\n })}\n >\n <StepIconComponent\n completed={completed}\n active={active}\n error={error}\n icon={icon}\n {...StepIconProps}\n />\n </span>\n ) : null}\n <span className={classes.labelContainer}>\n {children ? (\n <Typography\n variant='body2'\n component='span'\n display='block'\n className={clsx(classes.label, {\n [classes.alternativeLabel]: alternativeLabel,\n [classes.completed]: completed,\n [classes.active]: active,\n [classes.error]: error\n })}\n >\n {children}\n </Typography>\n ) : null}\n {optional}\n </span>\n </span>\n )\n})\n\nStepLabel.propTypes = {\n // ----------------------------- Warning --------------------------------\n // \| These PropTypes are generated from the TypeScript type definitions \|\n // \| To update them edit the d.ts file and run \"yarn proptypes\" \|\n // ----------------------------------------------------------------------\n /\n In most cases will simply be a string containing a title for the label.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n /\n classes: PropTypes.object,\n /\n @ignore\n /\n className: PropTypes.string,\n /\n Mark the step as disabled, will also disable the button if\n * `StepLabelButton` is a child of `StepLabel`. Is passed to child components.\n /\n disabled: PropTypes.bool,\n /\n Mark the step as failed.\n /\n error: PropTypes.bool,\n /\n Override the default label of the step icon.\n /\n icon: PropTypes.node,\n /\n The optional node to display.\n /\n optional: PropTypes.node,\n /\n The component to render in place of the [`StepIcon`](/api/step-icon/).\n /\n StepIconComponent: PropTypes.elementType,\n /\n Props applied to the [`StepIcon`](/api/step-icon/) element.\n /\n StepIconProps: PropTypes.object\n}\n\nStepLabel.muiName = 'StepLabel'\n\n/\n Explicit any export to avoid non-portable inferred React types in declaration output.\n * @type {any}\n /\nconst StepLabelExport = withStyles(styles, { name: 'MuiStepLabel' })(StepLabel)\n\nexport default StepLabelExport\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles, withStyles } from '@material-ui/core/styles'\nimport clsx from 'clsx'\nimport Stepper from '@material-ui/core/Stepper'\nimport Step from '@material-ui/core/Step'\n// import StepLabel from '@material-ui/core/StepLabel';\nimport Check from '@material-ui/icons/esm/Check'\nimport StepConnector from '@material-ui/core/StepConnector'\nimport StepLabel from './StepLabel'\n\nconst QontoConnector = withStyles({\n alternativeLabel: {\n top: 10,\n left: 'calc(-50% + 16px)',\n right: 'calc(50% + 16px)'\n },\n active: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n completed: {\n '& $line': {\n borderColor: '#09A58C'\n }\n },\n line: {\n borderColor: '#eaeaf0',\n borderTopWidth: 3,\n borderRadius: 1\n }\n})(StepConnector)\n\nconst useQontoStepIconStyles = makeStyles({\n root: {\n color: '#09A58C',\n display: 'flex',\n height: 22,\n alignItems: 'center'\n },\n active: {\n color: '#09A58C'\n },\n circle: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n border: '2px solid currentColor'\n },\n completed: {\n color: '#09A58C',\n zIndex: 1,\n fontSize: 18\n },\n stepLabel: {\n display: 'none'\n },\n rootStepper: {\n background: 'blue'\n }\n})\n\nconst QontoStepIcon = (props) => {\n const classes = useQontoStepIconStyles()\n const { active, completed } = props\n\n return (\n <div\n className={clsx(classes.root, {\n [classes.active]: active\n })}\n >\n {completed ? (\n <Check className={classes.completed} />\n ) : (\n <div className={classes.circle} />\n )}\n </div>\n )\n}\n\nQontoStepIcon.propTypes = {\n /\n Whether this step is active.\n /\n active: PropTypes.bool,\n /\n Mark the step as completed. Is passed to child components.\n /\n completed: PropTypes.bool\n}\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n button: {\n marginRight: theme.spacing(1)\n },\n instructions: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n },\n rootStep: {\n marginTop: 0\n }\n}))\n\n// function getSteps() {\n// return [\n// 'Select campaign settings',\n// 'Create an ad group',\n// 'Create an ad',\n// 'another',\n// ];\n// }\n\nexport const AmbientStepper = ({ activeStep, steps, orientation }) => {\n const classes = useStyles()\n\n return (\n <div className={classes.root}>\n <Stepper\n style={{ background: 'transparent', padding: 0 }}\n classes={{ root: classes.rootStepper }}\n alternativeLabel\n activeStep={activeStep}\n connector={<QontoConnector />}\n orietation={orientation}\n >\n {steps.map((label) => (\n <Step classes={{ root: classes.rootStep }} key={label}>\n <StepLabel\n className={classes.stepLabel}\n StepIconComponent={QontoStepIcon}\n >\n <span style={{ fontSize: 14 }}>{label}</span>\n </StepLabel>\n </Step>\n ))}\n </Stepper>\n </div>\n )\n}\n","import as XLSX from 'xlsx';\n\nexport const handleExcelFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const reader = new FileReader();\n\n reader.onload = function (e) {\n const data = new Uint8Array(e.target.result);\n const workbook = XLSX.read(data, { type: 'array' });\n\n const sheetName = workbook.SheetNames[fileProperties?.worksheetNumber?.value - 1];\n const worksheet = workbook.Sheets[sheetName];\n\n // Get the headers (first row) and first data line\n const json = XLSX.utils.sheet_to_json(worksheet, {\n header: 1,\n });\n if (json.length > 1) {\n const headers = json[0]; // First row as headers\n const firstDataLine = json[1]; // Second row as the first data line\n resolve({ headers: headers, sampleData: firstDataLine });\n }\n else{\n reject(\"Could not get file headers\")\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n reader.readAsArrayBuffer(fileObject); // Read the file as an ArrayBuffer\n } else {\n reject('No file provided');\n }\n });\n};\n\nexport const handleTextFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const chunkSize = 1024; // Read 1024 bytes at a time\n let offset = 0; // Start reading at the beginning of the file\n let accumulatedData = '';\n\n const reader = new FileReader();\n\n reader.onload = function (e) {\n accumulatedData += e.target.result;\n\n const lines = accumulatedData.split('\\n');\n if (lines.length > 2) {\n const headers = lines[0].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n const firstDataLine = lines[1].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n resolve({ headers: headers, sampleData: firstDataLine });\n } else {\n // If the header is not found and there's more data to read\n if (offset < fileObject.size) {\n readNextChunk();\n }\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n function readNextChunk() {\n // Read the next 1024 bytes\n const blob = fileObject.slice(offset, offset + chunkSize);\n reader.readAsText(blob);\n offset += chunkSize;\n }\n readNextChunk();\n } else {\n reject('No file provided');\n }\n });\n};\n\nexport const handleJsonFileUpload = (fileObject, fileProperties) => {\n return new Promise((resolve, reject) => {\n if (fileObject) {\n const reader = new FileReader();\n\n reader.onload = function (e) {\n try {\n const jsonData = JSON.parse(e.target.result);\n const dataAtPath = fileProperties?.jsonPath ? getValueByPath(jsonData, fileProperties?.jsonPath) : jsonData;\n\n if (Array.isArray(dataAtPath) && dataAtPath.length > 0) {\n const keys = Object.keys(dataAtPath[0]);\n resolve({ headers: keys, sampleData: dataAtPath[0] });\n } else {\n reject('The JSON file does not contain an array or is empty.');\n }\n } catch (err) {\n reject('Error parsing JSON file:', err);\n }\n };\n reader.onerror = function () {\n reject('Error reading the file.');\n };\n\n reader.readAsText(fileObject);\n } else {\n reject('No file provided');\n }\n });\n};\n\nconst getValueByPath = (obj, path) => {\n return path.split('.').reduce((acc, key) => acc && acc[key], obj);\n }\n","import React, { useState, useMemo } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { CompactDataListItem } from '../../UI/dataDisplay/CompactDataListItem';\nimport { Typography, Divider } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nexport const FileImportConfigCard = (props) => {\n const { fileMappingRecord, domain } = props;\n const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n\n const parsedProperties = useMemo(() => {\n if (fileMappingRecord) {\n let parsedObject = fileMappingRecord?.properties;\n if (typeof fileMappingRecord?.properties === 'string') {\n parsedObject = JSON.parse(fileMappingRecord?.properties);\n }\n if (\n 'includesHeader' in parsedObject &&\n parsedObject?.includesHeader === false\n ) {\n setShowIndexNumbers(true);\n } else {\n setShowIndexNumbers(false);\n }\n return Object.entries(parsedObject).map(([key, value]) => ({\n key,\n value\n }));\n }\n }, [fileMappingRecord]);\n\n const parsedFieldMappings = useMemo(() => {\n let parsedObject = fileMappingRecord?.mapping;\n if (typeof fileMappingRecord?.mapping === 'string') {\n parsedObject = JSON.parse(fileMappingRecord?.mapping);\n }\n if (fileMappingRecord) {\n return Object.entries(parsedObject);\n }\n }, [fileMappingRecord]);\n\n return (\n parsedFieldMappings && (\n <AmbientCard fullWidth title='Mapping Configuration' subtitle={domain}>\n {parsedProperties?.map((property) => (\n <CompactDataListItem\n label={property?.key\n .replace(/([a-z])([A-Z])/g, '$1 $2')\n .replace(/^./, function (char) {\n return char.toUpperCase();\n })}\n value={\n property?.value === false\n ? 'False'\n : property?.value === true\n ? 'True'\n : property?.value\n }\n />\n ))}\n\n <>\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n paddingTop: 20\n }}\n >\n <Typography variant='caption'>\n {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n </Typography>\n <Typography variant='caption'>Fields</Typography>\n </div>\n <Divider style={{ marginTop: 5, marginBottom: -14 }} />\n {parsedFieldMappings?.map((field) => (\n <div style={{ height: 42 }}>\n <div style={{ display: 'flex', flexDirection: 'row', gap: 10 }}>\n <Typography style={{ marginTop: 25, width: '50%' }}>\n {showIndexNumbers\n ? 'index ' + field[1]?.headerIndex\n : field[1]?.importFileField}\n </Typography>\n <FluentIcon\n style={{ marginTop: 28, width: '10%' }}\n component={ChromeBackMirroredIcon}\n />\n <Typography\n style={{ marginTop: 25, width: '50%', textAlign: 'right' }}\n >\n {field[1]?.udpField.replace(/([A-Z])/g, ' $1').trim()}\n </Typography>\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n </div>\n ))}\n </>\n </AmbientCard>\n )\n );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { Form } from '../../utilities/form';\nimport { Field } from '../../utilities/form';\nimport { FormButtons } from '../../utilities/form';\nimport { SubmitButton } from '../../utilities/form';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientStepper } from '../../UI/inputs/menus/AmbientStepper/AmbientStepper';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Typography } from '@material-ui/core';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { AmbientTextField } from '../../UI/inputs/textField/AmbientTextField';\nimport { Divider } from '../../UI/utilityDisplay/Divider';\nimport {\n handleExcelFileUpload,\n handleJsonFileUpload,\n handleTextFileUpload\n} from './fileUtils';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst FileImportMappingWizard = (props) => {\n const { refetchMappings, setNewFileMappingSidesheetOpen, verifyRequiredFields } = props;\n const user = useUser();\n const [importHeaderData, setImportHeaderData] = useState();\n const [udpObjectList, setUdpObjectList] = useState();\n const [selectedDomain, setSelectedDomain] = useState();\n const [selectedFileType, setSelectedFileType] = useState();\n const [fileObject, setFileObject] = useState();\n const [fileImportMappingObject, setFileImportMappingObject] = useState({});\n const [activeStep, setActiveStep] = useState(0);\n const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n const [errorText, setErrorText] = useState('');\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const executeCreateFileMapping = useCallback(\n async (data) =>\n apiMutate(\n ConfigService.productV1ApiUrl,\n `UdpFileImportMapping`,\n {\n method: 'post'\n },\n { data }\n ),\n []\n );\n const { data: udpObjectEntity } = usePromotedMethodEntity(\n 'UdpObjectInfo',\n true\n );\n\n const [{ data: allowedFileTypesData }, refetchAllowedFileTypes] = useAxiosGet(\n ConfigService.productV1ApiUrl,\n `UdpFileImportType`,\n {},\n false\n );\n\n const searchUdpObjectData = useCallback(async () => {\n if (udpObjectEntity?.unityBaseSearchMethod?.apiMethodId && user?.id) {\n const sapUserRes = await executeQueryAdHoc(\n {\n data: {\n eagerLoad: true,\n pageSize: 200,\n filterElements: []\n }\n },\n udpObjectEntity?.unityBaseSearchMethod?.apiMethodId\n );\n if (sapUserRes?.data?.pageList.length > 0) {\n setUdpObjectList(sapUserRes?.data?.pageList);\n }\n }\n }, [udpObjectEntity, user]);\n\n const filterCatalogObjectList = useMemo(() => {\n return udpObjectList;\n }, [udpObjectList]);\n\n const getNameFormattedOptionLabel = (option) => {\n return option?.name.replace(/([A-Z])/g, ' $1').trim();\n };\n\n const getNameOptionLabel = (option) => {\n return option?.name;\n };\n\n const handleFileUpload = async (properties) => {\n let result;\n if (\n selectedFileType.extension === '.csv' \|\|\n selectedFileType.extension === '.txt'\n ) {\n result = await handleTextFileUpload(fileObject, properties);\n } else if (selectedFileType.extension === '.xlsx') {\n result = await handleExcelFileUpload(fileObject, properties);\n } else if (selectedFileType.extension === '.json') {\n result = await handleJsonFileUpload(fileObject, properties);\n }\n setImportHeaderData(result?.headers);\n };\n\n useEffect(() => {\n searchUdpObjectData();\n }, [searchUdpObjectData]);\n\n const handleCreateNewFieldMapping = useCallback(\n async (values) => {\n const response = await executeCreateFileMapping({\n name: values.name,\n objectInfoSanitizedName: getSanitizedName(selectedDomain.name),\n fileImportType: selectedFileType.id,\n mapping: JSON.stringify(fileImportMappingObject?.mapping),\n properties: JSON.stringify(fileImportMappingObject?.properties)\n }).catch((res) => {\n handleErrorSnackbar(res);\n });\n if (response?.status === 201) {\n handleSuccessSnackbar('Created Mapping');\n refetchMappings();\n setNewFileMappingSidesheetOpen(false);\n }\n },\n [\n executeCreateFileMapping,\n selectedDomain?.name,\n selectedFileType?.id,\n fileImportMappingObject?.mapping,\n fileImportMappingObject?.properties,\n handleErrorSnackbar,\n handleSuccessSnackbar,\n refetchMappings,\n setNewFileMappingSidesheetOpen\n ]\n );\n\n const handleUpdateFieldMapping = (values) => {\n let valid = true;\n selectedDomain?.objectFieldInfo?.forEach((option) => {\n if (\n !option.dataType.endsWith('?') &&\n !option.isPrimaryKey &&\n !option.udpType\n ) {\n if (\n !Object.entries(values).some(\n (obj) => obj[1].businessObjectKey === option.businessObjectKey\n )\n ) {\n if(verifyRequiredFields){\n valid = false;\n }\n }\n }\n });\n if (!valid) {\n setErrorText('All required Udp fields must have a mapping');\n return;\n }\n const filteredMappings = Object.entries(values)\n .filter(([key, value]) => value !== null)\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {});\n const mappedFieldIndexes = Object.keys(filteredMappings).map((key) =>\n parseInt(key.split('udpFieldMapping')[1], 10)\n );\n const fieldMappings = Object.values(filteredMappings).map(\n (selectedUdpField, index) => {\n return {\n udpField: selectedUdpField.name,\n importFileField: !showIndexNumbers\n ? importHeaderData[mappedFieldIndexes[index]]\n : null,\n headerIndex: !showIndexNumbers ? -1 : mappedFieldIndexes[index]\n };\n }\n );\n setFileImportMappingObject((prev) => {\n return { ...prev, mapping: fieldMappings };\n });\n setActiveStep((prev) => prev + 1);\n };\n\n const handleUpdateFileProperties = (values) => {\n setFileImportMappingObject((prev) => {\n let properties = {};\n Object.keys(values).forEach(\n (propKey) =>\n (properties[propKey] =\n 'value' in values[propKey]\n ? values[propKey]?.value\n : values[propKey])\n );\n return { ...prev, properties: properties };\n });\n if ('includesHeader' in values && values?.includesHeader.value === false) {\n setShowIndexNumbers(true);\n }\n handleFileUpload(values);\n setActiveStep((prev) => prev + 1);\n };\n\n const getUdpFieldOptionLabel = (option) => {\n if (\n !option.dataType.endsWith('?') &&\n !option.isPrimaryKey &&\n !option.udpType\n ) {\n return `${option.name.replace(/([A-Z])/g, ' $1').trim()}*`; //required field\n }\n return `${option.name} - ${option.dataType}`;\n };\n\n const handleAddFileToUpload = (fileObj) => {\n setFileObject(fileObj[0]);\n };\n\n const formattedFileTypeProperties = useMemo(() => {\n if (selectedFileType) {\n return JSON.parse(selectedFileType?.properties);\n }\n }, [selectedFileType]);\n\n return (\n <>\n <AmbientCard fullWidth>\n <div style={{ marginBottom: 20 }}>\n <AmbientStepper\n activeStep={activeStep}\n steps={['File', 'Domain', 'Field Mappings', 'Review']}\n orientation='vertical'\n />\n </div>\n {activeStep === 0 && (\n <>\n <AmbientAutoComplete\n isMultiple={false}\n id={'fileImportType'}\n name={'fileImportType'}\n label='File Type'\n onChange={(val) => setSelectedFileType(val)}\n options={allowedFileTypesData}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n value={selectedFileType}\n required\n />\n {selectedFileType && (\n <div style={{ marginTop: 5 }}>\n <DragDropFileUpload\n handleUploadFile={handleAddFileToUpload}\n accept={{\n 'text/csv': ['.csv'],\n 'text/plain': ['.txt'],\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n ['.xlsx'],\n 'application/json': ['.json']\n }}\n />\n </div>\n )}\n <Form onSubmit={handleUpdateFileProperties}>\n {formattedFileTypeProperties?.map((property) =>\n property?.options ? (\n <Field\n component={AmbientAutoComplete}\n isMultiple={false}\n id={property.propertyName}\n name={property.propertyName}\n label={property.label}\n options={property.options}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n required={property?.required}\n />\n ) : (\n <Field\n component={AmbientTextField}\n isMultiple={false}\n id={property.propertyName}\n name={property.propertyName}\n label={property.label}\n size='small'\n getOptionLabelFunction={getNameOptionLabel}\n required={property?.required}\n />\n )\n )}\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n marginRight: -16\n }}\n >\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n disabled={!fileObject}\n >\n Next\n </SubmitButton>\n </FormButtons>\n </Form>\n </>\n )}\n {activeStep === 1 && (\n <>\n <AmbientAutoComplete\n isMultiple={false}\n id={'domain'}\n name={'domain'}\n label='Domain'\n onChange={(val) => setSelectedDomain(val)}\n options={filterCatalogObjectList}\n size='small'\n getOptionLabelFunction={getNameFormattedOptionLabel}\n value={selectedDomain}\n required\n />\n <div\n style={{ float: 'right', display: 'flex', gap: 8, marginTop: 8 }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev + 1)}\n color='secondary'\n disabled={!selectedDomain}\n >\n Next\n </FluentButton>\n </div>\n </>\n )}\n {activeStep === 2 && (\n <>\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n paddingTop: 20\n }}\n >\n <Typography variant='caption'>\n {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n </Typography>\n <Typography variant='caption'>UDP Fields</Typography>\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n <Form\n onSubmit={handleUpdateFieldMapping}\n style={{ marginTop: -20 }}\n >\n {importHeaderData?.map((field, index) => (\n <div style={{ height: 42 }}>\n <div\n style={{ display: 'flex', flexDirection: 'row', gap: 10 }}\n >\n <Typography style={{ marginTop: 25, width: '50%' }}>\n {showIndexNumbers ? 'index ' + index : field}\n </Typography>\n <FluentIcon\n style={{ marginTop: 28, width: '10%' }}\n component={ChromeBackMirroredIcon}\n />\n <Field\n style={{ height: 30 }}\n component={AmbientAutoComplete}\n isMultiple={false}\n id={`udpFieldMapping${index}`}\n name={`udpFieldMapping${index}`}\n options={selectedDomain?.objectFieldInfo}\n size='small'\n getOptionLabelFunction={getUdpFieldOptionLabel}\n />\n </div>\n <Divider style={{ margin: '5px 0px' }} />\n </div>\n ))}\n <div style={{ paddingTop: 20, textAlign: 'right', color: 'red' }}>\n {errorText}\n </div>\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n paddingTop: 16,\n marginRight: -16\n }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n >\n Next\n </SubmitButton>\n </FormButtons>\n </Form>\n </>\n )}\n {activeStep === 3 && (\n <Form onSubmit={handleCreateNewFieldMapping}>\n <Field\n component={AmbientTextField}\n id={`name`}\n name={`name`}\n label='Mapping Name'\n size='small'\n />\n <FormButtons\n style={{\n display: 'flex',\n float: 'right',\n marginRight: -16\n }}\n >\n <FluentButton\n variant='contained'\n onClick={() => setActiveStep((prev) => prev - 1)}\n disabled={activeStep === 0}\n >\n Prev\n </FluentButton>\n <SubmitButton\n variant='contained'\n color='secondary'\n disablePristine={false}\n >\n {'Create Mapping'}\n </SubmitButton>\n </FormButtons>\n </Form>\n )}\n </AmbientCard>\n {fileImportMappingObject?.mapping &&<div style={{ marginTop: 10 }}>\n <FileImportConfigCard\n fileMappingRecord={{\n mapping: fileImportMappingObject?.mapping,\n properties: fileImportMappingObject?.properties\n }}\n domain={selectedDomain?.name.replace(/([A-Z])/g, ' $1').trim()}\n />\n </div>}\n </>\n );\n};\n\nexport default FileImportMappingWizard;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const ImportDataFromFileMapping = (props) => {\n const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n const user = useUser();\n const [selectedFileMapping, setSelectedFileMapping] = useState();\n const [udpImportMappingData, setUdpImportMappingData] = useState();\n const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n useState(false);\n const [fileObject, setFileObject] = useState();\n const [isLoading, setIsLoading] = useState(false)\n const { handleErrorSnackbar, handleSuccessSnackbar } =\n useHandleAxiosSnackbar();\n\n const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n 'UdpFileImportMapping',\n true\n );\n\n const executeImportDataFromFile = useCallback(\n async (data) =>\n apiMutate(\n ConfigService.productV1ApiUrl,\n `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n {\n method: 'post'\n },\n { data }\n ),\n [selectedFileMapping]\n );\n\n const searchFileImportMappingData = useCallback(async () => {\n if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n const res = await executeQueryAdHoc(\n {\n data: {\n eagerLoad: true,\n pageSize: 200,\n filterElements: []\n }\n },\n udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n );\n if (res?.data?.pageList.length > 0) {\n setUdpImportMappingData(res?.data?.pageList);\n }\n }\n }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n useEffect(() => {\n searchFileImportMappingData();\n }, [searchFileImportMappingData]);\n\n const handleImportDataFromFile = useCallback(async () => {\n setIsLoading(true)\n const file = fileObject;\n const blob = new Blob([file], { type: file.type });\n const formData = new FormData();\n formData.append('file', blob, file.name);\n formData.append('tenantId', user?.currentTenantId);\n formData.append('name', selectedFileMapping.name);\n formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n formData.append('fileImportType', selectedFileMapping.fileImportType);\n formData.append('mapping', selectedFileMapping.mapping);\n formData.append('properties', selectedFileMapping.properties);\n formData.append('id', selectedFileMapping.id);\n const response = await executeImportDataFromFile(formData).catch((res) => {\n setIsLoading(false)\n handleErrorSnackbar(res);\n onImportFail()\n });\n if (response?.status === 201) {\n handleSuccessSnackbar('Imported Data');\n setIsLoading(false)\n onImportSuccess && onImportSuccess()\n }\n\n }, [\n fileObject,\n selectedFileMapping,\n executeImportDataFromFile,\n handleErrorSnackbar,\n handleSuccessSnackbar,\n user,\n onImportSuccess,\n onImportFail\n ]);\n\n const getFileMappingOptionlabel = (option) => {\n return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n };\n\n const handleAddFileToUpload = (fileObj) => {\n setFileObject(fileObj[0]);\n };\n\n return (\n <>\n <AmbientCard fullWidth>\n <div style={{ display: 'flex' }}>\n <AmbientAutoComplete\n isMultiple={false}\n id={'fileMapping'}\n name={'fileMapping'}\n label='File Mapping'\n onChange={(val) => setSelectedFileMapping(val)}\n options={udpImportMappingData}\n size='small'\n getOptionLabelFunction={getFileMappingOptionlabel}\n value={selectedFileMapping}\n required\n groupBy={(option) =>\n option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n }\n />\n </div>\n {selectedFileMapping && (\n <DragDropFileUpload\n handleUploadFile={handleAddFileToUpload}\n accept={{\n 'text/csv': ['.csv'],\n 'text/plain': ['.txt'],\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n ['.xlsx'],\n 'application/json': ['.json']\n }}\n />\n )}\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n gap: 5,\n float: 'right',\n marginTop: 10\n }}\n >\n <FluentButton\n onClick={() => setNewFileMappingSidesheetOpen(true)}\n variant='outlined'\n >\n Create New Mapping\n </FluentButton>\n <FluentButton\n variant='contained'\n color='secondary'\n onClick={handleImportDataFromFile}\n progress={isLoading}\n disabled={!fileObject}\n >\n Import Data\n </FluentButton>\n </div>\n <SideSheet\n title='Create New File Mapping'\n open={newFileMappingSidesheetOpen}\n onClose={() => setNewFileMappingSidesheetOpen(false)}\n width={'60%'}\n >\n <FileImportMappingWizard\n refetchMappings={searchFileImportMappingData}\n setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n verifyRequiredFields={verifyRequiredFields}\n />\n </SideSheet>\n </AmbientCard>\n <div style={{ marginTop: 10 }}>\n <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n </div>\n </>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAa,UAAU,WAAW;CAEhC,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,sBAAsB,EACpB,eAAe,UAChB;EACD,cAAc,EACZ,QAAQ,WACT;EACF;CAED,YAAY,EAAE;CAEd,UAAU,EAAE;CAEZ,OAAO;EACL,OAAO,MAAM,QAAQ,KAAK;EAC1B,YAAY;GACV,OAAO,MAAM,QAAQ,KAAK;GAC1B,YAAY;GACb;EACD,eAAe;GACb,OAAO,MAAM,QAAQ,KAAK;GAC1B,YAAY;GACb;EACD,sBAAsB,EACpB,WAAW,UAEZ;EACD,WAAW,EACT,OAAO,MAAM,QAAQ,MAAM,MAC5B;EACF;CAED,QAAQ,EAAE;CAEV,WAAW,EAAE;CAEb,OAAO,EAAE;CAET,UAAU,EAAE;CAEZ,eAAe;EACb,YAAY;EACZ,SAAS;EACT,cAAc;EACd,sBAAsB,EACpB,cAAc,GACf;EACF;CAED,kBAAkB,EAAE;CAEpB,gBAAgB,EACd,OAAO,QACR;CACF;AAED,MAAMA,cAAYC,QAAM,WAAW,SAASD,YAAU,OAAO,KAAK;CAChE,MAAM,EAEJ,SAAS,OAET,mBAAmB,OACnB,UACA,SACA,WAEA,YAAY,OACZ,WAAW,OACX,QAAQ,OAER,UACA,MAEA,MACA,UAEA,cAAc,cACd,mBAAmB,uBACnB,cACA,GAAG,UACD;CAEJ,IAAI,oBAAoB;AAExB,QACE,sCAAC;EACC,WAAW,KACT,QAAQ,MACR,QAAQ,cACR;IACG,QAAQ,WAAW;IACnB,QAAQ,mBAAmB;IAC3B,QAAQ,QAAQ;GAClB,EACD,UACD;EACI;EACL,GAAI;IAEH,QAAQ,oBACP,sCAAC,UACC,WAAW,KAAK,QAAQ,eAAe,GACpC,QAAQ,mBAAmB,kBAC7B,CAAC,IAEF,sCAAC;EACY;EACH;EACD;EACD;EACN,GAAI;GACJ,CACG,GACL,MACJ,sCAAC,UAAK,WAAW,QAAQ,kBACtB,WACC,sCAAC;EACC,SAAQ;EACR,WAAU;EACV,SAAQ;EACR,WAAW,KAAK,QAAQ,OAAO;IAC5B,QAAQ,mBAAmB;IAC3B,QAAQ,YAAY;IACpB,QAAQ,SAAS;IACjB,QAAQ,QAAQ;GAClB,CAAC;IAED,SACU,GACX,MACH,SACI,CACF;EAET;AAEF,YAAU,YAAY;CAQpB,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAKrB,UAAU,UAAU;CAIpB,OAAO,UAAU;CAIjB,MAAM,UAAU;CAIhB,UAAU,UAAU;CAIpB,mBAAmB,UAAU;CAI7B,eAAe,UAAU;CAC1B;AAED,YAAU,UAAU;;;;;AAMpB,MAAM,kBAAkB,WAAW,QAAQ,EAAE,MAAM,gBAAgB,CAAC,CAACA,YAAU;AAE/E,wBAAe;;;;AC3Lf,MAAM,iBAAiBE,aAAW;CAChC,kBAAkB;EAChB,KAAK;EACL,MAAM;EACN,OAAO;EACR;CACD,QAAQ,EACN,WAAW,EACT,aAAa,WACd,EACF;CACD,WAAW,EACT,WAAW,EACT,aAAa,WACd,EACF;CACD,MAAM;EACJ,aAAa;EACb,gBAAgB;EAChB,cAAc;EACf;CACF,CAAC,CAACC,gBAAc;AAEjB,MAAM,yBAAyBC,aAAW;CACxC,MAAM;EACJ,OAAO;EACP,SAAS;EACT,QAAQ;EACR,YAAY;EACb;CACD,QAAQ,EACN,OAAO,WACR;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,QAAQ;EACT;CACD,WAAW;EACT,OAAO;EACP,QAAQ;EACR,UAAU;EACX;CACD,WAAW,EACT,SAAS,QACV;CACD,aAAa,EACX,YAAY,QACb;CACF,CAAC;AAEF,MAAM,iBAAiB,UAAU;CAC/B,MAAM,UAAU,wBAAwB;CACxC,MAAM,EAAE,QAAQ,cAAc;AAE9B,QACE,oCAAC,SACC,WAAW,KAAK,QAAQ,MAAM,GAC3B,QAAQ,SAAS,QACnB,CAAC,IAED,YACC,oCAAC,SAAM,WAAW,QAAQ,YAAa,GAEvC,oCAAC,SAAI,WAAW,QAAQ,SAAU,CAEhC;;AAIV,cAAc,YAAY;CAIxB,QAAQ,UAAU;CAIlB,WAAW,UAAU;CACtB;AAED,MAAM,YAAYA,cAAY,WAAW;CACvC,MAAM,EACJ,OAAO,QACR;CACD,QAAQ,EACN,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,cAAc;EACZ,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,UAAU,EACR,WAAW,GACZ;CACF,EAAE;AAWH,MAAa,kBAAkB,EAAE,YAAY,OAAO,kBAAkB;CACpE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAACC;EACC,OAAO;GAAE,YAAY;GAAe,SAAS;GAAG;EAChD,SAAS,EAAE,MAAM,QAAQ,aAAa;EACtC;EACY;EACZ,WAAW,oCAAC,qBAAiB;EAC7B,YAAY;IAEX,MAAM,KAAK,UACV,oCAACC;EAAK,SAAS,EAAE,MAAM,QAAQ,UAAU;EAAE,KAAK;IAC9C,oCAACC;EACC,WAAW,QAAQ;EACnB,mBAAmB;IAEnB,oCAAC,UAAK,OAAO,EAAE,UAAU,IAAI,IAAG,MAAa,CACnC,CACP,CACP,CACM,CACN;;;;;AC5IV,MAAa,yBAAyB,YAAY,mBAAmB;AACnE,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,YAAY;GACd,MAAM,SAAS,IAAI,YAAY;AAE/B,UAAO,SAAS,SAAU,GAAG;IAC3B,MAAM,OAAO,IAAI,WAAW,EAAE,OAAO,OAAO;IAC5C,MAAM,WAAW,KAAK,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;IAEnD,MAAM,YAAY,SAAS,WAAW,gBAAgB,iBAAiB,QAAQ;IAC/E,MAAM,YAAY,SAAS,OAAO;IAGlC,MAAM,OAAO,KAAK,MAAM,cAAc,WAAW,EAC/C,QAAQ,GACT,CAAC;AACF,QAAI,KAAK,SAAS,GAAG;KACnB,MAAM,UAAU,KAAK;KACrB,MAAM,gBAAgB,KAAK;AAC3B,aAAQ;MAAW;MAAS,YAAY;MAAe,CAAC;UAGtD,QAAO,6BAA6B;;AAG1C,UAAO,UAAU,WAAY;AAC3B,WAAO,0BAA0B;;AAGnC,UAAO,kBAAkB,WAAW;QAEpC,QAAO,mBAAmB;GAE5B;;AAGJ,MAAa,wBAAwB,YAAY,mBAAmB;AAClE,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,YAAY;GACd,MAAM,YAAY;GAClB,IAAI,SAAS;GACb,IAAI,kBAAkB;GAEtB,MAAM,SAAS,IAAI,YAAY;AAE/B,UAAO,SAAS,SAAU,GAAG;AAC3B,uBAAmB,EAAE,OAAO;IAE5B,MAAM,QAAQ,gBAAgB,MAAM,KAAK;AACzC,QAAI,MAAM,SAAS,EAGjB,SAAQ;KAAE,SAFM,MAAM,GAAG,QAAQ,OAAO,GAAG,CAAC,MAAM,gBAAgB,WAAW,MAAM;KAEvD,YADN,MAAM,GAAG,QAAQ,OAAO,GAAG,CAAC,MAAM,gBAAgB,WAAW,MAAM;KAClC,CAAC;aAGpD,SAAS,WAAW,KACtB,gBAAe;;AAIrB,UAAO,UAAU,WAAY;AAC3B,WAAO,0BAA0B;;GAGnC,SAAS,gBAAgB;IAEvB,MAAM,OAAO,WAAW,MAAM,QAAQ,SAAS,UAAU;AACzD,WAAO,WAAW,KAAK;AACvB,cAAU;;AAEZ,kBAAe;QAEf,QAAO,mBAAmB;GAE5B;;AAGJ,MAAa,wBAAwB,YAAY,mBAAmB;AAClE,QAAO,IAAI,SAAS,SAAS,WAAW;AACtC,MAAI,YAAY;GACd,MAAM,SAAS,IAAI,YAAY;AAE/B,UAAO,SAAS,SAAU,GAAG;AAC3B,QAAI;KACF,MAAM,WAAW,KAAK,MAAM,EAAE,OAAO,OAAO;KAC5C,MAAM,aAAa,gBAAgB,WAAW,eAAe,UAAU,gBAAgB,SAAS,GAAG;AAEnG,SAAI,MAAM,QAAQ,WAAW,IAAI,WAAW,SAAS,EAEnD,SAAQ;MAAE,SADG,OAAO,KAAK,WAAW,GAAG;MACd,YAAY,WAAW;MAAI,CAAC;SAErD,QAAO,uDAAuD;aAEzD,KAAK;AACZ,YAAO,4BAA4B,IAAI;;;AAG3C,UAAO,UAAU,WAAY;AAC3B,WAAO,0BAA0B;;AAGnC,UAAO,WAAW,WAAW;QAE7B,QAAO,mBAAmB;GAE5B;;AAGJ,MAAM,kBAAkB,KAAK,SAAS;AAClC,QAAO,KAAK,MAAM,IAAI,CAAC,QAAQ,KAAK,QAAQ,OAAO,IAAI,MAAM,IAAI;;;;;ACxGrE,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EAAE,mBAAmB,WAAW;CACtC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAE/D,MAAM,mBAAmB,cAAc;AACrC,MAAI,mBAAmB;GACrB,IAAI,eAAe,mBAAmB;AACtC,OAAI,OAAO,mBAAmB,eAAe,SAC3C,gBAAe,KAAK,MAAM,mBAAmB,WAAW;AAE1D,OACE,oBAAoB,gBACpB,cAAc,mBAAmB,MAEjC,qBAAoB,KAAK;OAEzB,qBAAoB,MAAM;AAE5B,UAAO,OAAO,QAAQ,aAAa,CAAC,KAAK,CAAC,KAAK,YAAY;IACzD;IACA;IACD,EAAE;;IAEJ,CAAC,kBAAkB,CAAC;CAEvB,MAAM,sBAAsB,cAAc;EACxC,IAAI,eAAe,mBAAmB;AACtC,MAAI,OAAO,mBAAmB,YAAY,SACxC,gBAAe,KAAK,MAAM,mBAAmB,QAAQ;AAEvD,MAAI,kBACF,QAAO,OAAO,QAAQ,aAAa;IAEpC,CAAC,kBAAkB,CAAC;AAEvB,QACE,uBACE,oCAAC;EAAY;EAAU,OAAM;EAAwB,UAAU;IAC5D,kBAAkB,KAAK,aACtB,oCAAC;EACC,OAAO,UAAU,IACd,QAAQ,mBAAmB,QAAQ,CACnC,QAAQ,MAAM,SAAU,MAAM;AAC7B,UAAO,KAAK,aAAa;IACzB;EACJ,OACE,UAAU,UAAU,QAChB,UACA,UAAU,UAAU,OACpB,SACA,UAAU;GAEhB,CACF,EAEF,0DACE,oCAAC,SACC,OAAO;EACL,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACb,IAED,oCAAC,cAAW,SAAQ,aACjB,mBAAmB,mBAAmB,eAC5B,EACb,oCAAC,cAAW,SAAQ,aAAU,SAAmB,CAC7C,EACN,oCAAC,WAAQ,OAAO;EAAE,WAAW;EAAG,cAAc;EAAK,GAAI,EACtD,qBAAqB,KAAK,UACzB,oCAAC,SAAI,OAAO,EAAE,QAAQ,IAAI,IACxB,oCAAC,SAAI,OAAO;EAAE,SAAS;EAAQ,eAAe;EAAO,KAAK;EAAI,IAC5D,oCAAC,cAAW,OAAO;EAAE,WAAW;EAAI,OAAO;EAAO,IAC/C,mBACG,WAAW,MAAM,IAAI,cACrB,MAAM,IAAI,gBACH,EACb,oCAAC;EACC,OAAO;GAAE,WAAW;GAAI,OAAO;GAAO;EACtC,WAAW;GACX,EACF,oCAAC,cACC,OAAO;EAAE,WAAW;EAAI,OAAO;EAAO,WAAW;EAAS,IAEzD,MAAM,IAAI,SAAS,QAAQ,YAAY,MAAM,CAAC,MAAM,CAC1C,CACT,EACN,oCAAC,WAAQ,OAAO,EAAE,QAAQ,WAAW,GAAI,CACrC,CACN,CACD,CACS;;;;;ACrEpB,MAAM,2BAA2B,UAAU;CACzC,MAAM,EAAE,iBAAiB,gCAAgC,yBAAyB;CAClF,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,kBAAkB,uBAAuB,UAAU;CAC1D,MAAM,CAAC,eAAe,oBAAoB,UAAU;CACpD,MAAM,CAAC,gBAAgB,qBAAqB,UAAU;CACtD,MAAM,CAAC,kBAAkB,uBAAuB,UAAU;CAC1D,MAAM,CAAC,YAAY,iBAAiB,UAAU;CAC9C,MAAM,CAAC,yBAAyB,8BAA8B,SAAS,EAAE,CAAC;CAC1E,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAC/D,MAAM,CAAC,WAAW,gBAAgB,SAAS,GAAG;CAC9C,MAAM,EAAE,qBAAqB,0BAC3B,wBAAwB;CAE1B,MAAM,2BAA2B,YAC/B,OAAO,SACLC,YACE,cAAc,iBACd,wBACA,EACE,QAAQ,QACT,EACD,EAAE,MAAM,CACT,EACH,EAAE,CACH;CACD,MAAM,EAAE,MAAM,oBAAoB,wBAChC,iBACA,KACD;CAED,MAAM,CAAC,EAAE,MAAM,wBAAwB,2BAA2B,YAChE,cAAc,iBACd,qBACA,EAAE,EACF,MACD;CAED,MAAM,sBAAsB,YAAY,YAAY;AAClD,MAAI,iBAAiB,uBAAuB,eAAe,MAAM,IAAI;GACnE,MAAM,aAAa,MAAM,kBACvB,EACE,MAAM;IACJ,WAAW;IACX,UAAU;IACV,gBAAgB,EAAE;IACnB,EACF,EACD,iBAAiB,uBAAuB,YACzC;AACD,OAAI,YAAY,MAAM,SAAS,SAAS,EACtC,kBAAiB,YAAY,MAAM,SAAS;;IAG/C,CAAC,iBAAiB,KAAK,CAAC;CAE3B,MAAM,0BAA0B,cAAc;AAC5C,SAAO;IACN,CAAC,cAAc,CAAC;CAEnB,MAAM,+BAA+B,WAAW;AAC9C,SAAO,QAAQ,KAAK,QAAQ,YAAY,MAAM,CAAC,MAAM;;CAGvD,MAAM,sBAAsB,WAAW;AACrC,SAAO,QAAQ;;CAGjB,MAAM,mBAAmB,OAAO,eAAe;EAC7C,IAAI;AACJ,MACE,iBAAiB,cAAc,UAC/B,iBAAiB,cAAc,OAE/B,UAAS,MAAM,qBAAqB,YAAY,WAAW;WAClD,iBAAiB,cAAc,QACxC,UAAS,MAAM,sBAAsB,YAAY,WAAW;WACnD,iBAAiB,cAAc,QACxC,UAAS,MAAM,qBAAqB,YAAY,WAAW;AAE7D,sBAAoB,QAAQ,QAAQ;;AAGtC,iBAAgB;AACd,uBAAqB;IACpB,CAAC,oBAAoB,CAAC;CAEzB,MAAM,8BAA8B,YAClC,OAAO,WAAW;AAUhB,OATiB,MAAM,yBAAyB;GAC9C,MAAM,OAAO;GACb,yBAAyB,iBAAiB,eAAe,KAAK;GAC9D,gBAAgB,iBAAiB;GACjC,SAAS,KAAK,UAAU,yBAAyB,QAAQ;GACzD,YAAY,KAAK,UAAU,yBAAyB,WAAW;GAChE,CAAC,CAAC,OAAO,QAAQ;AAChB,uBAAoB,IAAI;IACxB,GACY,WAAW,KAAK;AAC5B,yBAAsB,kBAAkB;AACxC,oBAAiB;AACjB,kCAA+B,MAAM;;IAGzC;EACE;EACA,gBAAgB;EAChB,kBAAkB;EAClB,yBAAyB;EACzB,yBAAyB;EACzB;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,4BAA4B,WAAW;EAC3C,IAAI,QAAQ;AACZ,kBAAgB,iBAAiB,SAAS,WAAW;AACnD,OACE,CAAC,OAAO,SAAS,SAAS,IAAI,IAC9B,CAAC,OAAO,gBACR,CAAC,OAAO,SAER;QACE,CAAC,OAAO,QAAQ,OAAO,CAAC,MACrB,QAAQ,IAAI,GAAG,sBAAsB,OAAO,kBAC9C,EAED;SAAG,qBACD,SAAQ;;;IAId;AACF,MAAI,CAAC,OAAO;AACV,gBAAa,8CAA8C;AAC3D;;EAEF,MAAM,mBAAmB,OAAO,QAAQ,OAAO,CAC5C,QAAQ,CAAC,KAAK,WAAW,UAAU,KAAK,CACxC,QAAQ,KAAK,CAAC,KAAK,WAAW;AAC7B,OAAI,OAAO;AACX,UAAO;KACN,EAAE,CAAC;EACR,MAAM,qBAAqB,OAAO,KAAK,iBAAiB,CAAC,KAAK,QAC5D,SAAS,IAAI,MAAM,kBAAkB,CAAC,IAAI,GAAG,CAC9C;EACD,MAAM,gBAAgB,OAAO,OAAO,iBAAiB,CAAC,KACnD,kBAAkB,UAAU;AAC3B,UAAO;IACL,UAAU,iBAAiB;IAC3B,iBAAiB,CAAC,mBACd,iBAAiB,mBAAmB,UACpC;IACJ,aAAa,CAAC,mBAAmB,KAAK,mBAAmB;IAC1D;IAEJ;AACD,8BAA4B,SAAS;AACnC,UAAO;IAAE,GAAG;IAAM,SAAS;IAAe;IAC1C;AACF,iBAAe,SAAS,OAAO,EAAE;;CAGnC,MAAM,8BAA8B,WAAW;AAC7C,8BAA4B,SAAS;GACnC,IAAI,aAAa,EAAE;AACnB,UAAO,KAAK,OAAO,CAAC,SACjB,YACE,WAAW,WACV,WAAW,OAAO,WACd,OAAO,UAAU,QACjB,OAAO,SAChB;AACD,UAAO;IAAE,GAAG;IAAkB;IAAY;IAC1C;AACF,MAAI,oBAAoB,UAAU,QAAQ,eAAe,UAAU,MACjE,qBAAoB,KAAK;AAE3B,mBAAiB,OAAO;AACxB,iBAAe,SAAS,OAAO,EAAE;;CAGnC,MAAM,0BAA0B,WAAW;AACzC,MACE,CAAC,OAAO,SAAS,SAAS,IAAI,IAC9B,CAAC,OAAO,gBACR,CAAC,OAAO,QAER,QAAO,GAAG,OAAO,KAAK,QAAQ,YAAY,MAAM,CAAC,MAAM,CAAC;AAE1D,SAAO,GAAG,OAAO,KAAK,KAAK,OAAO;;CAGpC,MAAM,yBAAyB,YAAY;AACzC,gBAAc,QAAQ,GAAG;;CAG3B,MAAM,8BAA8B,cAAc;AAChD,MAAI,iBACF,QAAO,KAAK,MAAM,kBAAkB,WAAW;IAEhD,CAAC,iBAAiB,CAAC;AAEtB,QACE,0DACE,oCAAC,eAAY,mBACX,oCAAC,SAAI,OAAO,EAAE,cAAc,IAAI,IAC9B,oCAAC;EACa;EACZ,OAAO;GAAC;GAAQ;GAAU;GAAkB;GAAS;EACrD,aAAY;GACZ,CACE,EACL,eAAe,KACd,0DACE,oCAAC;EACC,YAAY;EACZ,IAAI;EACJ,MAAM;EACN,OAAM;EACN,WAAW,QAAQ,oBAAoB,IAAI;EAC3C,SAAS;EACT,MAAK;EACL,wBAAwB;EACxB,OAAO;EACP;GACA,EACD,oBACC,oCAAC,SAAI,OAAO,EAAE,WAAW,GAAG,IAC1B,oCAAC;EACC,kBAAkB;EAClB,QAAQ;GACN,YAAY,CAAC,OAAO;GACpB,cAAc,CAAC,OAAO;GACtB,qEACE,CAAC,QAAQ;GACX,oBAAoB,CAAC,QAAQ;GAC9B;GACD,CACE,EAER,oCAAC,QAAK,UAAU,8BACb,6BAA6B,KAAK,aACjC,UAAU,UACR,oCAAC;EACC,WAAW;EACX,YAAY;EACZ,IAAI,SAAS;EACb,MAAM,SAAS;EACf,OAAO,SAAS;EAChB,SAAS,SAAS;EAClB,MAAK;EACL,wBAAwB;EACxB,UAAU,UAAU;GACpB,GAEF,oCAAC;EACC,WAAW;EACX,YAAY;EACZ,IAAI,SAAS;EACb,MAAM,SAAS;EACf,OAAO,SAAS;EAChB,MAAK;EACL,wBAAwB;EACxB,UAAU,UAAU;GACpB,CAEL,EACD,oCAAC,eACC,OAAO;EACL,SAAS;EACT,OAAO;EACP,aAAa;EACd,IAED,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;EACjB,UAAU,CAAC;IACZ,OAEc,CACH,CACT,CACN,EAEJ,eAAe,KACd,0DACE,oCAAC;EACC,YAAY;EACZ,IAAI;EACJ,MAAM;EACN,OAAM;EACN,WAAW,QAAQ,kBAAkB,IAAI;EACzC,SAAS;EACT,MAAK;EACL,wBAAwB;EACxB,OAAO;EACP;GACA,EACF,oCAAC,SACC,OAAO;EAAE,OAAO;EAAS,SAAS;EAAQ,KAAK;EAAG,WAAW;EAAG,IAEhE,oCAAC;EACC,SAAQ;EACR,eAAe,eAAe,SAAS,OAAO,EAAE;EAChD,UAAU,eAAe;IAC1B,OAEc,EACf,oCAAC;EACC,SAAQ;EACR,eAAe,eAAe,SAAS,OAAO,EAAE;EAChD,OAAM;EACN,UAAU,CAAC;IACZ,OAEc,CACX,CACL,EAEJ,eAAe,KACd,0DACE,oCAAC,SACC,OAAO;EACL,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACb,IAED,oCAAC,cAAW,SAAQ,aACjB,mBAAmB,mBAAmB,eAC5B,EACb,oCAAC,cAAW,SAAQ,aAAU,aAAuB,CACjD,EACN,oCAACC,aAAQ,OAAO,EAAE,QAAQ,WAAW,GAAI,EACzC,oCAAC;EACC,UAAU;EACV,OAAO,EAAE,WAAW,KAAK;IAExB,kBAAkB,KAAK,OAAO,UAC7B,oCAAC,SAAI,OAAO,EAAE,QAAQ,IAAI,IACxB,oCAAC,SACC,OAAO;EAAE,SAAS;EAAQ,eAAe;EAAO,KAAK;EAAI,IAEzD,oCAAC,cAAW,OAAO;EAAE,WAAW;EAAI,OAAO;EAAO,IAC/C,mBAAmB,WAAW,QAAQ,MAC5B,EACb,oCAAC;EACC,OAAO;GAAE,WAAW;GAAI,OAAO;GAAO;EACtC,WAAW;GACX,EACF,oCAAC;EACC,OAAO,EAAE,QAAQ,IAAI;EACrB,WAAW;EACX,YAAY;EACZ,IAAI,kBAAkB;EACtB,MAAM,kBAAkB;EACxB,SAAS,gBAAgB;EACzB,MAAK;EACL,wBAAwB;GACxB,CACE,EACN,oCAACA,aAAQ,OAAO,EAAE,QAAQ,WAAW,GAAI,CACrC,CACN,EACF,oCAAC,SAAI,OAAO;EAAE,YAAY;EAAI,WAAW;EAAS,OAAO;EAAO,IAC7D,UACG,EACN,oCAAC,eACC,OAAO;EACL,SAAS;EACT,OAAO;EACP,YAAY;EACZ,aAAa;EACd,IAED,oCAAC;EACC,SAAQ;EACR,eAAe,eAAe,SAAS,OAAO,EAAE;EAChD,UAAU,eAAe;IAC1B,OAEc,EACf,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;IAClB,OAEc,CACH,CACT,CACN,EAEJ,eAAe,KACd,oCAAC,QAAK,UAAU,+BACd,oCAAC;EACC,WAAW;EACX,IAAI;EACJ,MAAM;EACN,OAAM;EACN,MAAK;GACL,EACF,oCAAC,eACC,OAAO;EACL,SAAS;EACT,OAAO;EACP,aAAa;EACd,IAED,oCAAC;EACC,SAAQ;EACR,eAAe,eAAe,SAAS,OAAO,EAAE;EAChD,UAAU,eAAe;IAC1B,OAEc,EACf,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;IAEhB,iBACY,CACH,CACT,CAEG,EACb,yBAAyB,WAAU,oCAAC,SAAI,OAAO,EAAE,WAAW,IAAI,IAC/D,oCAAC;EACC,mBAAmB;GACjB,SAAS,yBAAyB;GAClC,YAAY,yBAAyB;GACtC;EACD,QAAQ,gBAAgB,KAAK,QAAQ,YAAY,MAAM,CAAC,MAAM;GAC9D,CACE,CACL;;AAIP,sCAAe;;;;AC/cf,MAAa,6BAA6B,UAAU;CAClD,MAAM,EAAC,iBAAiB,cAAc,uBAAuB,SAAQ;CACrE,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,qBAAqB,0BAA0B,UAAU;CAChE,MAAM,CAAC,sBAAsB,2BAA2B,UAAU;CAClE,MAAM,CAAC,6BAA6B,kCAClC,SAAS,MAAM;CACjB,MAAM,CAAC,YAAY,iBAAiB,UAAU;CAC9C,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,EAAE,qBAAqB,0BAC3B,wBAAwB;CAE1B,MAAM,EAAE,MAAM,+BAA+B,wBAC3C,wBACA,KACD;CAED,MAAM,4BAA4B,YAChC,OAAO,SACLC,YACE,cAAc,iBACd,GAAG,qBAAqB,wBAAwB,qBAChD,EACE,QAAQ,QACT,EACD,EAAE,MAAM,CACT,EACH,CAAC,oBAAoB,CACtB;CAED,MAAM,8BAA8B,YAAY,YAAY;AAC1D,MAAI,4BAA4B,uBAAuB,aAAa;GAClE,MAAM,MAAM,MAAM,kBAChB,EACE,MAAM;IACJ,WAAW;IACX,UAAU;IACV,gBAAgB,EAAE;IACnB,EACF,EACD,4BAA4B,uBAAuB,YACpD;AACD,OAAI,KAAK,MAAM,SAAS,SAAS,EAC/B,yBAAwB,KAAK,MAAM,SAAS;;IAG/C,CAAC,4BAA4B,uBAAuB,YAAY,CAAC;AAEpE,iBAAgB;AACd,+BAA6B;IAC5B,CAAC,4BAA4B,CAAC;CAEjC,MAAM,2BAA2B,YAAY,YAAY;AACvD,eAAa,KAAK;EAClB,MAAM,OAAO;EACb,MAAM,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;EAClD,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,MAAM,KAAK,KAAK;AACxC,WAAS,OAAO,YAAY,MAAM,gBAAgB;AAClD,WAAS,OAAO,QAAQ,oBAAoB,KAAK;AACjD,WAAS,OAAO,2BAA2B,oBAAoB,wBAAwB;AACvF,WAAS,OAAO,kBAAkB,oBAAoB,eAAe;AACrE,WAAS,OAAO,WAAW,oBAAoB,QAAQ;AACvD,WAAS,OAAO,cAAc,oBAAoB,WAAW;AAC7D,WAAS,OAAO,MAAM,oBAAoB,GAAG;AAM7C,OALiB,MAAM,0BAA0B,SAAS,CAAC,OAAO,QAAQ;AACxE,gBAAa,MAAM;AACnB,uBAAoB,IAAI;AACxB,iBAAc;IACd,GACY,WAAW,KAAK;AAC5B,yBAAsB,gBAAgB;AACtC,gBAAa,MAAM;AACnB,sBAAmB,iBAAiB;;IAGrC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,6BAA6B,WAAW;AAC5C,SAAO,GAAG,OAAO,KAAK,IAAI,QAAQ,uCAAuC,UAAU;;CAGrF,MAAM,yBAAyB,YAAY;AACzC,gBAAc,QAAQ,GAAG;;AAG3B,QACE,0DACE,oCAAC,eAAY,mBACX,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,IAC7B,oCAAC;EACC,YAAY;EACZ,IAAI;EACJ,MAAM;EACN,OAAM;EACN,WAAW,QAAQ,uBAAuB,IAAI;EAC9C,SAAS;EACT,MAAK;EACL,wBAAwB;EACxB,OAAO;EACP;EACA,UAAU,WACR,QAAQ,mCAAmC;GAE7C,CACE,EACL,uBACC,oCAAC;EACC,kBAAkB;EAClB,QAAQ;GACN,YAAY,CAAC,OAAO;GACpB,cAAc,CAAC,OAAO;GACtB,qEACE,CAAC,QAAQ;GACX,oBAAoB,CAAC,QAAQ;GAC9B;GACD,EAEJ,oCAAC,SACC,OAAO;EACL,SAAS;EACT,eAAe;EACf,KAAK;EACL,OAAO;EACP,WAAW;EACZ,IAED,oCAAC;EACC,eAAe,+BAA+B,KAAK;EACnD,SAAQ;IACT,qBAEc,EACf,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,SAAS;EACT,UAAU;EACV,UAAU,CAAC;IACZ,cAEc,CACX,EACN,oCAAC;EACC,OAAM;EACN,MAAM;EACN,eAAe,+BAA+B,MAAM;EACpD,OAAO;IAEP,oCAACC;EACC,iBAAiB;EACe;EACV;GACtB,CACQ,CACA,EACd,oCAAC,SAAI,OAAO,EAAE,WAAW,IAAI,IAC3B,oCAAC;EAAqB,mBAAmB;EAAqB,QAAQ,qBAAqB,mCAAmC,cAAc,QAAQ,YAAY,MAAM,CAAC,MAAM;GAAG,CAC5K,CACL"}

package/dist/{InquiryHeaderControl-BCiMFs_v.js → InquiryHeaderControl-DClEzP6_.js} RENAMED Viewed

@@ -37,4 +37,4 @@ const InquiryHeaderControl = (props) => {
 //#endregion
 export { InquiryHeaderTitleTarget as i, InquiryHeaderControlTarget as n, InquiryHeaderTitle as r, InquiryHeaderControl as t };
-//# sourceMappingURL=InquiryHeaderControl-BCiMFs_v.js.map
+//# sourceMappingURL=InquiryHeaderControl-DClEzP6_.js.map

package/dist/{InquiryHeaderControl-BCiMFs_v.js.map → InquiryHeaderControl-DClEzP6_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InquiryHeaderControl-~~BCiMFs_v~~.js","names":[],"sources":["../src/utilities/utilityBar/InquiryHeaderTitle.jsx","../src/utilities/utilityBar/InquiryHeaderControl.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderTitles = createTeleporter({\n multiSources: true\n})\n\n/*\n @param {any} props\n /\nexport function InquiryHeaderTitleTarget(props) {\n return <InquiryHeaderTitles.Target {...props} />\n}\n\n/\n Places a title in the App SubHeader\n /\nexport const InquiryHeaderTitle = (props) => {\n const { children, className, ...buttonProps } = props\n\n return <InquiryHeaderTitles.Source>{children}</InquiryHeaderTitles.Source>\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderControls = createTeleporter({\n multiSources: true\n})\n\n/\n Lightweight wrapper to avoid exporting inferred variable types.\n * @param {any} props\n /\nexport function InquiryHeaderControlTarget(props) {\n return <InquiryHeaderControls.Target {...props} />\n}\n\n/\n Places a Control in the App SubHeader\n */\nexport const InquiryHeaderControl = (props) => {\n const { children } = props\n\n return <InquiryHeaderControls.Source>{children}</InquiryHeaderControls.Source>\n}\n"],"mappings":";;;;AAGA,MAAM,sBAAsB,iBAAiB,EAC3C,cAAc,MACf,CAAC;;;;AAKF,SAAgB,yBAAyB,OAAO;AAC9C,QAAO,oCAAC,oBAAoB,QAAW,MAAS;;;;;AAMlD,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,oBAAoB,cAAQ,SAAsC;;;;;ACjB5E,MAAM,wBAAwB,iBAAiB,EAC7C,cAAc,MACf,CAAC;;;;;AAMF,SAAgB,2BAA2B,OAAO;AAChD,QAAO,oCAAC,sBAAsB,QAAW,MAAS;;;;;AAMpD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EAAE,aAAa;AAErB,QAAO,oCAAC,sBAAsB,cAAQ,SAAwC"}
1	+ {"version":3,"file":"InquiryHeaderControl-DClEzP6_.js","names":[],"sources":["../src/utilities/utilityBar/InquiryHeaderTitle.jsx","../src/utilities/utilityBar/InquiryHeaderControl.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderTitles = createTeleporter({\n multiSources: true\n})\n\n/*\n @param {any} props\n /\nexport function InquiryHeaderTitleTarget(props) {\n return <InquiryHeaderTitles.Target {...props} />\n}\n\n/\n Places a title in the App SubHeader\n /\nexport const InquiryHeaderTitle = (props) => {\n const { children, className, ...buttonProps } = props\n\n return <InquiryHeaderTitles.Source>{children}</InquiryHeaderTitles.Source>\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderControls = createTeleporter({\n multiSources: true\n})\n\n/\n Lightweight wrapper to avoid exporting inferred variable types.\n * @param {any} props\n /\nexport function InquiryHeaderControlTarget(props) {\n return <InquiryHeaderControls.Target {...props} />\n}\n\n/\n Places a Control in the App SubHeader\n */\nexport const InquiryHeaderControl = (props) => {\n const { children } = props\n\n return <InquiryHeaderControls.Source>{children}</InquiryHeaderControls.Source>\n}\n"],"mappings":";;;;AAGA,MAAM,sBAAsB,iBAAiB,EAC3C,cAAc,MACf,CAAC;;;;AAKF,SAAgB,yBAAyB,OAAO;AAC9C,QAAO,oCAAC,oBAAoB,QAAW,MAAS;;;;;AAMlD,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,oBAAoB,cAAQ,SAAsC;;;;;ACjB5E,MAAM,wBAAwB,iBAAiB,EAC7C,cAAc,MACf,CAAC;;;;;AAMF,SAAgB,2BAA2B,OAAO;AAChD,QAAO,oCAAC,sBAAsB,QAAW,MAAS;;;;;AAMpD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EAAE,aAAa;AAErB,QAAO,oCAAC,sBAAsB,cAAQ,SAAwC"}

package/dist/{KeyValueTextField-B2h4ugP1.js → KeyValueTextField-YjvoszxB.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as Field } from "./Field-Cpjv208h.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-C8Gr_PHd.js";
-import { t as FluentTextField } from "./FluentTextField-CgQcsDtq.js";
+import { t as FluentTextField } from "./FluentTextField-CPpViNni.js";
 import React, { forwardRef, useCallback, useEffect, useState } from "react";
 import { Checkbox, TextField, makeStyles } from "@material-ui/core";
 import { AddIcon } from "@fluentui/react-icons";
@@ -101,4 +101,4 @@ const KeyValueTextField = (props) => {
 //#endregion
 export { FluentTagField as n, FluentTagFieldComponent as r, KeyValueTextField as t };
-//# sourceMappingURL=KeyValueTextField-B2h4ugP1.js.map
+//# sourceMappingURL=KeyValueTextField-YjvoszxB.js.map

package/dist/{KeyValueTextField-B2h4ugP1.js.map → KeyValueTextField-YjvoszxB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KeyValueTextField-~~B2h4ugP1~~.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&[class=\"MuiOutlinedInput-root\"][class=\"MuiOutlinedInput-marginDense\"]':\n {\n padding: '4px 8px',\n height: 'auto'\n }\n }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n const classes = useStyles(props);\n const {\n id,\n data,\n startAdornment,\n endAdornment,\n onChange: onChangeProp,\n autoCompleteProps,\n displayProperty,\n width = 300,\n height = 'auto',\n ...otherProps\n } = props;\n\n const onChange = useCallback(\n (e, value) => onChangeProp?.(value),\n [onChangeProp]\n );\n\n const getOptionLabel = (option) => {\n if (displayProperty) {\n return option[displayProperty] \|\| '';\n }\n return option;\n };\n\n return (\n <Autocomplete\n classes={{\n inputRoot: classes.root\n }}\n multiple\n id={id}\n onChange={onChange}\n options={data}\n getOptionLabel={getOptionLabel}\n style={{ width, height }}\n {...autoCompleteProps}\n renderInput={(params) => {\n return <FluentTextField {...otherProps} {...params} />;\n }}\n renderOption={(option, { selected }) => {\n const isSelectedValue =\n displayProperty &&\n autoCompleteProps?.value?.some(\n (item) => item[displayProperty] === option[displayProperty]\n );\n\n return (\n <li>\n <Checkbox\n {...otherProps}\n style={{ marginRight: 8 }}\n checked={selected \|\| isSelectedValue}\n />\n {getOptionLabel(option)}\n </li>\n );\n }}\n />\n );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n const {previousValues, fieldName} = props\n const [numFields, setNumFields] = useState(1);\n\n const addField = () => {\n setNumFields(numFields + 1);\n };\n\n useEffect(()=>{\n if(previousValues){\n const numPrevValues = Object.keys(previousValues).length\n setNumFields(numPrevValues)\n }\n \n },[previousValues])\n\n return (\n <div>\n {Array.from({ length: numFields }).map((_, index) => (\n <div key={index} style={{ display: 'flex', gap: 5 }}>\n <Field\n component={TextField}\n id={`${fieldName}Key${index + 1}`}\n name={`${fieldName}Key${index + 1}`}\n label={`Parameter Name ${index + 1}`}\n variant='filled'\n size='small'\n required={false}\n fullWidth\n initialValue={previousValues && Object.keys(previousValues)[index]}\n />\n <Field\n component={TextField}\n id={`${fieldName}Value${index + 1}`}\n name={`${fieldName}Value${index + 1}`}\n label={`Value ${index + 1}`}\n variant='filled'\n size='small'\n required={false}\n fullWidth\n initialValue={previousValues && Object.values(previousValues)[index]}\n />\n </div>\n ))}\n <div style={{display: 'flex', justifyContent: 'right'}}>\n <IconButtonWithTooltip\n icon={AddIcon}\n onClick={addField}\n title='Add field'\n />\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,OACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}
1	+ {"version":3,"file":"KeyValueTextField-YjvoszxB.js","names":[],"sources":["../src/UI/inputs/textField/FluentTagField.jsx","../src/UI/inputs/textField/KeyValueTextField.jsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { makeStyles, Checkbox } from '@material-ui/core';\nimport { FluentTextField } from './FluentTextField';\nimport { Autocomplete } from '@material-ui/lab';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&[class=\"MuiOutlinedInput-root\"][class=\"MuiOutlinedInput-marginDense\"]':\n {\n padding: '4px 8px',\n height: 'auto'\n }\n }\n}));\n\nexport const FluentTagFieldComponent = (props, ref) => {\n const classes = useStyles(props);\n const {\n id,\n data,\n startAdornment,\n endAdornment,\n onChange: onChangeProp,\n autoCompleteProps,\n displayProperty,\n width = 300,\n height = 'auto',\n ...otherProps\n } = props;\n\n const onChange = useCallback(\n (e, value) => onChangeProp?.(value),\n [onChangeProp]\n );\n\n const getOptionLabel = (option) => {\n if (displayProperty) {\n return option[displayProperty] \|\| '';\n }\n return option;\n };\n\n return (\n <Autocomplete\n classes={{\n inputRoot: classes.root\n }}\n multiple\n id={id}\n onChange={onChange}\n options={data}\n getOptionLabel={getOptionLabel}\n style={{ width, height }}\n {...autoCompleteProps}\n renderInput={(params) => {\n return <FluentTextField {...otherProps} {...params} />;\n }}\n renderOption={(option, { selected }) => {\n const isSelectedValue =\n displayProperty &&\n autoCompleteProps?.value?.some(\n (item) => item[displayProperty] === option[displayProperty]\n );\n\n return (\n <li>\n <Checkbox\n {...otherProps}\n style={{ marginRight: 8 }}\n checked={selected \|\| isSelectedValue}\n />\n {getOptionLabel(option)}\n </li>\n );\n }}\n />\n );\n};\n\nexport const FluentTagField = forwardRef(FluentTagFieldComponent);\n","import React, { useState, useEffect } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { AddIcon } from '@fluentui/react-icons';\nimport { Field } from '../../../utilities/form';\n\nexport const KeyValueTextField = (props) => {\n const {previousValues, fieldName} = props\n const [numFields, setNumFields] = useState(1);\n\n const addField = () => {\n setNumFields(numFields + 1);\n };\n\n useEffect(()=>{\n if(previousValues){\n const numPrevValues = Object.keys(previousValues).length\n setNumFields(numPrevValues)\n }\n \n },[previousValues])\n\n return (\n <div>\n {Array.from({ length: numFields }).map((_, index) => (\n <div key={index} style={{ display: 'flex', gap: 5 }}>\n <Field\n component={TextField}\n id={`${fieldName}Key${index + 1}`}\n name={`${fieldName}Key${index + 1}`}\n label={`Parameter Name ${index + 1}`}\n variant='filled'\n size='small'\n required={false}\n fullWidth\n initialValue={previousValues && Object.keys(previousValues)[index]}\n />\n <Field\n component={TextField}\n id={`${fieldName}Value${index + 1}`}\n name={`${fieldName}Value${index + 1}`}\n label={`Value ${index + 1}`}\n variant='filled'\n size='small'\n required={false}\n fullWidth\n initialValue={previousValues && Object.values(previousValues)[index]}\n />\n </div>\n ))}\n <div style={{display: 'flex', justifyContent: 'right'}}>\n <IconButtonWithTooltip\n icon={AddIcon}\n onClick={addField}\n title='Add field'\n />\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,gFACE;CACE,SAAS;CACT,QAAQ;CACT,EACJ,EACF,EAAE;AAEH,MAAa,2BAA2B,OAAO,QAAQ;CACrD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,MACA,gBACA,cACA,UAAU,cACV,mBACA,iBACA,QAAQ,KACR,SAAS,OACT,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU,eAAe,MAAM,EACnC,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,WAAW;AACjC,MAAI,gBACF,QAAO,OAAO,oBAAoB;AAEpC,SAAO;;AAGT,QACE,oCAAC;EACC,SAAS,EACP,WAAW,QAAQ,MACpB;EACD;EACI;EACM;EACV,SAAS;EACO;EAChB,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;EACJ,cAAc,WAAW;AACvB,UAAO,oCAAC;IAAgB,GAAI;IAAY,GAAI;KAAU;;EAExD,eAAe,QAAQ,EAAE,eAAe;GACtC,MAAM,kBACJ,mBACA,mBAAmB,OAAO,MACvB,SAAS,KAAK,qBAAqB,OAAO,iBAC5C;AAEH,UACE,oCAAC,YACC,oCAAC;IACC,GAAI;IACJ,OAAO,EAAE,aAAa,GAAG;IACzB,SAAS,YAAY;KACrB,EACD,eAAe,OAAO,CACpB;;GAGT;;AAIN,MAAa,iBAAiB,WAAW,wBAAwB;;;;ACzEjE,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAC,gBAAgB,cAAa;CACpC,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE;CAE7C,MAAM,iBAAiB;AACrB,eAAa,YAAY,EAAE;;AAG7B,iBAAc;AACZ,MAAG,gBAAe;GAChB,MAAM,gBAAgB,OAAO,KAAK,eAAe,CAAC;AAClD,gBAAa,cAAc;;IAG7B,CAAC,eAAe,CAAC;AAEnB,QACE,oCAAC,aACE,MAAM,KAAK,EAAE,QAAQ,WAAW,CAAC,CAAC,KAAK,GAAG,UACzC,oCAAC;EAAI,KAAK;EAAO,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAG;IACjD,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,KAAK,QAAQ;EAC9B,MAAM,GAAG,UAAU,KAAK,QAAQ;EAChC,OAAO,kBAAkB,QAAQ;EACjC,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,KAAK,eAAe,CAAC;GAC5D,EACF,oCAAC;EACC,WAAW;EACX,IAAI,GAAG,UAAU,OAAO,QAAQ;EAChC,MAAM,GAAG,UAAU,OAAO,QAAQ;EAClC,OAAO,SAAS,QAAQ;EACxB,SAAQ;EACR,MAAK;EACL,UAAU;EACV;EACA,cAAc,kBAAkB,OAAO,OAAO,eAAe,CAAC;GAC9D,CACE,CACN,EACF,oCAAC,SAAI,OAAO;EAAC,SAAS;EAAQ,gBAAgB;EAAQ,IACtD,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAM;GACN,CACI,CACF"}

package/dist/{LinearProgress-BiBVB7Dw.js → LinearProgress-DvXOb1Ck.js} RENAMED Viewed

@@ -46,4 +46,4 @@ const LinearProgress$1 = (props) => {
 //#endregion
 export { LinearProgress$1 as t };
-//# sourceMappingURL=LinearProgress-BiBVB7Dw.js.map
+//# sourceMappingURL=LinearProgress-DvXOb1Ck.js.map

package/dist/{LinearProgress-BiBVB7Dw.js.map → LinearProgress-DvXOb1Ck.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinearProgress-~~BiBVB7Dw~~.js","names":["makeStyles","LinearProgress","MuiLinearProgress"],"sources":["../src/UI/loading/LinearProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { LinearProgress as MuiLinearProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.grey[300]\n },\n barColorPrimary: {\n backgroundColor: theme.palette.primary.main\n },\n barColorSecondary: {\n backgroundColor: theme.palette.secondary.main\n },\n barColorSuccess: {\n backgroundColor: theme.palette.success.main\n },\n barColorError: {\n backgroundColor: theme.palette.error.main\n },\n barColorWarning: {\n backgroundColor: theme.palette.warning.main\n },\n barColorInfo: {\n backgroundColor: theme.palette.info.main\n },\n // Custom bar color class\n customColorBar: (props) => ({\n backgroundColor: props.color\n })\n}));\n\nexport const LinearProgress = (props) => {\n const {\n variant = 'indeterminate',\n value,\n color = 'primary',\n ...otherProps\n } = props;\n\n const isPredefinedColor = [\n 'primary',\n 'secondary',\n 'success',\n 'error',\n 'warning',\n 'info'\n ].includes(color);\n const classes = useStyles({ color });\n\n return (\n <MuiLinearProgress\n {...otherProps}\n variant={variant}\n value={value}\n classes={{\n root: classes.root,\n bar: clsx({\n [classes.barColorPrimary]: color === 'primary',\n [classes.barColorSecondary]: color === 'secondary',\n [classes.barColorSuccess]: color === 'success',\n [classes.barColorError]: color === 'error',\n [classes.barColorWarning]: color === 'warning',\n [classes.barColorInfo]: color === 'info',\n [classes.customColorBar]: !isPredefinedColor\n })\n }}\n />\n );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAY,WAAW;CACvC,MAAM,EACJ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,mBAAmB,EACjB,iBAAiB,MAAM,QAAQ,UAAU,MAC1C;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,eAAe,EACb,iBAAiB,MAAM,QAAQ,MAAM,MACtC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,cAAc,EACZ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CAED,iBAAiB,WAAW,EAC1B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,oBAAkB,UAAU;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,KAAK,KAAK;KACP,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,UAAU;KACtC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,gBAAgB,UAAU;KAClC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,eAAe,UAAU;KACjC,QAAQ,iBAAiB,CAAC;IAC5B,CAAC;GACH;GACD"}
1	+ {"version":3,"file":"LinearProgress-DvXOb1Ck.js","names":["makeStyles","LinearProgress","MuiLinearProgress"],"sources":["../src/UI/loading/LinearProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { LinearProgress as MuiLinearProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n backgroundColor: theme.palette.grey[300]\n },\n barColorPrimary: {\n backgroundColor: theme.palette.primary.main\n },\n barColorSecondary: {\n backgroundColor: theme.palette.secondary.main\n },\n barColorSuccess: {\n backgroundColor: theme.palette.success.main\n },\n barColorError: {\n backgroundColor: theme.palette.error.main\n },\n barColorWarning: {\n backgroundColor: theme.palette.warning.main\n },\n barColorInfo: {\n backgroundColor: theme.palette.info.main\n },\n // Custom bar color class\n customColorBar: (props) => ({\n backgroundColor: props.color\n })\n}));\n\nexport const LinearProgress = (props) => {\n const {\n variant = 'indeterminate',\n value,\n color = 'primary',\n ...otherProps\n } = props;\n\n const isPredefinedColor = [\n 'primary',\n 'secondary',\n 'success',\n 'error',\n 'warning',\n 'info'\n ].includes(color);\n const classes = useStyles({ color });\n\n return (\n <MuiLinearProgress\n {...otherProps}\n variant={variant}\n value={value}\n classes={{\n root: classes.root,\n bar: clsx({\n [classes.barColorPrimary]: color === 'primary',\n [classes.barColorSecondary]: color === 'secondary',\n [classes.barColorSuccess]: color === 'success',\n [classes.barColorError]: color === 'error',\n [classes.barColorWarning]: color === 'warning',\n [classes.barColorInfo]: color === 'info',\n [classes.customColorBar]: !isPredefinedColor\n })\n }}\n />\n );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAY,WAAW;CACvC,MAAM,EACJ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,mBAAmB,EACjB,iBAAiB,MAAM,QAAQ,UAAU,MAC1C;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,eAAe,EACb,iBAAiB,MAAM,QAAQ,MAAM,MACtC;CACD,iBAAiB,EACf,iBAAiB,MAAM,QAAQ,QAAQ,MACxC;CACD,cAAc,EACZ,iBAAiB,MAAM,QAAQ,KAAK,MACrC;CAED,iBAAiB,WAAW,EAC1B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,oBAAkB,UAAU;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,KAAK,KAAK;KACP,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,UAAU;KACtC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,gBAAgB,UAAU;KAClC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,eAAe,UAAU;KACjC,QAAQ,iBAAiB,CAAC;IAC5B,CAAC;GACH;GACD"}

package/dist/{LoadingOverlay-DMaSZ_lL.js → LoadingOverlay-DC798-1h.js} RENAMED Viewed

@@ -14,4 +14,4 @@ var LoadingOverlay_default = LoadingOverlay;
 //#endregion
 export { LoadingOverlay_default as t };
-//# sourceMappingURL=LoadingOverlay-DMaSZ_lL.js.map
+//# sourceMappingURL=LoadingOverlay-DC798-1h.js.map

package/dist/{LoadingOverlay-DMaSZ_lL.js.map → LoadingOverlay-DC798-1h.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadingOverlay-~~DMaSZ_lL~~.js","names":["useTheme"],"sources":["../src/UI/loading/LoadingOverlay.jsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\nimport { CircularProgress, Backdrop } from '@material-ui/core';\n\n\nconst LoadingOverlay = ({open = true}) => {\n const theme = useTheme();\n return (\n <Backdrop open={open} style={{zIndex: theme.zIndex.modal + 1}}>\n <CircularProgress color=\"primary\" />\n </Backdrop>\n );\n};\n\nexport default LoadingOverlay;\n"],"mappings":";;;;;AAKA,MAAM,kBAAkB,EAAC,OAAO,WAAU;CACxC,MAAM,QAAQA,YAAU;AACxB,QACE,oCAAC;EAAe;EAAM,OAAO,EAAC,QAAQ,MAAM,OAAO,QAAQ,GAAE;IAC3D,oCAAC,oBAAiB,OAAM,YAAY,CAC3B;;AAIf,6BAAe"}
1	+ {"version":3,"file":"LoadingOverlay-DC798-1h.js","names":["useTheme"],"sources":["../src/UI/loading/LoadingOverlay.jsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@material-ui/core/styles';\nimport { CircularProgress, Backdrop } from '@material-ui/core';\n\n\nconst LoadingOverlay = ({open = true}) => {\n const theme = useTheme();\n return (\n <Backdrop open={open} style={{zIndex: theme.zIndex.modal + 1}}>\n <CircularProgress color=\"primary\" />\n </Backdrop>\n );\n};\n\nexport default LoadingOverlay;\n"],"mappings":";;;;;AAKA,MAAM,kBAAkB,EAAC,OAAO,WAAU;CACxC,MAAM,QAAQA,YAAU;AACxB,QACE,oCAAC;EAAe;EAAM,OAAO,EAAC,QAAQ,MAAM,OAAO,QAAQ,GAAE;IAC3D,oCAAC,oBAAiB,OAAM,YAAY,CAC3B;;AAIf,6BAAe"}

package/dist/{LocalRedirectUrlStorage-BY-L7N4U.js → LocalRedirectUrlStorage-CRvlUZw0.js} RENAMED Viewed

@@ -18,4 +18,4 @@ const clearStoredPath = () => {
 //#endregion
 export { storePath as a, storeInitialPath as i, getStoredPath as n, storeCurrentPath as r, clearStoredPath as t };
-//# sourceMappingURL=LocalRedirectUrlStorage-BY-L7N4U.js.map
+//# sourceMappingURL=LocalRedirectUrlStorage-CRvlUZw0.js.map

package/dist/{LocalRedirectUrlStorage-BY-L7N4U.js.map → LocalRedirectUrlStorage-CRvlUZw0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocalRedirectUrlStorage-~~BY-L7N4U~~.js","names":[],"sources":["../src/utilities/redirect/LocalRedirectUrlStorage.js"],"sourcesContent":["const SessionStorageKey = 'local-url';\n\nexport const storeInitialPath = () => {\n if (\n !window.sessionStorage.getItem(SessionStorageKey) \|\|\n window.sessionStorage.getItem(SessionStorageKey) === '/' \|\|\n window.sessionStorage.getItem(SessionStorageKey) === '/null'\n ) {\n window.sessionStorage.setItem(\n SessionStorageKey,\n window.location.pathname === '/null' ? '/' : window.location.pathname\n );\n }\n};\n\nexport const storeCurrentPath = () => {\n window.sessionStorage.setItem(SessionStorageKey, window.location.pathname);\n};\n\nexport const storePath = pathname => {\n window.sessionStorage.setItem(SessionStorageKey, pathname);\n};\n\nexport const getStoredPath = () => {\n return window.sessionStorage.getItem(SessionStorageKey);\n};\n\nexport const clearStoredPath = () => {\n window.sessionStorage.removeItem(SessionStorageKey);\n};\n"],"mappings":";AAAA,MAAM,oBAAoB;AAE1B,MAAa,yBAAyB;AACpC,KACE,CAAC,OAAO,eAAe,QAAQ,kBAAkB,IACjD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,OACrD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,QAErD,QAAO,eAAe,QACpB,mBACA,OAAO,SAAS,aAAa,UAAU,MAAM,OAAO,SAAS,SAC9D;;AAIL,MAAa,yBAAyB;AACpC,QAAO,eAAe,QAAQ,mBAAmB,OAAO,SAAS,SAAS;;AAG5E,MAAa,aAAY,aAAY;AACnC,QAAO,eAAe,QAAQ,mBAAmB,SAAS;;AAG5D,MAAa,sBAAsB;AACjC,QAAO,OAAO,eAAe,QAAQ,kBAAkB;;AAGzD,MAAa,wBAAwB;AACnC,QAAO,eAAe,WAAW,kBAAkB"}
1	+ {"version":3,"file":"LocalRedirectUrlStorage-CRvlUZw0.js","names":[],"sources":["../src/utilities/redirect/LocalRedirectUrlStorage.js"],"sourcesContent":["const SessionStorageKey = 'local-url';\n\nexport const storeInitialPath = () => {\n if (\n !window.sessionStorage.getItem(SessionStorageKey) \|\|\n window.sessionStorage.getItem(SessionStorageKey) === '/' \|\|\n window.sessionStorage.getItem(SessionStorageKey) === '/null'\n ) {\n window.sessionStorage.setItem(\n SessionStorageKey,\n window.location.pathname === '/null' ? '/' : window.location.pathname\n );\n }\n};\n\nexport const storeCurrentPath = () => {\n window.sessionStorage.setItem(SessionStorageKey, window.location.pathname);\n};\n\nexport const storePath = pathname => {\n window.sessionStorage.setItem(SessionStorageKey, pathname);\n};\n\nexport const getStoredPath = () => {\n return window.sessionStorage.getItem(SessionStorageKey);\n};\n\nexport const clearStoredPath = () => {\n window.sessionStorage.removeItem(SessionStorageKey);\n};\n"],"mappings":";AAAA,MAAM,oBAAoB;AAE1B,MAAa,yBAAyB;AACpC,KACE,CAAC,OAAO,eAAe,QAAQ,kBAAkB,IACjD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,OACrD,OAAO,eAAe,QAAQ,kBAAkB,KAAK,QAErD,QAAO,eAAe,QACpB,mBACA,OAAO,SAAS,aAAa,UAAU,MAAM,OAAO,SAAS,SAC9D;;AAIL,MAAa,yBAAyB;AACpC,QAAO,eAAe,QAAQ,mBAAmB,OAAO,SAAS,SAAS;;AAG5E,MAAa,aAAY,aAAY;AACnC,QAAO,eAAe,QAAQ,mBAAmB,SAAS;;AAG5D,MAAa,sBAAsB;AACjC,QAAO,OAAO,eAAe,QAAQ,kBAAkB;;AAGzD,MAAa,wBAAwB;AACnC,QAAO,eAAe,WAAW,kBAAkB"}

package/dist/{Map-D2_8ACTx.js → Map-B_ESwi9p.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as MapContext_default } from "./MapContext-DMHlc2jW.js";
+import { t as MapContext_default } from "./MapContext-BmClJmMl.js";
 import React, { useEffect, useRef, useState } from "react";
 import { makeStyles } from "@material-ui/core";
 import * as ol from "ol";
@@ -53,4 +53,4 @@ var Map_default = Map;
 //#endregion
 export { Map_default as t };
-//# sourceMappingURL=Map-D2_8ACTx.js.map
+//# sourceMappingURL=Map-B_ESwi9p.js.map

package/dist/{Map-D2_8ACTx.js.map → Map-B_ESwi9p.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map-~~D2_8ACTx~~.js","names":["defaultInteractions","MapContext"],"sources":["../src/maps/openLayerMaps/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport './Map.css'\nimport MapContext from './MapContext'\nimport * as ol from 'ol'\nimport {\n DragRotateAndZoom,\n defaults as defaultInteractions\n} from 'ol/interaction'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n minWidth: 600,\n height: '85vh'\n }\n}))\n\nconst Map = ({ children, zoom, projection }) => {\n const classes = useStyles()\n const mapRef = useRef()\n const [map, setMap] = useState(null)\n const center = [-73.975535, 40.691783]\n // on component mount\n useEffect(() => {\n const options = {\n view: new ol.View({ zoom, center, projection }),\n interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n layers: [],\n controls: [],\n overlays: []\n }\n\n const mapObject = new ol.Map(options)\n mapObject.setTarget(mapRef.current)\n setMap(mapObject)\n\n return () => mapObject.setTarget(undefined)\n }, [])\n\n // zoom change handler\n useEffect(() => {\n if (!map) return\n\n map.getView().setZoom(zoom)\n }, [zoom])\n\n // center change handler\n useEffect(() => {\n if (!map) return\n\n map.getView().setCenter(center)\n }, [center])\n\n useEffect(() => {\n if (!map) return\n map.getview().getprojection(projection)\n }, [projection])\n\n return (\n <MapContext.Provider value={{ map }}>\n <div ref={mapRef} className={classes.root}>\n {children}\n </div>\n </MapContext.Provider>\n )\n}\n\nexport default Map\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,QAAQ;CACT,EACF,EAAE;AAEH,MAAM,OAAO,EAAE,UAAU,MAAM,iBAAiB;CAC9C,MAAM,UAAU,WAAW;CAC3B,MAAM,SAAS,QAAQ;CACvB,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK;CACpC,MAAM,SAAS,CAAC,YAAY,UAAU;AAEtC,iBAAgB;EACd,MAAM,UAAU;GACd,MAAM,IAAI,GAAG,KAAK;IAAE;IAAM;IAAQ;IAAY,CAAC;GAC/C,cAAcA,UAAqB,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,CAAC;GACrE,QAAQ,EAAE;GACV,UAAU,EAAE;GACZ,UAAU,EAAE;GACb;EAED,MAAM,YAAY,IAAI,GAAG,IAAI,QAAQ;AACrC,YAAU,UAAU,OAAO,QAAQ;AACnC,SAAO,UAAU;AAEjB,eAAa,UAAU,UAAU,OAAU;IAC1C,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,QAAQ,KAAK;IAC1B,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,UAAU,OAAO;IAC9B,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,CAAC,IAAK;AACV,MAAI,SAAS,CAAC,cAAc,WAAW;IACtC,CAAC,WAAW,CAAC;AAEhB,QACE,oCAACC,mBAAW,YAAS,OAAO,EAAE,KAAK,IACjC,oCAAC;EAAI,KAAK;EAAQ,WAAW,QAAQ;IAClC,SACG,CACc;;AAI1B,kBAAe"}
1	+ {"version":3,"file":"Map-B_ESwi9p.js","names":["defaultInteractions","MapContext"],"sources":["../src/maps/openLayerMaps/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport './Map.css'\nimport MapContext from './MapContext'\nimport * as ol from 'ol'\nimport {\n DragRotateAndZoom,\n defaults as defaultInteractions\n} from 'ol/interaction'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n minWidth: 600,\n height: '85vh'\n }\n}))\n\nconst Map = ({ children, zoom, projection }) => {\n const classes = useStyles()\n const mapRef = useRef()\n const [map, setMap] = useState(null)\n const center = [-73.975535, 40.691783]\n // on component mount\n useEffect(() => {\n const options = {\n view: new ol.View({ zoom, center, projection }),\n interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n layers: [],\n controls: [],\n overlays: []\n }\n\n const mapObject = new ol.Map(options)\n mapObject.setTarget(mapRef.current)\n setMap(mapObject)\n\n return () => mapObject.setTarget(undefined)\n }, [])\n\n // zoom change handler\n useEffect(() => {\n if (!map) return\n\n map.getView().setZoom(zoom)\n }, [zoom])\n\n // center change handler\n useEffect(() => {\n if (!map) return\n\n map.getView().setCenter(center)\n }, [center])\n\n useEffect(() => {\n if (!map) return\n map.getview().getprojection(projection)\n }, [projection])\n\n return (\n <MapContext.Provider value={{ map }}>\n <div ref={mapRef} className={classes.root}>\n {children}\n </div>\n </MapContext.Provider>\n )\n}\n\nexport default Map\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,QAAQ;CACT,EACF,EAAE;AAEH,MAAM,OAAO,EAAE,UAAU,MAAM,iBAAiB;CAC9C,MAAM,UAAU,WAAW;CAC3B,MAAM,SAAS,QAAQ;CACvB,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK;CACpC,MAAM,SAAS,CAAC,YAAY,UAAU;AAEtC,iBAAgB;EACd,MAAM,UAAU;GACd,MAAM,IAAI,GAAG,KAAK;IAAE;IAAM;IAAQ;IAAY,CAAC;GAC/C,cAAcA,UAAqB,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,CAAC;GACrE,QAAQ,EAAE;GACV,UAAU,EAAE;GACZ,UAAU,EAAE;GACb;EAED,MAAM,YAAY,IAAI,GAAG,IAAI,QAAQ;AACrC,YAAU,UAAU,OAAO,QAAQ;AACnC,SAAO,UAAU;AAEjB,eAAa,UAAU,UAAU,OAAU;IAC1C,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,QAAQ,KAAK;IAC1B,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,UAAU,OAAO;IAC9B,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,CAAC,IAAK;AACV,MAAI,SAAS,CAAC,cAAc,WAAW;IACtC,CAAC,WAAW,CAAC;AAEhB,QACE,oCAACC,mBAAW,YAAS,OAAO,EAAE,KAAK,IACjC,oCAAC;EAAI,KAAK;EAAQ,WAAW,QAAQ;IAClC,SACG,CACc;;AAI1B,kBAAe"}

package/dist/{Map-ChRg-LpE.js → Map-DWXcBhH1.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { t as MapContext_default } from "./MapContext-DyuJF6vT.js";
-import { t as GeoLocation_default } from "./GeoLocation-CpjesoCi.js";
-import { t as usePrevious } from "./usePrevious-DcRHSVFh.js";
+import { t as MapContext_default } from "./MapContext-C0QCTK9-.js";
+import { t as GeoLocation_default } from "./GeoLocation-BaD7pKM9.js";
+import { t as usePrevious } from "./usePrevious-DKfZQsm9.js";
 import React, { useEffect, useRef, useState } from "react";
 import { last } from "lodash";
 import "./map-library/Map/Map.css";
@@ -124,4 +124,4 @@ const Map = ({ children, zoom, center, projection, addInteractions, sendSelected
 //#endregion
 export { Map as t };
-//# sourceMappingURL=Map-ChRg-LpE.js.map
+//# sourceMappingURL=Map-DWXcBhH1.js.map

package/dist/{Map-ChRg-LpE.js.map → Map-DWXcBhH1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map-~~ChRg-LpE~~.js","names":["defaultInteractions","OlSelect","olClick","OlStyle","OlIcon","MapContext","GeoLocation"],"sources":["../src/map-library/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport './Map.css';\nimport MapContext from './MapContext';\nimport * as ol from 'ol';\nimport {\n DragRotateAndZoom,\n defaults as defaultInteractions,\n Select as OlSelect\n} from 'ol/interaction';\nimport { Style as OlStyle, Icon as OlIcon } from 'ol/style';\n\nimport { click as olClick } from 'ol/events/condition';\nimport GeoLocation from '../geoLocation/GeoLocation';\nimport { fromLonLat } from 'ol/proj';\nimport { usePrevious } from '../../utilities/usePrevious';\nimport { last } from 'lodash';\n\nexport const Map = ({\n children,\n zoom,\n center,\n projection,\n addInteractions,\n sendSelected,\n sendType,\n SelectedPin,\n changeLat,\n changeLong,\n setPosition,\n width,\n height,\n addressBar,\n popoverOverlayProps,\n additionalOnclickFeature,\n popoverRef,\n setSelectInteraction,\n setPopoverOverlay,\n setMapObject\n}) => {\n const mapRef = useRef();\n const [map, setMap] = useState(null);\n const [selected, setSelected] = useState();\n const [markingType, setMarkingType] = useState();\n const [count, setCount] = useState(0);\n const [mapClicked, setMapclicked] = useState(false);\n\n const prevCount = usePrevious(count);\n\n // on component mount\n useEffect(() => {\n const options = {\n view: new ol.View({\n center: fromLonLat(center),\n zoom,\n projection\n }),\n interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n layers: [],\n controls: [],\n overlays: []\n };\n\n const mapObject = new ol.Map(options);\n mapObject.setTarget(mapRef.current);\n\n let popoverOverlay;\n if (popoverRef) {\n popoverOverlay = new ol.Overlay({\n element: popoverRef?.current,\n autoPan: true,\n ...popoverOverlayProps\n });\n mapObject.addOverlay(popoverOverlay);\n\n if (setPopoverOverlay) {\n setPopoverOverlay(popoverOverlay);\n }\n }\n\n setMap(mapObject);\n\n if (setMapObject) {\n setMapObject(mapObject);\n }\n\n const pointSelect = new OlSelect({\n condition: (e) => {\n return olClick(e);\n },\n filter: (f) => {\n if (f.getGeometry().getType() === 'Point') {\n return true;\n }\n },\n multi: true,\n hitTolerance: 10,\n style: new OlStyle({\n image: new OlIcon({\n anchor: [0.5, 48],\n anchorXUnits: 'fraction',\n anchorYUnits: 'pixels',\n src: SelectedPin\n })\n })\n });\n pointSelect.on('select', (e) => {\n const currentFeature = last(e.selected);\n const currentFeaturesProperties = currentFeature?.getProperties();\n\n if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) {\n popoverOverlay.setPosition(\n currentFeature?.getGeometry().getCoordinates()\n );\n }\n\n if (\n additionalOnclickFeature &&\n (!currentFeaturesProperties \|\|\n (currentFeaturesProperties &&\n Object.keys(currentFeaturesProperties)?.length > 1))\n ) {\n additionalOnclickFeature(currentFeaturesProperties);\n }\n });\n\n mapObject.addInteraction(pointSelect);\n\n if (setSelectInteraction) {\n setSelectInteraction(pointSelect);\n }\n return () => mapObject.setTarget(undefined);\n }, []);\n\n useEffect(() => {\n sendSelected(selected);\n }, [sendSelected, selected]);\n\n useEffect(() => {\n sendType(markingType);\n }, [sendType, markingType]);\n\n const postSelected = (id, type) => {\n setSelected(id);\n setMarkingType(type);\n };\n // console.log('ID, TYPE', selected, markingType);\n\n // zoom change handler\n useEffect(() => {\n if (!map) return;\n\n map.getView().setZoom(zoom);\n }, [zoom]);\n\n // click event handler\n useEffect(() => {\n if (!map) return;\n\n map.on('click', (e) => {\n setMapclicked(true);\n map.forEachFeatureAtPixel(\n e.pixel,\n // a => setSelected(a.values_.geometry.flatCoordinates[2])\n (a) =>\n postSelected(\n a.values_.geometry.flatCoordinates[2],\n a.values_.geometry.flatCoordinates[3]\n )\n );\n });\n }, [map]);\n\n // center change handler - Caused issue of recentering the map on each map selection when passed.\n useEffect(() => {\n if (!map) return;\n setCount(zoom);\n if (zoom === prevCount && !mapClicked) {\n map.getView().setCenter(center);\n }\n }, [center]);\n\n useEffect(() => {\n if (!map) return;\n\n if (!mapClicked) {\n map.getView().setCenter(center);\n }\n }, [map]);\n\n useEffect(() => {\n if (!map) return;\n map.getview().getprojection(projection);\n }, [projection]);\n\n return (\n <MapContext.Provider value={{ map }}>\n {addressBar && (\n <div style={{ marginLeft: 35, marginTop: -6 }}>\n <GeoLocation\n // sendSelected={setCenter}\n center={center}\n changeLat={changeLat}\n changeLong={changeLong}\n setPosition={setPosition}\n />\n </div>\n )}\n\n <div ref={mapRef} style={{ height: height \|\| '85vh', width: width }}>\n {children}\n </div>\n </MapContext.Provider>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Map-DWXcBhH1.js","names":["defaultInteractions","OlSelect","olClick","OlStyle","OlIcon","MapContext","GeoLocation"],"sources":["../src/map-library/Map/Map.jsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport './Map.css';\nimport MapContext from './MapContext';\nimport * as ol from 'ol';\nimport {\n DragRotateAndZoom,\n defaults as defaultInteractions,\n Select as OlSelect\n} from 'ol/interaction';\nimport { Style as OlStyle, Icon as OlIcon } from 'ol/style';\n\nimport { click as olClick } from 'ol/events/condition';\nimport GeoLocation from '../geoLocation/GeoLocation';\nimport { fromLonLat } from 'ol/proj';\nimport { usePrevious } from '../../utilities/usePrevious';\nimport { last } from 'lodash';\n\nexport const Map = ({\n children,\n zoom,\n center,\n projection,\n addInteractions,\n sendSelected,\n sendType,\n SelectedPin,\n changeLat,\n changeLong,\n setPosition,\n width,\n height,\n addressBar,\n popoverOverlayProps,\n additionalOnclickFeature,\n popoverRef,\n setSelectInteraction,\n setPopoverOverlay,\n setMapObject\n}) => {\n const mapRef = useRef();\n const [map, setMap] = useState(null);\n const [selected, setSelected] = useState();\n const [markingType, setMarkingType] = useState();\n const [count, setCount] = useState(0);\n const [mapClicked, setMapclicked] = useState(false);\n\n const prevCount = usePrevious(count);\n\n // on component mount\n useEffect(() => {\n const options = {\n view: new ol.View({\n center: fromLonLat(center),\n zoom,\n projection\n }),\n interactions: defaultInteractions().extend([new DragRotateAndZoom()]),\n layers: [],\n controls: [],\n overlays: []\n };\n\n const mapObject = new ol.Map(options);\n mapObject.setTarget(mapRef.current);\n\n let popoverOverlay;\n if (popoverRef) {\n popoverOverlay = new ol.Overlay({\n element: popoverRef?.current,\n autoPan: true,\n ...popoverOverlayProps\n });\n mapObject.addOverlay(popoverOverlay);\n\n if (setPopoverOverlay) {\n setPopoverOverlay(popoverOverlay);\n }\n }\n\n setMap(mapObject);\n\n if (setMapObject) {\n setMapObject(mapObject);\n }\n\n const pointSelect = new OlSelect({\n condition: (e) => {\n return olClick(e);\n },\n filter: (f) => {\n if (f.getGeometry().getType() === 'Point') {\n return true;\n }\n },\n multi: true,\n hitTolerance: 10,\n style: new OlStyle({\n image: new OlIcon({\n anchor: [0.5, 48],\n anchorXUnits: 'fraction',\n anchorYUnits: 'pixels',\n src: SelectedPin\n })\n })\n });\n pointSelect.on('select', (e) => {\n const currentFeature = last(e.selected);\n const currentFeaturesProperties = currentFeature?.getProperties();\n\n if (popoverOverlay && popoverRef?.current && currentFeaturesProperties) {\n popoverOverlay.setPosition(\n currentFeature?.getGeometry().getCoordinates()\n );\n }\n\n if (\n additionalOnclickFeature &&\n (!currentFeaturesProperties \|\|\n (currentFeaturesProperties &&\n Object.keys(currentFeaturesProperties)?.length > 1))\n ) {\n additionalOnclickFeature(currentFeaturesProperties);\n }\n });\n\n mapObject.addInteraction(pointSelect);\n\n if (setSelectInteraction) {\n setSelectInteraction(pointSelect);\n }\n return () => mapObject.setTarget(undefined);\n }, []);\n\n useEffect(() => {\n sendSelected(selected);\n }, [sendSelected, selected]);\n\n useEffect(() => {\n sendType(markingType);\n }, [sendType, markingType]);\n\n const postSelected = (id, type) => {\n setSelected(id);\n setMarkingType(type);\n };\n // console.log('ID, TYPE', selected, markingType);\n\n // zoom change handler\n useEffect(() => {\n if (!map) return;\n\n map.getView().setZoom(zoom);\n }, [zoom]);\n\n // click event handler\n useEffect(() => {\n if (!map) return;\n\n map.on('click', (e) => {\n setMapclicked(true);\n map.forEachFeatureAtPixel(\n e.pixel,\n // a => setSelected(a.values_.geometry.flatCoordinates[2])\n (a) =>\n postSelected(\n a.values_.geometry.flatCoordinates[2],\n a.values_.geometry.flatCoordinates[3]\n )\n );\n });\n }, [map]);\n\n // center change handler - Caused issue of recentering the map on each map selection when passed.\n useEffect(() => {\n if (!map) return;\n setCount(zoom);\n if (zoom === prevCount && !mapClicked) {\n map.getView().setCenter(center);\n }\n }, [center]);\n\n useEffect(() => {\n if (!map) return;\n\n if (!mapClicked) {\n map.getView().setCenter(center);\n }\n }, [map]);\n\n useEffect(() => {\n if (!map) return;\n map.getview().getprojection(projection);\n }, [projection]);\n\n return (\n <MapContext.Provider value={{ map }}>\n {addressBar && (\n <div style={{ marginLeft: 35, marginTop: -6 }}>\n <GeoLocation\n // sendSelected={setCenter}\n center={center}\n changeLat={changeLat}\n changeLong={changeLong}\n setPosition={setPosition}\n />\n </div>\n )}\n\n <div ref={mapRef} style={{ height: height \|\| '85vh', width: width }}>\n {children}\n </div>\n </MapContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,OAAO,EAClB,UACA,MACA,QACA,YACA,iBACA,cACA,UACA,aACA,WACA,YACA,aACA,OACA,QACA,YACA,qBACA,0BACA,YACA,sBACA,mBACA,mBACI;CACJ,MAAM,SAAS,QAAQ;CACvB,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK;CACpC,MAAM,CAAC,UAAU,eAAe,UAAU;CAC1C,MAAM,CAAC,aAAa,kBAAkB,UAAU;CAChD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,YAAY,YAAY,MAAM;AAGpC,iBAAgB;EACd,MAAM,UAAU;GACd,MAAM,IAAI,GAAG,KAAK;IAChB,QAAQ,WAAW,OAAO;IAC1B;IACA;IACD,CAAC;GACF,cAAcA,UAAqB,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,CAAC;GACrE,QAAQ,EAAE;GACV,UAAU,EAAE;GACZ,UAAU,EAAE;GACb;EAED,MAAM,YAAY,IAAI,GAAG,IAAI,QAAQ;AACrC,YAAU,UAAU,OAAO,QAAQ;EAEnC,IAAI;AACJ,MAAI,YAAY;AACd,oBAAiB,IAAI,GAAG,QAAQ;IAC9B,SAAS,YAAY;IACrB,SAAS;IACT,GAAG;IACJ,CAAC;AACF,aAAU,WAAW,eAAe;AAEpC,OAAI,kBACF,mBAAkB,eAAe;;AAIrC,SAAO,UAAU;AAEjB,MAAI,aACF,cAAa,UAAU;EAGzB,MAAM,cAAc,IAAIC,OAAS;GAC/B,YAAY,MAAM;AAChB,WAAOC,MAAQ,EAAE;;GAEnB,SAAS,MAAM;AACb,QAAI,EAAE,aAAa,CAAC,SAAS,KAAK,QAChC,QAAO;;GAGX,OAAO;GACP,cAAc;GACd,OAAO,IAAIC,MAAQ,EACjB,OAAO,IAAIC,KAAO;IAChB,QAAQ,CAAC,IAAK,GAAG;IACjB,cAAc;IACd,cAAc;IACd,KAAK;IACN,CAAC,EACH,CAAC;GACH,CAAC;AACF,cAAY,GAAG,WAAW,MAAM;GAC9B,MAAM,iBAAiB,KAAK,EAAE,SAAS;GACvC,MAAM,4BAA4B,gBAAgB,eAAe;AAEjE,OAAI,kBAAkB,YAAY,WAAW,0BAC3C,gBAAe,YACb,gBAAgB,aAAa,CAAC,gBAAgB,CAC/C;AAGH,OACE,6BACC,CAAC,6BACC,6BACC,OAAO,KAAK,0BAA0B,EAAE,SAAS,GAErD,0BAAyB,0BAA0B;IAErD;AAEF,YAAU,eAAe,YAAY;AAErC,MAAI,qBACF,sBAAqB,YAAY;AAEnC,eAAa,UAAU,UAAU,OAAU;IAC1C,EAAE,CAAC;AAEN,iBAAgB;AACd,eAAa,SAAS;IACrB,CAAC,cAAc,SAAS,CAAC;AAE5B,iBAAgB;AACd,WAAS,YAAY;IACpB,CAAC,UAAU,YAAY,CAAC;CAE3B,MAAM,gBAAgB,IAAI,SAAS;AACjC,cAAY,GAAG;AACf,iBAAe,KAAK;;AAKtB,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,SAAS,CAAC,QAAQ,KAAK;IAC1B,CAAC,KAAK,CAAC;AAGV,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,GAAG,UAAU,MAAM;AACrB,iBAAc,KAAK;AACnB,OAAI,sBACF,EAAE,QAED,MACC,aACE,EAAE,QAAQ,SAAS,gBAAgB,IACnC,EAAE,QAAQ,SAAS,gBAAgB,GACpC,CACJ;IACD;IACD,CAAC,IAAI,CAAC;AAGT,iBAAgB;AACd,MAAI,CAAC,IAAK;AACV,WAAS,KAAK;AACd,MAAI,SAAS,aAAa,CAAC,WACzB,KAAI,SAAS,CAAC,UAAU,OAAO;IAEhC,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,MAAI,CAAC,WACH,KAAI,SAAS,CAAC,UAAU,OAAO;IAEhC,CAAC,IAAI,CAAC;AAET,iBAAgB;AACd,MAAI,CAAC,IAAK;AACV,MAAI,SAAS,CAAC,cAAc,WAAW;IACtC,CAAC,WAAW,CAAC;AAEhB,QACE,oCAACC,mBAAW,YAAS,OAAO,EAAE,KAAK,IAChC,cACC,oCAAC,SAAI,OAAO;EAAE,YAAY;EAAI,WAAW;EAAI,IAC3C,oCAACC;EAES;EACG;EACC;EACC;GACb,CACE,EAGR,oCAAC;EAAI,KAAK;EAAQ,OAAO;GAAE,QAAQ,UAAU;GAAe;GAAO;IAChE,SACG,CACc"}

package/dist/{MapContent-CM4jG7Cx.js → MapContent-CTPX858a.js} RENAMED Viewed

@@ -114,4 +114,4 @@ const MapContent = ({ data, IconComponent, onClick, onMouseOver, onMouseOut, hig
 //#endregion
 export { MapMarker as n, MapContent as t };
-//# sourceMappingURL=MapContent-CM4jG7Cx.js.map
+//# sourceMappingURL=MapContent-CTPX858a.js.map

package/dist/{MapContent-CM4jG7Cx.js.map → MapContent-CTPX858a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapContent-~~CM4jG7Cx~~.js","names":[],"sources":["../src/maps/leafletMaps/ui/MapMarker.jsx","../src/maps/leafletMaps/ui/MapContent.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport L from 'leaflet';\nimport { Marker, useMapEvent } from 'react-leaflet';\nimport ReactDOMServer from \"react-dom/server\";\nimport RoomIcon from '@material-ui/icons/esm/Room';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst defaultWidth = 28;\nconst defaultHeight = 28;\nconst initialScale = 1;\nconst enlargedScale = 1.4;\n\nexport const MapMarker = (props) => {\n const {\n position,\n iconComponent,\n highlight = true,\n onClick,\n onMouseOver,\n onMouseOut\n } = props;\n\n const DefaultMarkerIcon = () => {\n return <FluentIcon component={RoomIcon} color={'#FF0000'} size={28} customSize />\n }\n\n const [icon, setIcon] = useState({\n size: [defaultWidth, defaultHeight],\n scale: initialScale,\n selected: false\n });\n\n const applyHighlight = () => {\n setIcon(prevState => ({\n ...prevState,\n scale: enlargedScale,\n selected: true\n }));\n };\n\n const removeHighlight = () => {\n setIcon(prevState => ({\n ...prevState,\n scale: initialScale,\n selected: false\n }));\n }\n\n const map = useMapEvent('click', () => {\n removeHighlight();\n })\n\n const markerIcon = useMemo(() => new L.DivIcon({\n className: 'custom-div-icon',\n html: `<div style=\"transform: scale(${icon.scale});overflow:visible\">${iconComponent ? ReactDOMServer.renderToString(iconComponent) : ReactDOMServer.renderToString(<DefaultMarkerIcon />)}</div>`,\n iconSize: icon.size,\n iconAnchor: [icon.size[0] / 2, icon.size[1]],\n popupAnchor: [0, -(icon.size[1] / 2)]\n }), [icon, iconComponent])\n\n return (\n <Marker\n style={{\n cursor: \"pointer\"\n }}\n position={position}\n icon={markerIcon}\n eventHandlers={{\n click: () => {\n //highlight && !icon.selected && applyHighlight();\n onClick && onClick();\n },\n mouseover: (e) => {\n onMouseOver && onMouseOver();\n e.target.openPopup()\n },\n mouseout: (e) => {\n onMouseOut && onMouseOut();\n e.target.closePopup();\n }\n }}\n {...props}\n />\n );\n};\n","import React, { useMemo, useEffect } from \"react\";\nimport MarkerClusterGroup from \"react-leaflet-markercluster\";\nimport \"react-leaflet-markercluster/dist/styles.min.css\";\nimport { MapMarker } from \"./MapMarker\";\nimport { Popup, CircleMarker, useMap } from 'react-leaflet';\nimport { latLngBounds } from 'leaflet';\n\nexport const MapContent = ({\n data,\n IconComponent,\n onClick,\n onMouseOver,\n onMouseOut,\n highlightMarkersOnClick,\n PopupComponent,\n children,\n useDefaultMarker,\n useMarkerClustering\n}) => {\n const map = useMap();\n\n const markerComponents = useMemo(() => {\n return (data && data.map((item, index) => {\n const { lat, long, iconProps, popupProps, rawData } = item;\n return (\n useDefaultMarker ? \n <CircleMarker \n key={index} \n center={[lat, long]} \n radius={5} \n eventHandlers={{ \n click: () => {\n onClick && onClick(rawData);\n },\n mouseover: (e) => {\n onMouseOver && onMouseOver();\n e.target.openPopup()\n },\n mouseout: (e) => {\n onMouseOut && onMouseOut();\n e.target.closePopup();\n }\n }}\n color={iconProps.color ?? '#0000FF'}\n >\n {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n </CircleMarker>\n :\n <MapMarker\n key={index}\n position={[lat, long]}\n iconComponent={IconComponent && <IconComponent {...iconProps} />}\n onClick={() => onClick && onClick(rawData)}\n onMouseOver={() => onMouseOver && onMouseOver()}\n onMouseOut={() => onMouseOut && onMouseOut()}\n highlight={highlightMarkersOnClick}\n >\n {children && children}\n {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n </MapMarker>\n )\n }))\n }, [data]);\n\n useEffect(() => {\n let markerBounds = latLngBounds([]);\n if (data.length && data.length > 0){\n data.forEach(item => {\n markerBounds.extend([item.lat, item.long]);\n })\n map.fitBounds(markerBounds);\n }\n }, [data]);\n\n return (\n useMarkerClustering ? <MarkerClusterGroup chunkedLoading={true}>{markerComponents}</MarkerClusterGroup> : markerComponents\n );\n}"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,UACA,eACA,YAAY,MACZ,SACA,aACA,eACE;CAEJ,MAAM,0BAA0B;AAC9B,SAAO,oCAAC;GAAW,WAAW;GAAU,OAAO;GAAW,MAAM;GAAI;IAAa;;CAGnF,MAAM,CAAC,MAAM,WAAW,SAAS;EAC/B,MAAM,CAAC,cAAc,cAAc;EACnC,OAAO;EACP,UAAU;EACX,CAAC;CAUF,MAAM,wBAAwB;AAC5B,WAAQ,eAAc;GACpB,GAAG;GACH,OAAO;GACP,UAAU;GACX,EAAE;;AAGO,aAAY,eAAe;AACrC,mBAAiB;GACjB;CAEF,MAAM,aAAa,cAAc,IAAI,EAAE,QAAQ;EAC7C,WAAW;EACX,MAAM,gCAAgC,KAAK,MAAM,sBAAsB,gBAAgB,eAAe,eAAe,cAAc,GAAG,eAAe,eAAe,oCAAC,wBAAoB,CAAC,CAAC;EAC3L,UAAU,KAAK;EACf,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,KAAK,KAAK,GAAG;EAC5C,aAAa,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,GAAG;EACtC,CAAC,EAAE,CAAC,MAAM,cAAc,CAAC;AAE1B,QACE,oCAAC;EACC,OAAO,EACL,QAAQ,WACT;EACS;EACV,MAAM;EACN,eAAe;GACb,aAAa;AAEX,eAAW,SAAS;;GAEtB,YAAY,MAAM;AAChB,mBAAe,aAAa;AAC5B,MAAE,OAAO,WAAW;;GAEtB,WAAW,MAAM;AACf,kBAAc,YAAY;AAC1B,MAAE,OAAO,YAAY;;GAExB;EACD,GAAI;GACJ;;;;;AC3EN,MAAa,cAAc,EACvB,MACA,eACA,SACA,aACA,YACA,yBACA,gBACA,UACA,kBACA,0BACE;CACF,MAAM,MAAM,QAAQ;CAEpB,MAAM,mBAAmB,cAAc;AACnC,SAAQ,QAAQ,KAAK,KAAK,MAAM,UAAU;GACtC,MAAM,EAAE,KAAK,MAAM,WAAW,YAAY,YAAY;AACtD,UACI,mBACC,oCAAC;IACE,KAAK;IACL,QAAQ,CAAC,KAAK,KAAK;IACnB,QAAQ;IACR,eAAe;KACX,aAAa;AACT,iBAAW,QAAQ,QAAQ;;KAE/B,YAAY,MAAM;AACd,qBAAe,aAAa;AAC5B,QAAE,OAAO,WAAW;;KAExB,WAAW,MAAM;AACb,oBAAc,YAAY;AAC1B,QAAE,OAAO,YAAY;;KAE5B;IACD,OAAO,UAAU,SAAS;MAEzB,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAC9E,GAEhB,oCAAC;IACG,KAAK;IACL,UAAU,CAAC,KAAK,KAAK;IACrB,eAAe,iBAAiB,oCAAC,eAAkB,UAAa;IAChE,eAAe,WAAW,QAAQ,QAAQ;IAC1C,mBAAmB,eAAe,aAAa;IAC/C,kBAAkB,cAAc,YAAY;IAC5C,WAAW;MAEV,YAAY,UACZ,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAClF;IAElB;IACH,CAAC,KAAK,CAAC;AAEV,iBAAgB;EACZ,IAAI,eAAe,aAAa,EAAE,CAAC;AACnC,MAAI,KAAK,UAAU,KAAK,SAAS,GAAE;AAC/B,QAAK,SAAQ,SAAQ;AACnB,iBAAa,OAAO,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;KAC1C;AACF,OAAI,UAAU,aAAa;;IAEhC,CAAC,KAAK,CAAC;AAEV,QACI,sBAAsB,oCAAC,sBAAmB,gBAAgB,QAAO,iBAAsC,GAAG"}
1	+ {"version":3,"file":"MapContent-CTPX858a.js","names":[],"sources":["../src/maps/leafletMaps/ui/MapMarker.jsx","../src/maps/leafletMaps/ui/MapContent.jsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport L from 'leaflet';\nimport { Marker, useMapEvent } from 'react-leaflet';\nimport ReactDOMServer from \"react-dom/server\";\nimport RoomIcon from '@material-ui/icons/esm/Room';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst defaultWidth = 28;\nconst defaultHeight = 28;\nconst initialScale = 1;\nconst enlargedScale = 1.4;\n\nexport const MapMarker = (props) => {\n const {\n position,\n iconComponent,\n highlight = true,\n onClick,\n onMouseOver,\n onMouseOut\n } = props;\n\n const DefaultMarkerIcon = () => {\n return <FluentIcon component={RoomIcon} color={'#FF0000'} size={28} customSize />\n }\n\n const [icon, setIcon] = useState({\n size: [defaultWidth, defaultHeight],\n scale: initialScale,\n selected: false\n });\n\n const applyHighlight = () => {\n setIcon(prevState => ({\n ...prevState,\n scale: enlargedScale,\n selected: true\n }));\n };\n\n const removeHighlight = () => {\n setIcon(prevState => ({\n ...prevState,\n scale: initialScale,\n selected: false\n }));\n }\n\n const map = useMapEvent('click', () => {\n removeHighlight();\n })\n\n const markerIcon = useMemo(() => new L.DivIcon({\n className: 'custom-div-icon',\n html: `<div style=\"transform: scale(${icon.scale});overflow:visible\">${iconComponent ? ReactDOMServer.renderToString(iconComponent) : ReactDOMServer.renderToString(<DefaultMarkerIcon />)}</div>`,\n iconSize: icon.size,\n iconAnchor: [icon.size[0] / 2, icon.size[1]],\n popupAnchor: [0, -(icon.size[1] / 2)]\n }), [icon, iconComponent])\n\n return (\n <Marker\n style={{\n cursor: \"pointer\"\n }}\n position={position}\n icon={markerIcon}\n eventHandlers={{\n click: () => {\n //highlight && !icon.selected && applyHighlight();\n onClick && onClick();\n },\n mouseover: (e) => {\n onMouseOver && onMouseOver();\n e.target.openPopup()\n },\n mouseout: (e) => {\n onMouseOut && onMouseOut();\n e.target.closePopup();\n }\n }}\n {...props}\n />\n );\n};\n","import React, { useMemo, useEffect } from \"react\";\nimport MarkerClusterGroup from \"react-leaflet-markercluster\";\nimport \"react-leaflet-markercluster/dist/styles.min.css\";\nimport { MapMarker } from \"./MapMarker\";\nimport { Popup, CircleMarker, useMap } from 'react-leaflet';\nimport { latLngBounds } from 'leaflet';\n\nexport const MapContent = ({\n data,\n IconComponent,\n onClick,\n onMouseOver,\n onMouseOut,\n highlightMarkersOnClick,\n PopupComponent,\n children,\n useDefaultMarker,\n useMarkerClustering\n}) => {\n const map = useMap();\n\n const markerComponents = useMemo(() => {\n return (data && data.map((item, index) => {\n const { lat, long, iconProps, popupProps, rawData } = item;\n return (\n useDefaultMarker ? \n <CircleMarker \n key={index} \n center={[lat, long]} \n radius={5} \n eventHandlers={{ \n click: () => {\n onClick && onClick(rawData);\n },\n mouseover: (e) => {\n onMouseOver && onMouseOver();\n e.target.openPopup()\n },\n mouseout: (e) => {\n onMouseOut && onMouseOut();\n e.target.closePopup();\n }\n }}\n color={iconProps.color ?? '#0000FF'}\n >\n {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n </CircleMarker>\n :\n <MapMarker\n key={index}\n position={[lat, long]}\n iconComponent={IconComponent && <IconComponent {...iconProps} />}\n onClick={() => onClick && onClick(rawData)}\n onMouseOver={() => onMouseOver && onMouseOver()}\n onMouseOut={() => onMouseOut && onMouseOut()}\n highlight={highlightMarkersOnClick}\n >\n {children && children}\n {PopupComponent ? <Popup closeButton={false}><PopupComponent {...popupProps} /></Popup> : null}\n </MapMarker>\n )\n }))\n }, [data]);\n\n useEffect(() => {\n let markerBounds = latLngBounds([]);\n if (data.length && data.length > 0){\n data.forEach(item => {\n markerBounds.extend([item.lat, item.long]);\n })\n map.fitBounds(markerBounds);\n }\n }, [data]);\n\n return (\n useMarkerClustering ? <MarkerClusterGroup chunkedLoading={true}>{markerComponents}</MarkerClusterGroup> : markerComponents\n );\n}"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,UACA,eACA,YAAY,MACZ,SACA,aACA,eACE;CAEJ,MAAM,0BAA0B;AAC9B,SAAO,oCAAC;GAAW,WAAW;GAAU,OAAO;GAAW,MAAM;GAAI;IAAa;;CAGnF,MAAM,CAAC,MAAM,WAAW,SAAS;EAC/B,MAAM,CAAC,cAAc,cAAc;EACnC,OAAO;EACP,UAAU;EACX,CAAC;CAUF,MAAM,wBAAwB;AAC5B,WAAQ,eAAc;GACpB,GAAG;GACH,OAAO;GACP,UAAU;GACX,EAAE;;AAGO,aAAY,eAAe;AACrC,mBAAiB;GACjB;CAEF,MAAM,aAAa,cAAc,IAAI,EAAE,QAAQ;EAC7C,WAAW;EACX,MAAM,gCAAgC,KAAK,MAAM,sBAAsB,gBAAgB,eAAe,eAAe,cAAc,GAAG,eAAe,eAAe,oCAAC,wBAAoB,CAAC,CAAC;EAC3L,UAAU,KAAK;EACf,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG,KAAK,KAAK,GAAG;EAC5C,aAAa,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,GAAG;EACtC,CAAC,EAAE,CAAC,MAAM,cAAc,CAAC;AAE1B,QACE,oCAAC;EACC,OAAO,EACL,QAAQ,WACT;EACS;EACV,MAAM;EACN,eAAe;GACb,aAAa;AAEX,eAAW,SAAS;;GAEtB,YAAY,MAAM;AAChB,mBAAe,aAAa;AAC5B,MAAE,OAAO,WAAW;;GAEtB,WAAW,MAAM;AACf,kBAAc,YAAY;AAC1B,MAAE,OAAO,YAAY;;GAExB;EACD,GAAI;GACJ;;;;;AC3EN,MAAa,cAAc,EACvB,MACA,eACA,SACA,aACA,YACA,yBACA,gBACA,UACA,kBACA,0BACE;CACF,MAAM,MAAM,QAAQ;CAEpB,MAAM,mBAAmB,cAAc;AACnC,SAAQ,QAAQ,KAAK,KAAK,MAAM,UAAU;GACtC,MAAM,EAAE,KAAK,MAAM,WAAW,YAAY,YAAY;AACtD,UACI,mBACC,oCAAC;IACE,KAAK;IACL,QAAQ,CAAC,KAAK,KAAK;IACnB,QAAQ;IACR,eAAe;KACX,aAAa;AACT,iBAAW,QAAQ,QAAQ;;KAE/B,YAAY,MAAM;AACd,qBAAe,aAAa;AAC5B,QAAE,OAAO,WAAW;;KAExB,WAAW,MAAM;AACb,oBAAc,YAAY;AAC1B,QAAE,OAAO,YAAY;;KAE5B;IACD,OAAO,UAAU,SAAS;MAEzB,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAC9E,GAEhB,oCAAC;IACG,KAAK;IACL,UAAU,CAAC,KAAK,KAAK;IACrB,eAAe,iBAAiB,oCAAC,eAAkB,UAAa;IAChE,eAAe,WAAW,QAAQ,QAAQ;IAC1C,mBAAmB,eAAe,aAAa;IAC/C,kBAAkB,cAAc,YAAY;IAC5C,WAAW;MAEV,YAAY,UACZ,iBAAiB,oCAAC,SAAM,aAAa,SAAO,oCAAC,gBAAmB,WAAc,CAAQ,GAAG,KAClF;IAElB;IACH,CAAC,KAAK,CAAC;AAEV,iBAAgB;EACZ,IAAI,eAAe,aAAa,EAAE,CAAC;AACnC,MAAI,KAAK,UAAU,KAAK,SAAS,GAAE;AAC/B,QAAK,SAAQ,SAAQ;AACnB,iBAAa,OAAO,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;KAC1C;AACF,OAAI,UAAU,aAAa;;IAEhC,CAAC,KAAK,CAAC;AAEV,QACI,sBAAsB,oCAAC,sBAAmB,gBAAgB,QAAO,iBAAsC,GAAG"}

package/dist/{MapContext-DMHlc2jW.js → MapContext-BmClJmMl.js} RENAMED Viewed

@@ -6,4 +6,4 @@ var MapContext_default = MapContext;
 //#endregion
 export { MapContext_default as t };
-//# sourceMappingURL=MapContext-DMHlc2jW.js.map
+//# sourceMappingURL=MapContext-BmClJmMl.js.map

package/dist/{MapContext-DMHlc2jW.js.map → MapContext-BmClJmMl.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapContext-~~DMHlc2jW~~.js","names":[],"sources":["../src/maps/openLayerMaps/Map/MapContext.js"],"sourcesContent":["import { createContext } from 'react';\nconst MapContext = new createContext();\nexport default MapContext;\n"],"mappings":";;;AACA,MAAM,aAAa,IAAI,eAAe;AACtC,yBAAe"}
1	+ {"version":3,"file":"MapContext-BmClJmMl.js","names":[],"sources":["../src/maps/openLayerMaps/Map/MapContext.js"],"sourcesContent":["import { createContext } from 'react';\nconst MapContext = new createContext();\nexport default MapContext;\n"],"mappings":";;;AACA,MAAM,aAAa,IAAI,eAAe;AACtC,yBAAe"}

package/dist/{MapContext-DyuJF6vT.js → MapContext-C0QCTK9-.js} RENAMED Viewed

@@ -6,4 +6,4 @@ var MapContext_default = MapContext;
 //#endregion
 export { MapContext_default as t };
-//# sourceMappingURL=MapContext-DyuJF6vT.js.map
+//# sourceMappingURL=MapContext-C0QCTK9-.js.map

package/dist/{MapContext-DyuJF6vT.js.map → MapContext-C0QCTK9-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapContext-~~DyuJF6vT.~~js","names":[],"sources":["../src/map-library/Map/MapContext.js"],"sourcesContent":["import { createContext } from 'react'\nconst MapContext = new createContext()\nexport default MapContext\n"],"mappings":";;;AACA,MAAM,aAAa,IAAI,eAAe;AACtC,yBAAe"}
1	+ {"version":3,"file":"MapContext-C0QCTK9-.js","names":[],"sources":["../src/map-library/Map/MapContext.js"],"sourcesContent":["import { createContext } from 'react'\nconst MapContext = new createContext()\nexport default MapContext\n"],"mappings":";;;AACA,MAAM,aAAa,IAAI,eAAe;AACtC,yBAAe"}

package/dist/{MapControlsStandard-DB_YFXNg.js → MapControlsStandard-CKhBcU2K.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as FluentIconButton } from "./FluentIconButton-AN9tZKVl.js";
-import { t as FluentInputSlider_default } from "./FluentInputSlider-GXgusPZa.js";
+import { t as FluentInputSlider_default } from "./FluentInputSlider-BqI2PdVF.js";
 import React from "react";
 import { Divider, FormControl, Input, InputAdornment, Tooltip, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
@@ -139,4 +139,4 @@ var MapControlsStandard_default = MapControlsStandard;
 //#endregion
 export { MapControlsStandard_default as t };
-//# sourceMappingURL=MapControlsStandard-DB_YFXNg.js.map
+//# sourceMappingURL=MapControlsStandard-CKhBcU2K.js.map