npm - udp-react-enterprise-component-library - Versions diffs - 25.18.3-beta.1 → 25.18.3-beta.11 - Mend

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

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

package/dist/{RequiredFieldsMappingForm-rstcZ1W0.js.map → RequiredFieldsMappingForm-_Faww_eR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequiredFieldsMappingForm-rstcZ1W0.js","names":["useStyles","paramMappings","useStyles","key","fieldMappings","uuid"],"sources":["../src/dataBrowser/forms/ParamsMappingFields.jsx","../src/dataBrowser/forms/ParamsMappingForm.jsx","../src/dataBrowser/forms/RequiredFieldsMappingField.jsx","../src/dataBrowser/forms/RequiredFieldsMappingForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n row: {\n display: 'flex',\n alignItems: 'center'\n },\n iconContainer: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1)\n }\n}));\n\nexport const ParamsMappingFields = (props) => {\n const {\n paramMappings,\n paramOptions,\n propertyOptions,\n fieldWidth,\n propertyLabel\n } = props;\n const classes = useStyles();\n const { t } = useTranslation();\n\n return paramOptions.map((item) => {\n let initialPropertyValue = '';\n\n const matchingMappingName = paramMappings?.[item.value];\n if (matchingMappingName) {\n initialPropertyValue = propertyOptions.find(\n (property) => property.name === matchingMappingName\n );\n }\n\n return (\n <div className={classes.row}>\n <Field\n component={FluentTextFieldAutoComplete}\n label={t(propertyLabel)}\n name={`property-${item.label}`}\n id={`property-${item.label}`}\n fullWidth\n variant='outlined'\n margin='dense'\n size='small'\n options={propertyOptions \|\| []}\n optionKey={'name'}\n style={{ width: fieldWidth }}\n initialValue={initialPropertyValue}\n />\n <div className={classes.iconContainer}>\n <FluentIcon component={ChromeBackMirroredIcon} size={20} customSize />\n </div>\n <Typography\n variant='subtitle1'\n style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n >\n {item.label}\n </Typography>\n </div>\n );\n });\n};\n","import React, { useCallback, useMemo } from 'react';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { ParamsMappingFields } from './ParamsMappingFields';\nimport { ConfigService } from '../../configService';\n\nexport const ParamsMappingForm = (props) => {\n const {\n queryId,\n paramMappings,\n properties,\n onSubmit = () => {},\n fieldWidth = 180,\n propertyLabel = 'Property'\n } = props;\n\n const [\n {\n data: apiMethodInstance,\n loading: apiMethodInstancebLoading,\n error: apiMethodInstanceError\n }\n ] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `apiMethodInstance/${queryId}`,\n {},\n !!!queryId,\n false\n );\n\n const paramOptions = useMemo(() => {\n if (!apiMethodInstance) {\n return [];\n }\n try {\n const options = [];\n const bodyStr = apiMethodInstance.body;\n const body = JSON.parse(bodyStr);\n // Checks for any filter elements that have been configured with params.\n body?.filterElements?.forEach((filter) => {\n if (filter.searchValue.startsWith('params.')) {\n const key = filter?.searchValue.replace('params.', '');\n options.push({ label: key, value: key });\n }\n });\n return options;\n } catch {\n console.warn('Error parsing apiMethodInstance body');\n return [];\n }\n }, [apiMethodInstance]);\n\n const propertyOptions = useMemo(() => {\n if (!properties) {\n return [];\n }\n return properties.filter(\n (property) => property?.type !== 'array' && property?.type !== 'object'\n );\n }, [properties]);\n\n // const handleOnSubmit = useCallback(\n // (values) => {\n // // construct the mapping object from the values\n // // the map would be [{parameter: params.apple, property: appleValue}]\n // const paramMappings = [];\n\n // const parameters = new Set();\n // Object.keys(values).forEach((key) => {\n // const parameter = key.split('-')[1];\n // parameters.add(parameter);\n // });\n // parameters.forEach((parameter) => {\n // // const parameter = values[`parameter-${parameter}`];\n // const property = values[`property-${parameter}`];\n // if (parameter) {\n // // const parameterValue = parameter.value;\n // paramMappings.push({\n // parameter: `params.${parameter}`,\n // property: property?.name\n // });\n // }\n // });\n // onSubmit(paramMappings);\n // },\n // [onSubmit]\n // );\n\n const handleOnSubmit = useCallback(\n (values) => {\n // construct the mapping object from the values\n // the map would be {params.apple: appleValue}\n const paramMappings = {};\n\n const parameters = new Set();\n Object.keys(values).forEach((key) => {\n const parameter = key.split('-')[1];\n parameters.add(parameter);\n });\n parameters.forEach((parameter) => {\n const property = values[`property-${parameter}`];\n if (parameter && property) {\n const parameterValue = parameter;\n paramMappings[parameterValue] = property.name;\n }\n });\n onSubmit(paramMappings);\n },\n [onSubmit]\n );\n\n return (\n <Form onSubmit={handleOnSubmit}>\n <ParamsMappingFields\n paramMappings={paramMappings}\n paramOptions={paramOptions}\n propertyOptions={propertyOptions}\n fieldWidth={fieldWidth}\n propertyLabel={propertyLabel}\n />\n <FormButtons>\n <SubmitButton\n variant='contained'\n color='primary'\n disablePristine={false}\n fullWidth\n style={{ marginRight: 8, marginLeft: 8 }}\n >\n Save Mapping\n </SubmitButton>\n </FormButtons>\n </Form>\n );\n};\n","import React, { useCallback, useState } from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\nimport { useTranslation } from 'react-i18next';\nimport { DropdownIcon, TextFieldIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center'\n },\n requiredFieldContainer: {\n width: '100%',\n display: 'flex',\n alignItems: 'center'\n },\n input: {\n height: 34,\n padding: 0\n },\n formTextInput: {\n fontSize: 14\n },\n labelRoot: {\n fontSize: 14\n }\n}));\n\nexport const RequiredFieldsMappingField = (props) => {\n const {\n requiredField,\n onRequiredFieldChange,\n options,\n optionLabelDisplayFunction,\n groupBy\n } = props;\n const [state, setState] = useState(requiredField);\n const [isTextField, setIsTextField] = useState(\n !!!requiredField.propertyValue\n );\n const classes = useStyles(props);\n const { t } = useTranslation();\n\n const handleStateChange = useCallback(\n (key, value, merge = false) => {\n let updatedState = { ...state };\n if (merge) {\n updatedState = { ...updatedState, ...value };\n } else {\n updatedState[key] = value;\n }\n setState(updatedState);\n },\n [state]\n );\n\n // Having a separate handler for onChange and blur for text fields because\n // there is a lag between typing and rendering\n const handleInputChange = useCallback(\n (evt) => {\n handleStateChange(evt.target.name, evt.target.value);\n },\n [handleStateChange]\n );\n\n // Using a handler for blur because we want add the text input to the list of requiredFields\n // after user has finished typing\n const handleOnBlur = useCallback(\n (evt) => {\n if (evt.target.name === 'strValue' && !!evt.target.value) {\n onRequiredFieldChange(\n requiredField.id,\n { propertyValue: '', strValue: evt.target.value },\n 'strValue',\n true\n );\n handleStateChange(\n 'propertyValue',\n { propertyValue: '', strValue: evt.target.value },\n true\n );\n } else {\n onRequiredFieldChange(\n requiredField.id,\n evt.target.value,\n evt.target.name\n );\n }\n },\n [requiredField, onRequiredFieldChange, handleStateChange]\n );\n\n const handleRequiredFieldChange = useCallback(\n (value) => {\n onRequiredFieldChange(\n requiredField.id,\n { propertyValue: value, strValue: '' },\n 'propertyValue',\n true\n );\n handleStateChange(\n 'propertyValue',\n { propertyValue: value, strValue: '' },\n true\n );\n },\n [requiredField, onRequiredFieldChange, handleStateChange]\n );\n\n const handleButtonClick = useCallback(() => {\n setIsTextField(!isTextField);\n }, [isTextField]);\n\n let field = null;\n\n if (isTextField) {\n field = (\n <div style={{ width: '100%' }}>\n <TextField\n name='strValue'\n id='strValue'\n onChange={handleInputChange}\n onBlur={handleOnBlur}\n label={t('Value')}\n value={state?.strValue \|\| ''}\n fullWidth\n variant='outlined'\n margin='dense'\n size='small'\n style={{ width: 200 }}\n InputProps={{\n classes: {\n root: classes.input,\n input: classes.formTextInput\n }\n }}\n InputLabelProps={{\n classes: {\n root: classes.labelRoot\n }\n }}\n />\n </div>\n );\n } else {\n field = (\n <div style={{ width: '100%' }}>\n <FluentTextFieldAutoComplete\n name='propertyValue'\n id='propertyValue'\n label={t('Value')}\n onChange={handleRequiredFieldChange}\n optionLabelDisplayFunction={optionLabelDisplayFunction}\n value={state?.propertyValue \|\| ''}\n options={options \|\| []}\n optionKey={optionLabelDisplayFunction ? '' : 'name'}\n groupBy={groupBy}\n variant='outlined'\n margin='dense'\n style={{ width: 200 }}\n />\n </div>\n );\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.requiredFieldContainer}>\n {field}\n <FluentIconButton\n className={classes.icon}\n icon={isTextField ? DropdownIcon : TextFieldIcon}\n onClick={handleButtonClick}\n />\n </div>\n </div>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RequiredFieldsMappingField } from './RequiredFieldsMappingField';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { v4 as uuid } from 'uuid';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n row: {\n display: 'flex',\n alignItems: 'center'\n },\n variableContainer: {\n width: '100%',\n display: 'flex',\n alignItems: 'flex-start'\n },\n icon: {\n marginTop: theme.spacing(5)\n },\n iconButton: {\n marginTop: theme.spacing(3.5)\n },\n iconContainer: {\n marginRight: theme.spacing(1)\n }\n}));\n\nexport const RequiredFieldsMappingForm = (props) => {\n const {\n requiredFields = '',\n fieldMappings,\n properties,\n onSubmit = () => {},\n optionLabelDisplayFunction,\n groupBy,\n propertyType = 'entity'\n } = props;\n const [fields, setFields] = useState([]);\n const classes = useStyles(props);\n\n const fieldOptions = useMemo(() => {\n const fieldsStr = requiredFields \|\| '';\n if (!fieldsStr.trim()) {\n return [];\n }\n\n const options = [];\n const fields = fieldsStr.split(',');\n\n fields.forEach((field) => {\n options.push({ label: field.trim(), value: field.trim() });\n });\n\n return options;\n }, [requiredFields]);\n\n const handleRequiredFieldChange = useCallback(\n (fieldId, value, key, merge = false) => {\n const updatedFields = [...fields];\n let matchingField = updatedFields.find((f) => f.id === fieldId);\n if (matchingField) {\n if (merge) {\n Object.keys(value).forEach((key) => {\n matchingField[key] = value[key];\n });\n } else {\n matchingField[key] = value;\n }\n }\n setFields(updatedFields);\n },\n [fields, setFields]\n );\n\n const propertyOptions = useMemo(() => {\n if (!properties) {\n return [];\n }\n // return properties.filter(\n // (property) => property?.type !== 'array' && property?.type !== 'object'\n // );\n return properties;\n }, [properties]);\n\n const handleOnSubmit = useCallback(() => {\n // construct the mapping object from the values\n // the map would be {params.apple: appleValue}\n const fieldMappings = {};\n\n fields.forEach((field) => {\n fieldMappings[field.name] = {\n value: field.propertyValue\n ? field.propertyValue?.name\n : field.strValue.trim(),\n type: field.propertyValue ? propertyType : 'custom'\n };\n });\n onSubmit(fieldMappings);\n }, [onSubmit, fields, propertyType]);\n\n useEffect(() => {\n if (!fieldOptions \|\| !fieldMappings \|\| !propertyOptions) {\n return;\n }\n const currentFields = [];\n fieldOptions.forEach((fo) => {\n const mappingValue = fieldMappings[fo.value];\n const currentField = {\n id: uuid(),\n strValue: mappingValue?.type === 'custom' ? mappingValue?.value : '',\n propertyValue:\n mappingValue?.type === propertyType\n ? propertyOptions.find((po) => po.name === mappingValue?.value)\n : '',\n name: fo.value\n };\n currentFields.push(currentField);\n });\n setFields(currentFields);\n }, [fieldMappings, fieldOptions, propertyOptions, propertyType]);\n\n return (\n <div className={classes.root}>\n {fields.length > 0 &&\n fieldOptions.map((item) => {\n const matchingField = fields.find(\n (field) => field.name === item.value\n );\n\n return (\n <div className={classes.row}>\n <RequiredFieldsMappingField\n requiredField={matchingField}\n onRequiredFieldChange={handleRequiredFieldChange}\n options={propertyOptions \|\| []}\n optionLabelDisplayFunction={optionLabelDisplayFunction}\n groupBy={groupBy}\n />\n <div className={classes.iconContainer}>\n <FluentIcon\n component={ChromeBackMirroredIcon}\n size={20}\n customSize\n />\n </div>\n <Typography\n variant='subtitle1'\n style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n >\n {item.label}\n </Typography>\n </div>\n );\n })}\n <FluentButton\n variant='contained'\n color='primary'\n fullWidth\n onClick={handleOnSubmit}\n >\n {' '}\n Save Mapping\n </FluentButton>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"RequiredFieldsMappingForm-_Faww_eR.js","names":["useStyles","paramMappings","useStyles","key","fieldMappings","uuid"],"sources":["../src/dataBrowser/forms/ParamsMappingFields.jsx","../src/dataBrowser/forms/ParamsMappingForm.jsx","../src/dataBrowser/forms/RequiredFieldsMappingField.jsx","../src/dataBrowser/forms/RequiredFieldsMappingForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n row: {\n display: 'flex',\n alignItems: 'center'\n },\n iconContainer: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1)\n }\n}));\n\nexport const ParamsMappingFields = (props) => {\n const {\n paramMappings,\n paramOptions,\n propertyOptions,\n fieldWidth,\n propertyLabel\n } = props;\n const classes = useStyles();\n const { t } = useTranslation();\n\n return paramOptions.map((item) => {\n let initialPropertyValue = '';\n\n const matchingMappingName = paramMappings?.[item.value];\n if (matchingMappingName) {\n initialPropertyValue = propertyOptions.find(\n (property) => property.name === matchingMappingName\n );\n }\n\n return (\n <div className={classes.row}>\n <Field\n component={FluentTextFieldAutoComplete}\n label={t(propertyLabel)}\n name={`property-${item.label}`}\n id={`property-${item.label}`}\n fullWidth\n variant='outlined'\n margin='dense'\n size='small'\n options={propertyOptions \|\| []}\n optionKey={'name'}\n style={{ width: fieldWidth }}\n initialValue={initialPropertyValue}\n />\n <div className={classes.iconContainer}>\n <FluentIcon component={ChromeBackMirroredIcon} size={20} customSize />\n </div>\n <Typography\n variant='subtitle1'\n style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n >\n {item.label}\n </Typography>\n </div>\n );\n });\n};\n","import React, { useCallback, useMemo } from 'react';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { ParamsMappingFields } from './ParamsMappingFields';\nimport { ConfigService } from '../../configService';\n\nexport const ParamsMappingForm = (props) => {\n const {\n queryId,\n paramMappings,\n properties,\n onSubmit = () => {},\n fieldWidth = 180,\n propertyLabel = 'Property'\n } = props;\n\n const [\n {\n data: apiMethodInstance,\n loading: apiMethodInstancebLoading,\n error: apiMethodInstanceError\n }\n ] = useAxiosGet(\n ConfigService.integrationV1ApiUrl,\n `apiMethodInstance/${queryId}`,\n {},\n !!!queryId,\n false\n );\n\n const paramOptions = useMemo(() => {\n if (!apiMethodInstance) {\n return [];\n }\n try {\n const options = [];\n const bodyStr = apiMethodInstance.body;\n const body = JSON.parse(bodyStr);\n // Checks for any filter elements that have been configured with params.\n body?.filterElements?.forEach((filter) => {\n if (filter.searchValue.startsWith('params.')) {\n const key = filter?.searchValue.replace('params.', '');\n options.push({ label: key, value: key });\n }\n });\n return options;\n } catch {\n console.warn('Error parsing apiMethodInstance body');\n return [];\n }\n }, [apiMethodInstance]);\n\n const propertyOptions = useMemo(() => {\n if (!properties) {\n return [];\n }\n return properties.filter(\n (property) => property?.type !== 'array' && property?.type !== 'object'\n );\n }, [properties]);\n\n // const handleOnSubmit = useCallback(\n // (values) => {\n // // construct the mapping object from the values\n // // the map would be [{parameter: params.apple, property: appleValue}]\n // const paramMappings = [];\n\n // const parameters = new Set();\n // Object.keys(values).forEach((key) => {\n // const parameter = key.split('-')[1];\n // parameters.add(parameter);\n // });\n // parameters.forEach((parameter) => {\n // // const parameter = values[`parameter-${parameter}`];\n // const property = values[`property-${parameter}`];\n // if (parameter) {\n // // const parameterValue = parameter.value;\n // paramMappings.push({\n // parameter: `params.${parameter}`,\n // property: property?.name\n // });\n // }\n // });\n // onSubmit(paramMappings);\n // },\n // [onSubmit]\n // );\n\n const handleOnSubmit = useCallback(\n (values) => {\n // construct the mapping object from the values\n // the map would be {params.apple: appleValue}\n const paramMappings = {};\n\n const parameters = new Set();\n Object.keys(values).forEach((key) => {\n const parameter = key.split('-')[1];\n parameters.add(parameter);\n });\n parameters.forEach((parameter) => {\n const property = values[`property-${parameter}`];\n if (parameter && property) {\n const parameterValue = parameter;\n paramMappings[parameterValue] = property.name;\n }\n });\n onSubmit(paramMappings);\n },\n [onSubmit]\n );\n\n return (\n <Form onSubmit={handleOnSubmit}>\n <ParamsMappingFields\n paramMappings={paramMappings}\n paramOptions={paramOptions}\n propertyOptions={propertyOptions}\n fieldWidth={fieldWidth}\n propertyLabel={propertyLabel}\n />\n <FormButtons>\n <SubmitButton\n variant='contained'\n color='primary'\n disablePristine={false}\n fullWidth\n style={{ marginRight: 8, marginLeft: 8 }}\n >\n Save Mapping\n </SubmitButton>\n </FormButtons>\n </Form>\n );\n};\n","import React, { useCallback, useState } from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\nimport { useTranslation } from 'react-i18next';\nimport { DropdownIcon, TextFieldIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n alignItems: 'center'\n },\n requiredFieldContainer: {\n width: '100%',\n display: 'flex',\n alignItems: 'center'\n },\n input: {\n height: 34,\n padding: 0\n },\n formTextInput: {\n fontSize: 14\n },\n labelRoot: {\n fontSize: 14\n }\n}));\n\nexport const RequiredFieldsMappingField = (props) => {\n const {\n requiredField,\n onRequiredFieldChange,\n options,\n optionLabelDisplayFunction,\n groupBy\n } = props;\n const [state, setState] = useState(requiredField);\n const [isTextField, setIsTextField] = useState(\n !!!requiredField.propertyValue\n );\n const classes = useStyles(props);\n const { t } = useTranslation();\n\n const handleStateChange = useCallback(\n (key, value, merge = false) => {\n let updatedState = { ...state };\n if (merge) {\n updatedState = { ...updatedState, ...value };\n } else {\n updatedState[key] = value;\n }\n setState(updatedState);\n },\n [state]\n );\n\n // Having a separate handler for onChange and blur for text fields because\n // there is a lag between typing and rendering\n const handleInputChange = useCallback(\n (evt) => {\n handleStateChange(evt.target.name, evt.target.value);\n },\n [handleStateChange]\n );\n\n // Using a handler for blur because we want add the text input to the list of requiredFields\n // after user has finished typing\n const handleOnBlur = useCallback(\n (evt) => {\n if (evt.target.name === 'strValue' && !!evt.target.value) {\n onRequiredFieldChange(\n requiredField.id,\n { propertyValue: '', strValue: evt.target.value },\n 'strValue',\n true\n );\n handleStateChange(\n 'propertyValue',\n { propertyValue: '', strValue: evt.target.value },\n true\n );\n } else {\n onRequiredFieldChange(\n requiredField.id,\n evt.target.value,\n evt.target.name\n );\n }\n },\n [requiredField, onRequiredFieldChange, handleStateChange]\n );\n\n const handleRequiredFieldChange = useCallback(\n (value) => {\n onRequiredFieldChange(\n requiredField.id,\n { propertyValue: value, strValue: '' },\n 'propertyValue',\n true\n );\n handleStateChange(\n 'propertyValue',\n { propertyValue: value, strValue: '' },\n true\n );\n },\n [requiredField, onRequiredFieldChange, handleStateChange]\n );\n\n const handleButtonClick = useCallback(() => {\n setIsTextField(!isTextField);\n }, [isTextField]);\n\n let field = null;\n\n if (isTextField) {\n field = (\n <div style={{ width: '100%' }}>\n <TextField\n name='strValue'\n id='strValue'\n onChange={handleInputChange}\n onBlur={handleOnBlur}\n label={t('Value')}\n value={state?.strValue \|\| ''}\n fullWidth\n variant='outlined'\n margin='dense'\n size='small'\n style={{ width: 200 }}\n InputProps={{\n classes: {\n root: classes.input,\n input: classes.formTextInput\n }\n }}\n InputLabelProps={{\n classes: {\n root: classes.labelRoot\n }\n }}\n />\n </div>\n );\n } else {\n field = (\n <div style={{ width: '100%' }}>\n <FluentTextFieldAutoComplete\n name='propertyValue'\n id='propertyValue'\n label={t('Value')}\n onChange={handleRequiredFieldChange}\n optionLabelDisplayFunction={optionLabelDisplayFunction}\n value={state?.propertyValue \|\| ''}\n options={options \|\| []}\n optionKey={optionLabelDisplayFunction ? '' : 'name'}\n groupBy={groupBy}\n variant='outlined'\n margin='dense'\n style={{ width: 200 }}\n />\n </div>\n );\n }\n\n return (\n <div className={classes.root}>\n <div className={classes.requiredFieldContainer}>\n {field}\n <FluentIconButton\n className={classes.icon}\n icon={isTextField ? DropdownIcon : TextFieldIcon}\n onClick={handleButtonClick}\n />\n </div>\n </div>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RequiredFieldsMappingField } from './RequiredFieldsMappingField';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { v4 as uuid } from 'uuid';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n row: {\n display: 'flex',\n alignItems: 'center'\n },\n variableContainer: {\n width: '100%',\n display: 'flex',\n alignItems: 'flex-start'\n },\n icon: {\n marginTop: theme.spacing(5)\n },\n iconButton: {\n marginTop: theme.spacing(3.5)\n },\n iconContainer: {\n marginRight: theme.spacing(1)\n }\n}));\n\nexport const RequiredFieldsMappingForm = (props) => {\n const {\n requiredFields = '',\n fieldMappings,\n properties,\n onSubmit = () => {},\n optionLabelDisplayFunction,\n groupBy,\n propertyType = 'entity'\n } = props;\n const [fields, setFields] = useState([]);\n const classes = useStyles(props);\n\n const fieldOptions = useMemo(() => {\n const fieldsStr = requiredFields \|\| '';\n if (!fieldsStr.trim()) {\n return [];\n }\n\n const options = [];\n const fields = fieldsStr.split(',');\n\n fields.forEach((field) => {\n options.push({ label: field.trim(), value: field.trim() });\n });\n\n return options;\n }, [requiredFields]);\n\n const handleRequiredFieldChange = useCallback(\n (fieldId, value, key, merge = false) => {\n const updatedFields = [...fields];\n let matchingField = updatedFields.find((f) => f.id === fieldId);\n if (matchingField) {\n if (merge) {\n Object.keys(value).forEach((key) => {\n matchingField[key] = value[key];\n });\n } else {\n matchingField[key] = value;\n }\n }\n setFields(updatedFields);\n },\n [fields, setFields]\n );\n\n const propertyOptions = useMemo(() => {\n if (!properties) {\n return [];\n }\n // return properties.filter(\n // (property) => property?.type !== 'array' && property?.type !== 'object'\n // );\n return properties;\n }, [properties]);\n\n const handleOnSubmit = useCallback(() => {\n // construct the mapping object from the values\n // the map would be {params.apple: appleValue}\n const fieldMappings = {};\n\n fields.forEach((field) => {\n fieldMappings[field.name] = {\n value: field.propertyValue\n ? field.propertyValue?.name\n : field.strValue.trim(),\n type: field.propertyValue ? propertyType : 'custom'\n };\n });\n onSubmit(fieldMappings);\n }, [onSubmit, fields, propertyType]);\n\n useEffect(() => {\n if (!fieldOptions \|\| !fieldMappings \|\| !propertyOptions) {\n return;\n }\n const currentFields = [];\n fieldOptions.forEach((fo) => {\n const mappingValue = fieldMappings[fo.value];\n const currentField = {\n id: uuid(),\n strValue: mappingValue?.type === 'custom' ? mappingValue?.value : '',\n propertyValue:\n mappingValue?.type === propertyType\n ? propertyOptions.find((po) => po.name === mappingValue?.value)\n : '',\n name: fo.value\n };\n currentFields.push(currentField);\n });\n setFields(currentFields);\n }, [fieldMappings, fieldOptions, propertyOptions, propertyType]);\n\n return (\n <div className={classes.root}>\n {fields.length > 0 &&\n fieldOptions.map((item) => {\n const matchingField = fields.find(\n (field) => field.name === item.value\n );\n\n return (\n <div className={classes.row}>\n <RequiredFieldsMappingField\n requiredField={matchingField}\n onRequiredFieldChange={handleRequiredFieldChange}\n options={propertyOptions \|\| []}\n optionLabelDisplayFunction={optionLabelDisplayFunction}\n groupBy={groupBy}\n />\n <div className={classes.iconContainer}>\n <FluentIcon\n component={ChromeBackMirroredIcon}\n size={20}\n customSize\n />\n </div>\n <Typography\n variant='subtitle1'\n style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n >\n {item.label}\n </Typography>\n </div>\n );\n })}\n <FluentButton\n variant='contained'\n color='primary'\n fullWidth\n onClick={handleOnSubmit}\n >\n {' '}\n Save Mapping\n </FluentButton>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/{SearchServiceDatasource-D8egrLwe.js → SearchServiceDatasource-DxoCnnUT.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { D as SearchGroupingType, O as SearchSortDirection, f as LogicalSearchOperatorEnums } from "./unitySystemEnums-CZDCsD5t.js";
-import { r as getSearchObject } from "./SearchUtilities-DUW0kaw_.js";
+import { D as SearchGroupingType, O as SearchSortDirection, f as LogicalSearchOperatorEnums } from "./unitySystemEnums-BhRg17du.js";
+import { r as getSearchObject } from "./SearchUtilities-4D3aArPk.js";
 import { t as FilterOperators } from "./SearchOperator-D9838PIe.js";
 import { cloneDeep } from "lodash";
@@ -153,4 +153,4 @@ const SearchServiceDatasource = (queryData, apiMethodId, searchFilterElements, l
 //#endregion
 export { SearchServiceDatasource as t };
-//# sourceMappingURL=SearchServiceDatasource-D8egrLwe.js.map
+//# sourceMappingURL=SearchServiceDatasource-DxoCnnUT.js.map

package/dist/{SearchServiceDatasource-D8egrLwe.js.map → SearchServiceDatasource-DxoCnnUT.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchServiceDatasource-D8egrLwe.js","names":["element"],"sources":["../src/utilities/aggrid/datasources/SearchServiceDatasource.js"],"sourcesContent":["import {\n LogicalSearchOperatorEnums,\n SearchGroupingType,\n SearchSortDirection\n} from '../../../enums/unitySystemEnums';\nimport { getSearchObject } from '../../search/SearchUtilities';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { cloneDeep } from 'lodash';\n\nexport const SearchServiceDatasource = (\n queryData,\n apiMethodId,\n searchFilterElements,\n logicalSearchOperator = LogicalSearchOperatorEnums.And,\n executeQuery,\n storeRowData,\n lookupsMap,\n eagerLoad = false,\n getCleanData = null\n) => {\n return {\n async getRows(params) {\n const {\n startRow,\n endRow,\n rowGroupCols,\n groupKeys,\n valueCols,\n filterModel,\n sortModel\n } = params.request;\n const page = endRow / 20;\n const originalSearchObject = getSearchObject(\n searchFilterElements,\n page,\n null,\n eagerLoad,\n logicalSearchOperator\n );\n\n const searchObject = cloneDeep(originalSearchObject);\n\n // handle server-side sorting on ag-grid\n if (sortModel.length) {\n const orderElements = searchObject.orderElements;\n sortModel.forEach((sortItem) => {\n const formattedPropertyName =\n sortItem.colId.charAt(0).toUpperCase() + sortItem.colId.slice(1);\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (element) {\n element.sortDirection = sortItem.sort.toUpperCase();\n } else {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: sortItem.sort.toUpperCase()\n });\n }\n });\n }\n\n // handle server-side filtering on ag-grid\n if (Object.keys(filterModel).length) {\n const filterElements = searchObject.filterElements;\n Object.keys(filterModel).forEach((key) => {\n const filterItem = filterModel[key];\n const formattedPropertyName =\n key.charAt(0).toUpperCase() + key.slice(1);\n filterElements.push({\n searchField: formattedPropertyName,\n searchValue: filterItem.filter,\n searchOperator: FilterOperators[filterItem.type]\n });\n });\n }\n\n // construct search for initial grouping\n if (rowGroupCols.length && !groupKeys.length) {\n const formattedPropertyName =\n rowGroupCols[0].field.charAt(0).toUpperCase() +\n rowGroupCols[0].field.slice(1);\n searchObject.groupingType = SearchGroupingType.Distinct;\n if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n searchObject.groupProperty.push(formattedPropertyName);\n\n const orderElements = searchObject.orderElements;\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (!element) {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: SearchSortDirection.Asc\n });\n }\n }\n }\n\n // construct the filter for grouped columns\n if (groupKeys.length) {\n // construct search for last grouped element\n if (groupKeys.length === rowGroupCols.length) {\n searchObject.groupingType = '';\n const filterElements = searchObject.filterElements;\n groupKeys.forEach((key, index) => {\n const rowGroupCol = rowGroupCols[index];\n const formattedPropertyName =\n rowGroupCol.field.charAt(0).toUpperCase() +\n rowGroupCol.field.slice(1);\n const element = filterElements.find(\n (element) => element.searchField === formattedPropertyName\n );\n\n let currentNode = null;\n params.api.forEachNode((node) => {\n const nodeKey = node.field;\n if (\n nodeKey?.toLowerCase() ===\n formattedPropertyName?.toLowerCase() &&\n node?.data?.[nodeKey] === key\n ) {\n currentNode = node;\n return;\n }\n });\n let searchValue = key;\n if (currentNode) {\n const cleanData = getCleanData\n ? getCleanData(currentNode.data, lookupsMap)\n : null;\n if (cleanData) {\n searchValue = cleanData[currentNode.field];\n }\n }\n\n if (element) {\n element.searchValue = searchValue;\n element.searchOperator = '=';\n } else {\n filterElements.push({\n searchField: formattedPropertyName,\n searchValue: searchValue,\n searchOperator: '='\n });\n }\n });\n } else {\n // construct search for the next grouped element\n groupKeys.forEach((key, index) => {\n const formattedPropertyNameForSearch =\n rowGroupCols[index].field.charAt(0).toUpperCase() +\n rowGroupCols[index].field.slice(1);\n\n let currentNode = null;\n params.api.forEachNode((node) => {\n const nodeKey = node.field;\n if (\n nodeKey?.toLowerCase() ===\n formattedPropertyNameForSearch?.toLowerCase() &&\n node?.data?.[nodeKey] === key\n ) {\n currentNode = node;\n return;\n }\n });\n let searchValue = key;\n if (currentNode) {\n const cleanData = getCleanData\n ? getCleanData(currentNode.data, lookupsMap)\n : null;\n if (cleanData) {\n searchValue = cleanData[currentNode.field];\n }\n }\n\n searchObject.filterElements.push({\n searchField: formattedPropertyNameForSearch,\n searchValue: searchValue,\n searchOperator: '='\n });\n });\n\n searchObject.groupingType = SearchGroupingType.Distinct;\n const searchIndex = groupKeys.length;\n const rowGroupCol = rowGroupCols[searchIndex];\n const formattedPropertyName =\n rowGroupCol.field.charAt(0).toUpperCase() +\n rowGroupCol.field.slice(1);\n\n if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n searchObject.groupProperty.push(formattedPropertyName);\n\n const orderElements = searchObject.orderElements;\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (!element) {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: SearchSortDirection.Asc\n });\n }\n }\n }\n }\n\n if (\n !startRow &&\n rowGroupCols.length === 0 &&\n !sortModel.length &&\n !Object.keys(filterModel).length &&\n !groupKeys.length &&\n queryData\n ) {\n if (queryData.pageList && queryData.pageList) {\n params.success({\n rowData: queryData.pageList,\n rowCount: parseInt(queryData.total)\n });\n if (storeRowData) {\n storeRowData(queryData.pageList);\n }\n } else {\n // TODO: add an overlay to display no rows\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n } else {\n let response = null;\n if (executeQuery) {\n const data = { data: searchObject };\n response = await executeQuery(data, apiMethodId, lookupsMap).catch(\n (e) =>\n params.success({\n rowData: [],\n rowCount: 0\n })\n );\n }\n const rowData = response?.status === 200 ? response?.data : response;\n if (rowData && response) {\n if (rowData?.pageList?.length > 0) {\n params.success({\n rowData: rowData.pageList,\n rowCount: parseInt(rowData.total)\n });\n if (storeRowData) {\n storeRowData(rowData.pageList);\n }\n } else {\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n } else {\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n }\n }\n };\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"SearchServiceDatasource-DxoCnnUT.js","names":["element"],"sources":["../src/utilities/aggrid/datasources/SearchServiceDatasource.js"],"sourcesContent":["import {\n LogicalSearchOperatorEnums,\n SearchGroupingType,\n SearchSortDirection\n} from '../../../enums/unitySystemEnums';\nimport { getSearchObject } from '../../search/SearchUtilities';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { cloneDeep } from 'lodash';\n\nexport const SearchServiceDatasource = (\n queryData,\n apiMethodId,\n searchFilterElements,\n logicalSearchOperator = LogicalSearchOperatorEnums.And,\n executeQuery,\n storeRowData,\n lookupsMap,\n eagerLoad = false,\n getCleanData = null\n) => {\n return {\n async getRows(params) {\n const {\n startRow,\n endRow,\n rowGroupCols,\n groupKeys,\n valueCols,\n filterModel,\n sortModel\n } = params.request;\n const page = endRow / 20;\n const originalSearchObject = getSearchObject(\n searchFilterElements,\n page,\n null,\n eagerLoad,\n logicalSearchOperator\n );\n\n const searchObject = cloneDeep(originalSearchObject);\n\n // handle server-side sorting on ag-grid\n if (sortModel.length) {\n const orderElements = searchObject.orderElements;\n sortModel.forEach((sortItem) => {\n const formattedPropertyName =\n sortItem.colId.charAt(0).toUpperCase() + sortItem.colId.slice(1);\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (element) {\n element.sortDirection = sortItem.sort.toUpperCase();\n } else {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: sortItem.sort.toUpperCase()\n });\n }\n });\n }\n\n // handle server-side filtering on ag-grid\n if (Object.keys(filterModel).length) {\n const filterElements = searchObject.filterElements;\n Object.keys(filterModel).forEach((key) => {\n const filterItem = filterModel[key];\n const formattedPropertyName =\n key.charAt(0).toUpperCase() + key.slice(1);\n filterElements.push({\n searchField: formattedPropertyName,\n searchValue: filterItem.filter,\n searchOperator: FilterOperators[filterItem.type]\n });\n });\n }\n\n // construct search for initial grouping\n if (rowGroupCols.length && !groupKeys.length) {\n const formattedPropertyName =\n rowGroupCols[0].field.charAt(0).toUpperCase() +\n rowGroupCols[0].field.slice(1);\n searchObject.groupingType = SearchGroupingType.Distinct;\n if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n searchObject.groupProperty.push(formattedPropertyName);\n\n const orderElements = searchObject.orderElements;\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (!element) {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: SearchSortDirection.Asc\n });\n }\n }\n }\n\n // construct the filter for grouped columns\n if (groupKeys.length) {\n // construct search for last grouped element\n if (groupKeys.length === rowGroupCols.length) {\n searchObject.groupingType = '';\n const filterElements = searchObject.filterElements;\n groupKeys.forEach((key, index) => {\n const rowGroupCol = rowGroupCols[index];\n const formattedPropertyName =\n rowGroupCol.field.charAt(0).toUpperCase() +\n rowGroupCol.field.slice(1);\n const element = filterElements.find(\n (element) => element.searchField === formattedPropertyName\n );\n\n let currentNode = null;\n params.api.forEachNode((node) => {\n const nodeKey = node.field;\n if (\n nodeKey?.toLowerCase() ===\n formattedPropertyName?.toLowerCase() &&\n node?.data?.[nodeKey] === key\n ) {\n currentNode = node;\n return;\n }\n });\n let searchValue = key;\n if (currentNode) {\n const cleanData = getCleanData\n ? getCleanData(currentNode.data, lookupsMap)\n : null;\n if (cleanData) {\n searchValue = cleanData[currentNode.field];\n }\n }\n\n if (element) {\n element.searchValue = searchValue;\n element.searchOperator = '=';\n } else {\n filterElements.push({\n searchField: formattedPropertyName,\n searchValue: searchValue,\n searchOperator: '='\n });\n }\n });\n } else {\n // construct search for the next grouped element\n groupKeys.forEach((key, index) => {\n const formattedPropertyNameForSearch =\n rowGroupCols[index].field.charAt(0).toUpperCase() +\n rowGroupCols[index].field.slice(1);\n\n let currentNode = null;\n params.api.forEachNode((node) => {\n const nodeKey = node.field;\n if (\n nodeKey?.toLowerCase() ===\n formattedPropertyNameForSearch?.toLowerCase() &&\n node?.data?.[nodeKey] === key\n ) {\n currentNode = node;\n return;\n }\n });\n let searchValue = key;\n if (currentNode) {\n const cleanData = getCleanData\n ? getCleanData(currentNode.data, lookupsMap)\n : null;\n if (cleanData) {\n searchValue = cleanData[currentNode.field];\n }\n }\n\n searchObject.filterElements.push({\n searchField: formattedPropertyNameForSearch,\n searchValue: searchValue,\n searchOperator: '='\n });\n });\n\n searchObject.groupingType = SearchGroupingType.Distinct;\n const searchIndex = groupKeys.length;\n const rowGroupCol = rowGroupCols[searchIndex];\n const formattedPropertyName =\n rowGroupCol.field.charAt(0).toUpperCase() +\n rowGroupCol.field.slice(1);\n\n if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n searchObject.groupProperty.push(formattedPropertyName);\n\n const orderElements = searchObject.orderElements;\n const element = orderElements.find(\n (element) => element.sortColumn === formattedPropertyName\n );\n if (!element) {\n orderElements.push({\n sortColumn: formattedPropertyName,\n sortDirection: SearchSortDirection.Asc\n });\n }\n }\n }\n }\n\n if (\n !startRow &&\n rowGroupCols.length === 0 &&\n !sortModel.length &&\n !Object.keys(filterModel).length &&\n !groupKeys.length &&\n queryData\n ) {\n if (queryData.pageList && queryData.pageList) {\n params.success({\n rowData: queryData.pageList,\n rowCount: parseInt(queryData.total)\n });\n if (storeRowData) {\n storeRowData(queryData.pageList);\n }\n } else {\n // TODO: add an overlay to display no rows\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n } else {\n let response = null;\n if (executeQuery) {\n const data = { data: searchObject };\n response = await executeQuery(data, apiMethodId, lookupsMap).catch(\n (e) =>\n params.success({\n rowData: [],\n rowCount: 0\n })\n );\n }\n const rowData = response?.status === 200 ? response?.data : response;\n if (rowData && response) {\n if (rowData?.pageList?.length > 0) {\n params.success({\n rowData: rowData.pageList,\n rowCount: parseInt(rowData.total)\n });\n if (storeRowData) {\n storeRowData(rowData.pageList);\n }\n } else {\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n } else {\n params.success({\n rowData: [],\n rowCount: 0\n });\n if (storeRowData) {\n storeRowData([]);\n }\n }\n }\n }\n };\n};\n"],"mappings":"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"}

package/dist/{SearchUtilities-DUW0kaw_.js → SearchUtilities-4D3aArPk.js} RENAMED Viewed

@@ -1,54 +1,54 @@
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { D as SearchGroupingType, f as LogicalSearchOperatorEnums } from "./unitySystemEnums-CZDCsD5t.js";
+import { B as UdpSearchEnums, D as SearchGroupingType, f as LogicalSearchOperatorEnums } from "./unitySystemEnums-BhRg17du.js";
 import { useCallback, useMemo } from "react";
 import { DateTime, IANAZone } from "luxon";
 //#region src/enums/aggridEnums.ts
-let AgGridFilterOperators = /* @__PURE__ */ function(AgGridFilterOperators$1) {
-	AgGridFilterOperators$1["CONTAINS"] = "contains";
-	AgGridFilterOperators$1["NOT_CONTAINS"] = "notcontains";
-	AgGridFilterOperators$1["EQUALS"] = "equals";
-	AgGridFilterOperators$1["NOT_EQUALS"] = "notequals";
-	AgGridFilterOperators$1["STARTSWITH"] = "startswith";
-	AgGridFilterOperators$1["ENDSWITH"] = "endswith";
-	AgGridFilterOperators$1["LESS_THAN"] = "lessthan";
-	AgGridFilterOperators$1["LESS_THAN_OR_EQUAL"] = "lessthanorequal";
-	AgGridFilterOperators$1["GREATER_THAN"] = "greaterthan";
-	AgGridFilterOperators$1["GREATER_THAN_OR_EQUAL"] = "greaterthanorequal";
-	AgGridFilterOperators$1["IN_RANGE"] = "inrange";
-	AgGridFilterOperators$1["SET"] = "set";
-	return AgGridFilterOperators$1;
+let AgGridFilterOperators = /* @__PURE__ */ function(AgGridFilterOperators) {
+	AgGridFilterOperators["CONTAINS"] = "contains";
+	AgGridFilterOperators["NOT_CONTAINS"] = "notcontains";
+	AgGridFilterOperators["EQUALS"] = "equals";
+	AgGridFilterOperators["NOT_EQUALS"] = "notequals";
+	AgGridFilterOperators["STARTSWITH"] = "startswith";
+	AgGridFilterOperators["ENDSWITH"] = "endswith";
+	AgGridFilterOperators["LESS_THAN"] = "lessthan";
+	AgGridFilterOperators["LESS_THAN_OR_EQUAL"] = "lessthanorequal";
+	AgGridFilterOperators["GREATER_THAN"] = "greaterthan";
+	AgGridFilterOperators["GREATER_THAN_OR_EQUAL"] = "greaterthanorequal";
+	AgGridFilterOperators["IN_RANGE"] = "inrange";
+	AgGridFilterOperators["SET"] = "set";
+	return AgGridFilterOperators;
 }({});
-let SqlFilterOperators = /* @__PURE__ */ function(SqlFilterOperators$1) {
-	SqlFilterOperators$1["LIKE"] = "LIKE";
-	SqlFilterOperators$1["EQUALS"] = "=";
-	SqlFilterOperators$1["NOT_EQUALS"] = "<>";
-	SqlFilterOperators$1["LESS_THAN"] = "<";
-	SqlFilterOperators$1["LESS_THAN_OR_EQUAL"] = "<=";
-	SqlFilterOperators$1["GREATER_THAN"] = ">";
-	SqlFilterOperators$1["GREATER_THAN_OR_EQUAL"] = ">=";
-	SqlFilterOperators$1["BETWEEN"] = "BETWEEN";
-	SqlFilterOperators$1["IN"] = "IN";
-	SqlFilterOperators$1["STARTSWITH"] = "STARTSWITH";
-	SqlFilterOperators$1["ENDSWITH"] = "ENDSWITH";
-	return SqlFilterOperators$1;
+let SqlFilterOperators = /* @__PURE__ */ function(SqlFilterOperators) {
+	SqlFilterOperators["LIKE"] = "LIKE";
+	SqlFilterOperators["EQUALS"] = "=";
+	SqlFilterOperators["NOT_EQUALS"] = "<>";
+	SqlFilterOperators["LESS_THAN"] = "<";
+	SqlFilterOperators["LESS_THAN_OR_EQUAL"] = "<=";
+	SqlFilterOperators["GREATER_THAN"] = ">";
+	SqlFilterOperators["GREATER_THAN_OR_EQUAL"] = ">=";
+	SqlFilterOperators["BETWEEN"] = "BETWEEN";
+	SqlFilterOperators["IN"] = "IN";
+	SqlFilterOperators["STARTSWITH"] = "STARTSWITH";
+	SqlFilterOperators["ENDSWITH"] = "ENDSWITH";
+	return SqlFilterOperators;
 }({});
-let AgGridFilterTypes = /* @__PURE__ */ function(AgGridFilterTypes$1) {
-	AgGridFilterTypes$1["TEXT"] = "text";
-	AgGridFilterTypes$1["NUMBER"] = "number";
-	AgGridFilterTypes$1["DATE"] = "date";
-	AgGridFilterTypes$1["SET"] = "set";
-	return AgGridFilterTypes$1;
+let AgGridFilterTypes = /* @__PURE__ */ function(AgGridFilterTypes) {
+	AgGridFilterTypes["TEXT"] = "text";
+	AgGridFilterTypes["NUMBER"] = "number";
+	AgGridFilterTypes["DATE"] = "date";
+	AgGridFilterTypes["SET"] = "set";
+	return AgGridFilterTypes;
 }({});
-let SearchValueType = /* @__PURE__ */ function(SearchValueType$1) {
-	SearchValueType$1[SearchValueType$1["Type_String"] = 1] = "Type_String";
-	SearchValueType$1[SearchValueType$1["Type_Int"] = 2] = "Type_Int";
-	SearchValueType$1[SearchValueType$1["Type_Long"] = 3] = "Type_Long";
-	SearchValueType$1[SearchValueType$1["Type_Double"] = 4] = "Type_Double";
-	SearchValueType$1[SearchValueType$1["Type_Boolean"] = 5] = "Type_Boolean";
-	SearchValueType$1[SearchValueType$1["Type_DateTime"] = 6] = "Type_DateTime";
-	SearchValueType$1[SearchValueType$1["Type_Guid"] = 7] = "Type_Guid";
-	return SearchValueType$1;
+let SearchValueType = /* @__PURE__ */ function(SearchValueType) {
+	SearchValueType[SearchValueType["Type_String"] = 1] = "Type_String";
+	SearchValueType[SearchValueType["Type_Int"] = 2] = "Type_Int";
+	SearchValueType[SearchValueType["Type_Long"] = 3] = "Type_Long";
+	SearchValueType[SearchValueType["Type_Double"] = 4] = "Type_Double";
+	SearchValueType[SearchValueType["Type_Boolean"] = 5] = "Type_Boolean";
+	SearchValueType[SearchValueType["Type_DateTime"] = 6] = "Type_DateTime";
+	SearchValueType[SearchValueType["Type_Guid"] = 7] = "Type_Guid";
+	return SearchValueType;
 }({});
 //#endregion
@@ -174,7 +174,7 @@ const parseSearchParamsIntoFilterObjects = () => {
 	const qs = new URLSearchParams(window.location.search);
 	const filterObjects = [];
 	qs.forEach((value, key) => {
-		if (key.startsWith("udp_search")) {
+		if (key.startsWith(UdpSearchEnums.UdpQueryParamPrefix)) {
 			const keyParts = key.split("-");
 			const searchField = keyParts[1] || void 0;
 			const searchOperator = SqlFilterOperators[(keyParts[2] || void 0).toUpperCase()] || void 0;
@@ -191,4 +191,4 @@ const parseSearchParamsIntoFilterObjects = () => {
 //#endregion
 export { useConvertFilterModelToSearchFilters as a, parseSearchParamsIntoFilterObjects as i, getSearchIdentifiers as n, SqlFilterOperators as o, getSearchObject as r, getApiMethodIdByPath as t };
-//# sourceMappingURL=SearchUtilities-DUW0kaw_.js.map
+//# sourceMappingURL=SearchUtilities-4D3aArPk.js.map

package/dist/SearchUtilities-4D3aArPk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SearchUtilities-4D3aArPk.js","names":[],"sources":["../src/enums/aggridEnums.ts","../src/utilities/search/SearchUtilities.ts"],"sourcesContent":["export enum AgGridFilterOperators {\n CONTAINS = 'contains',\n NOT_CONTAINS = 'notcontains',\n EQUALS = 'equals',\n NOT_EQUALS = 'notequals',\n STARTSWITH = 'startswith',\n ENDSWITH = 'endswith',\n LESS_THAN = 'lessthan',\n LESS_THAN_OR_EQUAL = 'lessthanorequal',\n GREATER_THAN = 'greaterthan',\n GREATER_THAN_OR_EQUAL = 'greaterthanorequal',\n IN_RANGE = 'inrange',\n SET = 'set'\n }\n \n export enum SqlFilterOperators {\n LIKE = 'LIKE',\n EQUALS = '=',\n NOT_EQUALS = '<>',\n LESS_THAN = '<',\n LESS_THAN_OR_EQUAL = '<=',\n GREATER_THAN = '>',\n GREATER_THAN_OR_EQUAL = '>=',\n BETWEEN = 'BETWEEN',\n IN = 'IN',\n STARTSWITH = 'STARTSWITH',\n ENDSWITH = 'ENDSWITH'\n }\n \n export enum AgGridFilterTypes {\n TEXT = 'text',\n NUMBER = 'number',\n DATE = 'date',\n SET = 'set'\n }\n \n export enum SearchValueType {\n Type_String = 1,\n Type_Int = 2,\n Type_Long = 3,\n Type_Double = 4,\n Type_Boolean = 5,\n Type_DateTime = 6,\n Type_Guid = 7\n }\n \n export enum GroupingType {\n DISTINCT = 'DISTINCT',\n AGGREGATE = 'AGGREGATE'\n }","import { useCallback, useMemo } from 'react';\nimport {\n SearchGroupingType,\n LogicalSearchOperatorEnums,\n UdpSearchEnums\n} from '../../enums/unitySystemEnums';\nimport { DateTime, IANAZone } from 'luxon';\nimport {\n FilterObject,\n Search,\n SearchFilters,\n SearchFilterGroups,\n BasicSearchFilter\n} from './Search';\nimport {\n AgGridFilterOperators,\n AgGridFilterTypes,\n SearchValueType,\n SqlFilterOperators\n} from '../../enums/aggridEnums';\nimport { useUser } from '../auth/useUser';\nimport { FilterElementParamType } from '../../enums/searchEnums';\n\nexport const getSearchObject: (\n searchFilterElements: SearchFilters[],\n page: number,\n pageSize: number,\n eagerLoad?: boolean,\n logicalSearchOperator?: LogicalSearchOperatorEnums,\n searchFilterGroups?: SearchFilterGroups[]\n) => Search = (\n searchFilterElements,\n page,\n pageSize,\n eagerLoad = false,\n logicalSearchOperator = LogicalSearchOperatorEnums.And,\n searchFilterGroups = []\n) => {\n const searchObject: Search = {\n pageNumber: page || 1,\n pageSize: pageSize || 20,\n filterElements: [],\n filterGroups: [],\n orderElements: [],\n groupingType: '',\n groupProperty: [],\n groupOperationList: [],\n eagerLoad: eagerLoad,\n logicalSearchOperator: logicalSearchOperator\n };\n\n if (searchFilterElements) {\n searchFilterElements.forEach((property) => {\n const formattedPropertyName = property.searchField;\n // adds order elements\n if ('sortDirection' in property && property.sortDirection) {\n const orderElement = {\n sortColumn: formattedPropertyName,\n sortDirection: property.sortDirection as string\n };\n searchObject.orderElements.push(orderElement);\n } else {\n // An object from searchFilterElements should be added filterElements only if it is not an orderElement (i.e. it has no sortDirection)\n searchObject.filterElements.push(property);\n }\n if ('distinct' in property && property.distinct) {\n searchObject.groupingType = SearchGroupingType.Distinct;\n searchObject.groupProperty?.push(formattedPropertyName);\n }\n });\n }\n\n searchObject.filterGroups = searchFilterGroups;\n\n return searchObject;\n};\nexport const getApiMethodIdByPath: (\n apiMethodList: Array<{ path: string; apiMethodId?: string | number }>,\n path: string\n) => string | number | null = (apiMethodList, path) => {\n const foundApiMethod = apiMethodList.find((method) =>\n path.includes(method.path)\n );\n return foundApiMethod?.apiMethodId ?? null;\n};\n\nexport const getSearchIdentifiers: (\n catalogObjects: any[],\n catalogReturnObject: string\n) => string[] = (catalogObjects, catalogReturnObject) => {\n if (!catalogObjects) return [];\n const matchingCatalogObject = catalogObjects.find(\n (co) => co.catalogObjectName === catalogReturnObject\n );\n const properties = matchingCatalogObject?.properties?.filter(\n (property) => property?.extendedProperties?.identifier\n );\n return properties?.map((property) => property.name) ?? [];\n};\n\n/**\n * Returns a reference to a function that takes an Ag-grid FilterModel object and\n * processes it to create an array of SearchFilters.\n * @param timeZone string or null;\n * @returns Function for processing Ag-grid FilterModel\n */\nexport const useConvertFilterModelToSearchFilters: () => (\n filterModel: any\n) => SearchFilters[] = (timeZone: string | null = null) => {\n const user = useUser();\n\n const zone = useMemo(() => {\n let tz =\n timeZone ?? user?.additionalProperties?.activeUtilityTimeZone ?? 'local';\n const validTimeZone =\n tz !== 'local' &&\n (tz === user?.additionalProperties?.activeUtilityTimeZone ||\n IANAZone.isValidZone(tz))\n ? tz\n : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n return validTimeZone;\n }, [timeZone, user]);\n\n const convertFilterModelToSearchFilters = useCallback(\n (filterModel: any = null) => {\n if (!filterModel) {\n return [];\n }\n let searchFilters: SearchFilters[] = [];\n searchFilters = Object.entries(filterModel).map(\n (item: FilterObject | any) => {\n let field = item[0];\n let operator;\n let type;\n let value;\n // Set the filter value; dependent on filter type (e.g. Date, Set, etc.)\n if (item[1]?.filterType === AgGridFilterTypes.DATE) {\n // Applies the applicable timezone to the date filter value for usage when\n // constructing the database query.\n let dateFilterValueWithoutTime = item[1]?.dateFrom?.substring(\n 0,\n 10\n ); // e.g. 2022-02-05\n let dateSplit = dateFilterValueWithoutTime.split('-');\n let date = new Date(dateSplit[0], dateSplit[1] - 1, dateSplit[2]);\n const filterDateTimeMidnight = DateTime.fromJSDate(date).setZone(\n zone,\n { keepLocalTime: true }\n );\n let dateString = filterDateTimeMidnight.toJSDate().toISOString();\n value = dateString;\n } else if (item[1]?.filterType === AgGridFilterTypes.SET) {\n value = item[1].values.join(',');\n operator = SqlFilterOperators.IN;\n } else {\n value = item[1]?.filter;\n }\n\n switch (item[1]?.type?.toLowerCase()) {\n case AgGridFilterOperators.CONTAINS:\n operator = SqlFilterOperators.LIKE;\n break;\n case AgGridFilterOperators.EQUALS:\n operator = SqlFilterOperators.EQUALS;\n if (item[1]?.filterType === AgGridFilterTypes.DATE) {\n type = SearchValueType.Type_DateTime;\n }\n break;\n case AgGridFilterOperators.NOT_EQUALS:\n operator = SqlFilterOperators.NOT_EQUALS;\n break;\n case AgGridFilterOperators.GREATER_THAN:\n operator = SqlFilterOperators.GREATER_THAN;\n break;\n case AgGridFilterOperators.GREATER_THAN_OR_EQUAL:\n operator = SqlFilterOperators.GREATER_THAN_OR_EQUAL;\n break;\n case AgGridFilterOperators.LESS_THAN:\n operator = SqlFilterOperators.LESS_THAN;\n break;\n case AgGridFilterOperators.LESS_THAN_OR_EQUAL:\n operator = SqlFilterOperators.LESS_THAN_OR_EQUAL;\n break;\n case AgGridFilterOperators.STARTSWITH:\n operator = SqlFilterOperators.STARTSWITH;\n break;\n case AgGridFilterOperators.IN_RANGE:\n operator = SqlFilterOperators.BETWEEN;\n if (item[1]?.filterType === AgGridFilterTypes.NUMBER) {\n value += ',' + item[1]?.filterTo;\n } else if (item[1]?.filterType === AgGridFilterTypes.DATE) {\n let dateFilterValueWithoutTime = item[1]?.dateTo?.substring(\n 0,\n 10\n ); // e.g. 2022-02-05\n let dateSplit = dateFilterValueWithoutTime.split('-');\n let date = new Date(\n dateSplit[0],\n dateSplit[1] - 1,\n dateSplit[2]\n );\n const filterDateTimeMidnight = DateTime.fromJSDate(\n date\n ).setZone(zone, { keepLocalTime: true });\n let dateString = filterDateTimeMidnight\n .toJSDate()\n .toISOString();\n value += ',' + dateString;\n }\n break;\n case AgGridFilterOperators.ENDSWITH:\n operator = SqlFilterOperators.ENDSWITH;\n break;\n default:\n break;\n }\n return {\n searchField: field,\n searchValue: value,\n searchOperator: operator,\n searchValueType: type,\n groupId: null\n };\n }\n );\n return searchFilters;\n },\n [zone]\n );\n\n return convertFilterModelToSearchFilters;\n};\n\n// Parses the URL search params for UDP search filters\n// e.g. udp_search-FieldName-Operator=Value - udp_search-firstName-like=John\nexport const parseSearchParamsIntoFilterObjects = (): BasicSearchFilter[] => {\n /* eslint-disable @typescript-eslint/no-unsafe-assignment */\n const qs = new URLSearchParams(window.location.search);\n const filterObjects: BasicSearchFilter[] = [];\n qs.forEach((value, key) => {\n if (key.startsWith(UdpSearchEnums.UdpQueryParamPrefix)) {\n const keyParts = key.split('-');\n const searchField = keyParts[1] || undefined;\n const searchOperatorRaw = keyParts[2] || undefined;\n const searchOperator =\n SqlFilterOperators[searchOperatorRaw.toUpperCase()] || undefined;\n const searchValue = value || undefined;\n\n if (searchField && searchOperator && searchValue) {\n filterObjects.push({\n searchField,\n searchOperator,\n searchValue\n });\n }\n }\n });\n\n return filterObjects;\n};\n"],"mappings":"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"}

package/dist/{Shell-n8SMDgV0.js → Shell-XnaXB62L.js} RENAMED Viewed

@@ -3,18 +3,18 @@ import { t as useInquiryStore } from "./inquiryStore-BMYKf5MP.js";
 import { n as useShellStore, t as useSetInitialShellVisibility } from "./shellStore-C8zfPsZ-.js";
 import { t as PageLoading } from "./PageLoading-GD6E2uMU.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as UtilitySideBar } from "./UtilitySideBar-BU3ppHrv.js";
-import { t as PageActionWrapper } from "./PageActionWrapper-Bm6J0thr.js";
-import { t as getMenuItemsRecursively } from "./menuUtilities-BOnqojY6.js";
-import { n as useMenuContext } from "./MenuProvider-BqEZve2y.js";
-import { t as UdpRoutes } from "./routes-BC24z6ls.js";
-import { c as NavigationSidebar_default, n as SiteHeader_default } from "./SiteHeader-DaL_Dy45.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-DcWKNOfr.js";
+import { t as PageActionWrapper } from "./PageActionWrapper-B2NHh8V9.js";
+import { t as getMenuItemsRecursively } from "./menuUtilities-CkZ_pe8p.js";
+import { n as useMenuContext } from "./MenuProvider-CqV76ZaL.js";
+import { t as UdpRoutes } from "./routes-CzJd_612.js";
+import { c as NavigationSidebar_default, n as SiteHeader_default } from "./SiteHeader-CduuXQZG.js";
 import { t as useTenant } from "./useTenant-CGaZEBEJ.js";
-import { t as UtilityBar } from "./utilityDisplay-DtdjV7V1.js";
+import { t as UtilityBar } from "./utilityDisplay-lia_3vnq.js";
 import { t as FUIAppSwitcher_default } from "./FUIAppSwitcher-LKwANZkK.js";
-import { t as ActionProvider } from "./ActionProvider-BGugOmjV.js";
-import { t as ChatBotProvider } from "./ChatBotProvider-CmrKYl2I.js";
-import { t as UserProfileMenuWrapper } from "./profile-7BieC5qc.js";
+import { t as ActionProvider } from "./ActionProvider-B1-CUDQT.js";
+import { t as ChatBotProvider } from "./ChatBotProvider-BgWP6rfO.js";
+import { t as UserProfileMenuWrapper } from "./profile-DGLuxYkB.js";
 import { t as LoadingIndicator } from "./LoadingIndicator-BBIwYBt5.js";
 import React, { Suspense, useCallback, useEffect, useMemo, useState } from "react";
 import { Drawer, makeStyles, useMediaQuery, useTheme } from "@material-ui/core";
@@ -286,4 +286,4 @@ Shell.propTypes = {
 //#endregion
 export { Shell as t };
-//# sourceMappingURL=Shell-n8SMDgV0.js.map
+//# sourceMappingURL=Shell-XnaXB62L.js.map

package/dist/{Shell-n8SMDgV0.js.map → Shell-XnaXB62L.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shell-n8SMDgV0.js","names":["menus","Switch","SiteHeader","NavigationSidebar","FUIAppSwitcher"],"sources":["../src/shell/Shell.jsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback, Suspense } from 'react';\nimport { makeStyles, Drawer, useMediaQuery, useTheme } from '@material-ui/core';\nimport NavigationSidebar from './ui/NavigationSidebar';\nimport SiteHeader from './ui/SiteHeader';\nimport { UtilityBar } from '../UI/utilityDisplay/UtilityBar';\nimport { useTranslation } from 'react-i18next';\nimport FUIAppSwitcher from './ui/appSwitcher/FUIAppSwitcher';\nimport { getMenuItemsRecursively } from '../utilities/menus/menuUtilities';\nimport clsx from 'clsx';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport PropTypes from 'prop-types';\nimport { useUser } from '../utilities/auth/useUser';\nimport { ActionProvider } from '../utilities/provider/ActionProvider';\nimport { PageActionWrapper } from '../actions/PageActionWrapper';\nimport { useInquiryStore } from '../stores/inquiryStore';\nimport {\n useSetInitialShellVisibility,\n useShellStore\n} from '../stores/shellStore';\n\nimport { useBuildEnvironment, APP_RIBBON_SPACE } from './ui/useBuildEnvironment';\nimport { ChatBotProvider } from '../utilities/chatBot/ChatBotProvider';\nimport { UserProfileMenuWrapper } from '../shell/ui/profile';\nimport { useMenuContext } from '../utilities/menus/MenuProvider';\nimport { LoadingIndicator } from '../UI/loading/LoadingIndicator';\nimport { useTenant } from '../utilities/tenant';\nimport { BrowserRouter, Switch} from 'react-router-dom';\n//import { usePreloadPages } from '../hooks/usePreloadPages';\nimport { PageLoading } from '../UI';\nimport { UdpRoutes } from '../routes';\n// load the page container module so its loaded when we need it\nvoid import('../page/PageContainer');\nconst MenuTypeEnums = {\n Left_Menu: 1,\n Application_Menu: 2,\n Builders_Menu: 3,\n Favorites_Menu: 4\n};\n\nconst useStyles = makeStyles(\n (theme) => ({\n '@global': {\n html: {\n minHeight: '100%'\n },\n 'html, body, #root': {\n display: 'flex',\n flexDirection: 'column'\n },\n 'body, #root': {\n flex: 1\n }\n },\n root: {\n flex: 1,\n minHeight: '100vh',\n display: 'grid',\n gridTemplateAreas: ['sidebar header', 'sidebar content']\n .map((line) => `\"${line}\"`)\n .join(' '),\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto 1fr'\n },\n header: {\n gridArea: 'header'\n },\n sidebar: {\n gridArea: 'sidebar'\n },\n content: {\n gridArea: 'content',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n zIndex: 1,\n height: ({ appRibbonSpace }) => `calc(100vh - ${56 + appRibbonSpace}px)`,\n overflowY: 'auto'\n },\n paper: {\n width: '100%',\n [theme.breakpoints.up('sm')]: {\n width: (props) => props.drawerWidth \|\| 520\n }\n }\n }),\n { name: 'Layout' }\n);\n\n/*\n Core site layout common to all pages\n /\nexport const Shell = (props) => {\n\n const buildEnv = useBuildEnvironment();\n const classes = useStyles({\n ...props,\n ribbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n });\n const {\n children,\n useNewRoutes,\n userAvatar = <UserProfileMenuWrapper />,\n appContent,\n leftMenu,\n appSelectorMenus,\n siteName,\n className,\n navRoot,\n hideToggle,\n useMockData,\n mockMenus,\n user: passedInUser,\n unityUrl,\n expander,\n sidebarTitle,\n navMenuHoverOn = true,\n secondExtended,\n toggleOne,\n toggleTwo,\n closePrimary,\n closeSecondary,\n panelExpanded,\n panelExpandedSecondary,\n setPanelExpanded = false,\n setPanelExpandedSecondary = false,\n breadCrumbAltLabelList = [],\n currentLocation,\n utilitySidebarResizable,\n utilitySidebarToggleOverride,\n onUtilitySidebarToggleExpandClick,\n hideLayout = false,\n getAccessToken,\n switcherData,\n selectedItem,\n switcherWidth,\n languages,\n projectSwitcherColor,\n getWidget,\n isValidWidget,\n appSwitcherHeader,\n hamburgerMenuAccessRole,\n hideLanguageSwitcher = false,\n subheader,\n hideHelpCenter = false\n } = props;\n const contextUser = useUser();\n const user = passedInUser ?? contextUser;\n const { setGetWidget, setIsValidWidget, shellHidden } = useShellStore();\n const [appSwitcherMobile, setAppSwitcherMobile] = useState(false);\n const [appSwitcherDesktop, setAppSwitcherDesktop] = useState(false);\n const { i18n } = useTranslation();\n const inquiryTitle = useInquiryStore((state) => state.title);\n useSetInitialShellVisibility();\n const tenant = useTenant();\n const activeTenant = tenant?.activeTenant ?? null;\n\n //usePreloadPages();\n\n const menuContext = useMenuContext?.();\n const resolvedLeftMenu = leftMenu ?? menuContext?.leftMenu;\n const resolvedAppSelectorMenus =\n appSelectorMenus ?? menuContext?.appSelectorMenus;\n const providedLanguages = languages ?? menuContext?.languages;\n const resolvedLanguages = Array.isArray(providedLanguages)\n ? providedLanguages\n : [];\n useEffect(() => {\n setGetWidget(getWidget);\n return () => setGetWidget(null);\n }, [getWidget, setGetWidget]);\n\n useEffect(() => {\n setIsValidWidget(isValidWidget);\n return () => setIsValidWidget(null);\n }, [isValidWidget, setIsValidWidget]);\n\n const getMenuItems = useCallback(\n (menuTypeId, menus) => {\n if (!menus && !useMockData) {\n return [];\n }\n const menusToFilter = useMockData ? mockMenus : menus;\n\n const foundMenus = menusToFilter.filter(\n (menu) => menu.menuTypeId === menuTypeId && menu.active\n );\n\n if (foundMenus) {\n return foundMenus.reduce((menuItemInstanceStructureViews, menu) => {\n return [\n ...menuItemInstanceStructureViews,\n ...menu.menuItemInstanceStructureViews\n ];\n }, []);\n } else {\n return [];\n }\n },\n [useMockData, mockMenus]\n );\n\n const menus = useMemo(() => {\n const menuItems = getMenuItems(1, resolvedLeftMenu);\n return getMenuItemsRecursively(menuItems, true, user);\n }, [getMenuItems, user, resolvedLeftMenu]);\n\n const theme = useTheme();\n const mobile = useMediaQuery(theme.breakpoints.up('sm'));\n\n const handleAppSwitcher = (type, bool) => {\n if (type === 'mobile') {\n setAppSwitcherMobile(bool);\n } else {\n setAppSwitcherDesktop(bool);\n }\n };\n\n const builderMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Builders_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const favoriteMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Favorites_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const appMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Application_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const hideAppMenu = useMemo(\n () =>\n !resolvedAppSelectorMenus \|\|\n (hamburgerMenuAccessRole &&\n !user?.roleNames.includes(hamburgerMenuAccessRole)),\n [user, resolvedAppSelectorMenus, hamburgerMenuAccessRole]\n );\n\n useEffect(() => {\n i18n.changeLanguage('en-US');\n }, [i18n]);\n\n const isUserInitialized = Boolean(user?.id);\n const isTenantInitialized = Boolean(activeTenant?.tenantId);\n const isThemeInitialized = Boolean(theme?.isInitialized);\n\n if (!isUserInitialized \|\| !isTenantInitialized \|\| !isThemeInitialized) {\n return <LoadingIndicator />;\n }\n let enrichedChildren = children;\n if(useNewRoutes)\n enrichedChildren = <Suspense fallback={<PageLoading />}>\n <Switch>{children}<UdpRoutes/></Switch></Suspense>;\n if (hideLayout) {\n return <div>{enrichedChildren}</div>;\n }\n return (\n <ChatBotProvider>\n <ActionProvider>\n <div className={classes.root}>\n {!shellHidden && (\n <SiteHeader\n className={classes.header}\n siteName={siteName}\n appContent={appContent}\n userAvatar={userAvatar}\n breadCrumbRoot={navRoot}\n setAppSwitcherOpen={(type, bool) => handleAppSwitcher(type, bool)}\n breadCrumbAltLabelList={breadCrumbAltLabelList}\n currentLocation={currentLocation}\n switcherData={switcherData}\n selectedItem={selectedItem}\n switcherWidth={switcherWidth}\n hideAppLaunch={hideAppMenu}\n languages={resolvedLanguages}\n hideLanguageSwitcher={hideLanguageSwitcher}\n backgroundColor={projectSwitcherColor}\n hideHelpCenter={hideHelpCenter}\n />\n )}\n\n <div style={{ display: 'flex' }} className={classes.sidebar}>\n {!shellHidden && mobile && (\n <NavigationSidebar\n className={classes.sidebar}\n data={menus}\n navMenuHoverOn={navMenuHoverOn}\n user={user}\n useGlobalState={true}\n />\n )}\n {expander && (\n <div>\n <UtilitySideBar\n title={inquiryTitle \|\| sidebarTitle}\n resizable={utilitySidebarResizable}\n utilitySidebarToggleOverride={utilitySidebarToggleOverride}\n onUtilitySidebarToggleExpandClick={\n onUtilitySidebarToggleExpandClick\n }\n sidebarHidden={shellHidden}\n {...props}\n />\n </div>\n )}\n </div>\n\n <div className={classes.content}>\n <UtilityBar\n className={clsx(className)}\n gutters={false}\n hideToggle={hideToggle}\n expander={expander}\n secondExtended={secondExtended}\n toggleOne={toggleOne}\n toggleTwo={toggleTwo}\n closePrimary={closePrimary}\n closeSecondary={closeSecondary}\n expanded={panelExpanded}\n expandedSecondary={panelExpandedSecondary}\n setExpanded={setPanelExpanded}\n setExpandedSecondary={setPanelExpandedSecondary}\n />\n\n <PageActionWrapper>{subheader}{enrichedChildren}</PageActionWrapper>\n </div>\n <Drawer\n variant='temporary'\n anchor='left'\n open={appSwitcherDesktop}\n classes={\n !mobile\n ? {}\n : !resolvedAppSelectorMenus\n ? {}\n : { paper: classes.paper }\n }\n onClose={() => handleAppSwitcher('desktop', false)}\n >\n {mobile && resolvedAppSelectorMenus && (\n <FUIAppSwitcher\n onClose={() => handleAppSwitcher('desktop', false)}\n favoriteMenu={favoriteMenu}\n builderMenu={builderMenu}\n appMenu={appMenu}\n unityUrl={unityUrl}\n user={user}\n header={appSwitcherHeader}\n />\n )}\n {(!mobile \|\| (mobile && !resolvedAppSelectorMenus)) && (\n <NavigationSidebar\n toggle={false}\n className={classes.sidebar}\n data={menus}\n navMenuHoverOn={navMenuHoverOn}\n user={user}\n useGlobalState={true}\n />\n )}\n </Drawer>\n\n <Drawer\n variant='temporary'\n anchor='right'\n open={appSwitcherMobile}\n classes={{ paper: classes.paper }}\n onClose={() => handleAppSwitcher('mobile', false)}\n >\n <FUIAppSwitcher\n onClose={() => handleAppSwitcher('mobile', false)}\n favoriteMenu={favoriteMenu}\n builderMenu={builderMenu}\n appMenu={appMenu}\n unityUrl={unityUrl}\n user={user}\n header={appSwitcherHeader}\n />\n </Drawer>\n </div>\n </ActionProvider>\n </ChatBotProvider>\n );\n};\n\nShell.propTypes = {\n /\n The newest propTypes have been added but older ones are missing @todo: add missing propTypes for Shell.\n /\n\n /\n The array used to map for label and functions to list items.\n /\n switcherData: PropTypes.array,\n /\n The active label displayed.\n /\n selectedItem: PropTypes.string,\n /\n Provides a method set the selector width. Default is 100.\n /\n switcherWidth: PropTypes.number,\n /\n Children nodes\n /\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]).isRequired,\n\n /\n Name of site\n /\n siteName: PropTypes.string,\n\n /\n Component to render for the user Avatar\n /\n userAvatar: PropTypes.element,\n\n appContent: PropTypes.element,\n\n leftMenu: PropTypes.array,\n\n appSelectorMenus: PropTypes.array,\n\n className: PropTypes.object,\n\n navRoot: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.node]),\n\n /\n Should the shell use mock data\n /\n useMockData: PropTypes.bool,\n\n mockMenus: PropTypes.array,\n\n unityUrl: PropTypes.string,\n\n expander: PropTypes.bool,\n\n sidebarTitle: PropTypes.string,\n\n navMenuHoverOn: PropTypes.bool,\n\n toggleOne: PropTypes.bool,\n\n toggleTwo: PropTypes.bool,\n\n closePrimary: PropTypes.bool,\n\n closeSecondary: PropTypes.bool,\n\n panelExpanded: PropTypes.bool,\n\n panelExpandedSecondary: PropTypes.bool,\n\n setPanelExpanded: PropTypes.func,\n\n setPanelExpandedSecondary: PropTypes.func,\n\n breadCrumbAltLabelList: PropTypes.array,\n\n currentLocation: PropTypes.object,\n\n utilitySidebarResizable: PropTypes.bool,\n\n utilitySidebarToggleOverride: PropTypes.bool,\n\n onUtilitySidebarToggleExpandClick: PropTypes.func,\n\n hideLayout: PropTypes.bool,\n\n languages: PropTypes.arrayOf(PropTypes.object),\n\n /\n Passes the background color on the project switcher (default: theme secondary)\n */\n projectSwitcherColor: PropTypes.string,\n getWidget: PropTypes.func,\n isValidWidget: PropTypes.func,\n currentTenant: PropTypes.object,\n hamburgerMenuAccessRole: PropTypes.string\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Shell-XnaXB62L.js","names":["menus","Switch","SiteHeader","NavigationSidebar","FUIAppSwitcher"],"sources":["../src/shell/Shell.jsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useCallback, Suspense } from 'react';\nimport { makeStyles, Drawer, useMediaQuery, useTheme } from '@material-ui/core';\nimport NavigationSidebar from './ui/NavigationSidebar';\nimport SiteHeader from './ui/SiteHeader';\nimport { UtilityBar } from '../UI/utilityDisplay/UtilityBar';\nimport { useTranslation } from 'react-i18next';\nimport FUIAppSwitcher from './ui/appSwitcher/FUIAppSwitcher';\nimport { getMenuItemsRecursively } from '../utilities/menus/menuUtilities';\nimport clsx from 'clsx';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport PropTypes from 'prop-types';\nimport { useUser } from '../utilities/auth/useUser';\nimport { ActionProvider } from '../utilities/provider/ActionProvider';\nimport { PageActionWrapper } from '../actions/PageActionWrapper';\nimport { useInquiryStore } from '../stores/inquiryStore';\nimport {\n useSetInitialShellVisibility,\n useShellStore\n} from '../stores/shellStore';\n\nimport { useBuildEnvironment, APP_RIBBON_SPACE } from './ui/useBuildEnvironment';\nimport { ChatBotProvider } from '../utilities/chatBot/ChatBotProvider';\nimport { UserProfileMenuWrapper } from '../shell/ui/profile';\nimport { useMenuContext } from '../utilities/menus/MenuProvider';\nimport { LoadingIndicator } from '../UI/loading/LoadingIndicator';\nimport { useTenant } from '../utilities/tenant';\nimport { BrowserRouter, Switch} from 'react-router-dom';\n//import { usePreloadPages } from '../hooks/usePreloadPages';\nimport { PageLoading } from '../UI';\nimport { UdpRoutes } from '../routes';\n// load the page container module so its loaded when we need it\nvoid import('../page/PageContainer');\nconst MenuTypeEnums = {\n Left_Menu: 1,\n Application_Menu: 2,\n Builders_Menu: 3,\n Favorites_Menu: 4\n};\n\nconst useStyles = makeStyles(\n (theme) => ({\n '@global': {\n html: {\n minHeight: '100%'\n },\n 'html, body, #root': {\n display: 'flex',\n flexDirection: 'column'\n },\n 'body, #root': {\n flex: 1\n }\n },\n root: {\n flex: 1,\n minHeight: '100vh',\n display: 'grid',\n gridTemplateAreas: ['sidebar header', 'sidebar content']\n .map((line) => `\"${line}\"`)\n .join(' '),\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto 1fr'\n },\n header: {\n gridArea: 'header'\n },\n sidebar: {\n gridArea: 'sidebar'\n },\n content: {\n gridArea: 'content',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n zIndex: 1,\n height: ({ appRibbonSpace }) => `calc(100vh - ${56 + appRibbonSpace}px)`,\n overflowY: 'auto'\n },\n paper: {\n width: '100%',\n [theme.breakpoints.up('sm')]: {\n width: (props) => props.drawerWidth \|\| 520\n }\n }\n }),\n { name: 'Layout' }\n);\n\n/*\n Core site layout common to all pages\n /\nexport const Shell = (props) => {\n\n const buildEnv = useBuildEnvironment();\n const classes = useStyles({\n ...props,\n ribbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n });\n const {\n children,\n useNewRoutes,\n userAvatar = <UserProfileMenuWrapper />,\n appContent,\n leftMenu,\n appSelectorMenus,\n siteName,\n className,\n navRoot,\n hideToggle,\n useMockData,\n mockMenus,\n user: passedInUser,\n unityUrl,\n expander,\n sidebarTitle,\n navMenuHoverOn = true,\n secondExtended,\n toggleOne,\n toggleTwo,\n closePrimary,\n closeSecondary,\n panelExpanded,\n panelExpandedSecondary,\n setPanelExpanded = false,\n setPanelExpandedSecondary = false,\n breadCrumbAltLabelList = [],\n currentLocation,\n utilitySidebarResizable,\n utilitySidebarToggleOverride,\n onUtilitySidebarToggleExpandClick,\n hideLayout = false,\n getAccessToken,\n switcherData,\n selectedItem,\n switcherWidth,\n languages,\n projectSwitcherColor,\n getWidget,\n isValidWidget,\n appSwitcherHeader,\n hamburgerMenuAccessRole,\n hideLanguageSwitcher = false,\n subheader,\n hideHelpCenter = false\n } = props;\n const contextUser = useUser();\n const user = passedInUser ?? contextUser;\n const { setGetWidget, setIsValidWidget, shellHidden } = useShellStore();\n const [appSwitcherMobile, setAppSwitcherMobile] = useState(false);\n const [appSwitcherDesktop, setAppSwitcherDesktop] = useState(false);\n const { i18n } = useTranslation();\n const inquiryTitle = useInquiryStore((state) => state.title);\n useSetInitialShellVisibility();\n const tenant = useTenant();\n const activeTenant = tenant?.activeTenant ?? null;\n\n //usePreloadPages();\n\n const menuContext = useMenuContext?.();\n const resolvedLeftMenu = leftMenu ?? menuContext?.leftMenu;\n const resolvedAppSelectorMenus =\n appSelectorMenus ?? menuContext?.appSelectorMenus;\n const providedLanguages = languages ?? menuContext?.languages;\n const resolvedLanguages = Array.isArray(providedLanguages)\n ? providedLanguages\n : [];\n useEffect(() => {\n setGetWidget(getWidget);\n return () => setGetWidget(null);\n }, [getWidget, setGetWidget]);\n\n useEffect(() => {\n setIsValidWidget(isValidWidget);\n return () => setIsValidWidget(null);\n }, [isValidWidget, setIsValidWidget]);\n\n const getMenuItems = useCallback(\n (menuTypeId, menus) => {\n if (!menus && !useMockData) {\n return [];\n }\n const menusToFilter = useMockData ? mockMenus : menus;\n\n const foundMenus = menusToFilter.filter(\n (menu) => menu.menuTypeId === menuTypeId && menu.active\n );\n\n if (foundMenus) {\n return foundMenus.reduce((menuItemInstanceStructureViews, menu) => {\n return [\n ...menuItemInstanceStructureViews,\n ...menu.menuItemInstanceStructureViews\n ];\n }, []);\n } else {\n return [];\n }\n },\n [useMockData, mockMenus]\n );\n\n const menus = useMemo(() => {\n const menuItems = getMenuItems(1, resolvedLeftMenu);\n return getMenuItemsRecursively(menuItems, true, user);\n }, [getMenuItems, user, resolvedLeftMenu]);\n\n const theme = useTheme();\n const mobile = useMediaQuery(theme.breakpoints.up('sm'));\n\n const handleAppSwitcher = (type, bool) => {\n if (type === 'mobile') {\n setAppSwitcherMobile(bool);\n } else {\n setAppSwitcherDesktop(bool);\n }\n };\n\n const builderMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Builders_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const favoriteMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Favorites_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const appMenu = useMemo(() => {\n const menuItems = getMenuItems(\n MenuTypeEnums.Application_Menu,\n resolvedAppSelectorMenus\n );\n return getMenuItemsRecursively(menuItems, true, user, getAccessToken);\n }, [getMenuItems, user, resolvedAppSelectorMenus, getAccessToken]);\n\n const hideAppMenu = useMemo(\n () =>\n !resolvedAppSelectorMenus \|\|\n (hamburgerMenuAccessRole &&\n !user?.roleNames.includes(hamburgerMenuAccessRole)),\n [user, resolvedAppSelectorMenus, hamburgerMenuAccessRole]\n );\n\n useEffect(() => {\n i18n.changeLanguage('en-US');\n }, [i18n]);\n\n const isUserInitialized = Boolean(user?.id);\n const isTenantInitialized = Boolean(activeTenant?.tenantId);\n const isThemeInitialized = Boolean(theme?.isInitialized);\n\n if (!isUserInitialized \|\| !isTenantInitialized \|\| !isThemeInitialized) {\n return <LoadingIndicator />;\n }\n let enrichedChildren = children;\n if(useNewRoutes)\n enrichedChildren = <Suspense fallback={<PageLoading />}>\n <Switch>{children}<UdpRoutes/></Switch></Suspense>;\n if (hideLayout) {\n return <div>{enrichedChildren}</div>;\n }\n return (\n <ChatBotProvider>\n <ActionProvider>\n <div className={classes.root}>\n {!shellHidden && (\n <SiteHeader\n className={classes.header}\n siteName={siteName}\n appContent={appContent}\n userAvatar={userAvatar}\n breadCrumbRoot={navRoot}\n setAppSwitcherOpen={(type, bool) => handleAppSwitcher(type, bool)}\n breadCrumbAltLabelList={breadCrumbAltLabelList}\n currentLocation={currentLocation}\n switcherData={switcherData}\n selectedItem={selectedItem}\n switcherWidth={switcherWidth}\n hideAppLaunch={hideAppMenu}\n languages={resolvedLanguages}\n hideLanguageSwitcher={hideLanguageSwitcher}\n backgroundColor={projectSwitcherColor}\n hideHelpCenter={hideHelpCenter}\n />\n )}\n\n <div style={{ display: 'flex' }} className={classes.sidebar}>\n {!shellHidden && mobile && (\n <NavigationSidebar\n className={classes.sidebar}\n data={menus}\n navMenuHoverOn={navMenuHoverOn}\n user={user}\n useGlobalState={true}\n />\n )}\n {expander && (\n <div>\n <UtilitySideBar\n title={inquiryTitle \|\| sidebarTitle}\n resizable={utilitySidebarResizable}\n utilitySidebarToggleOverride={utilitySidebarToggleOverride}\n onUtilitySidebarToggleExpandClick={\n onUtilitySidebarToggleExpandClick\n }\n sidebarHidden={shellHidden}\n {...props}\n />\n </div>\n )}\n </div>\n\n <div className={classes.content}>\n <UtilityBar\n className={clsx(className)}\n gutters={false}\n hideToggle={hideToggle}\n expander={expander}\n secondExtended={secondExtended}\n toggleOne={toggleOne}\n toggleTwo={toggleTwo}\n closePrimary={closePrimary}\n closeSecondary={closeSecondary}\n expanded={panelExpanded}\n expandedSecondary={panelExpandedSecondary}\n setExpanded={setPanelExpanded}\n setExpandedSecondary={setPanelExpandedSecondary}\n />\n\n <PageActionWrapper>{subheader}{enrichedChildren}</PageActionWrapper>\n </div>\n <Drawer\n variant='temporary'\n anchor='left'\n open={appSwitcherDesktop}\n classes={\n !mobile\n ? {}\n : !resolvedAppSelectorMenus\n ? {}\n : { paper: classes.paper }\n }\n onClose={() => handleAppSwitcher('desktop', false)}\n >\n {mobile && resolvedAppSelectorMenus && (\n <FUIAppSwitcher\n onClose={() => handleAppSwitcher('desktop', false)}\n favoriteMenu={favoriteMenu}\n builderMenu={builderMenu}\n appMenu={appMenu}\n unityUrl={unityUrl}\n user={user}\n header={appSwitcherHeader}\n />\n )}\n {(!mobile \|\| (mobile && !resolvedAppSelectorMenus)) && (\n <NavigationSidebar\n toggle={false}\n className={classes.sidebar}\n data={menus}\n navMenuHoverOn={navMenuHoverOn}\n user={user}\n useGlobalState={true}\n />\n )}\n </Drawer>\n\n <Drawer\n variant='temporary'\n anchor='right'\n open={appSwitcherMobile}\n classes={{ paper: classes.paper }}\n onClose={() => handleAppSwitcher('mobile', false)}\n >\n <FUIAppSwitcher\n onClose={() => handleAppSwitcher('mobile', false)}\n favoriteMenu={favoriteMenu}\n builderMenu={builderMenu}\n appMenu={appMenu}\n unityUrl={unityUrl}\n user={user}\n header={appSwitcherHeader}\n />\n </Drawer>\n </div>\n </ActionProvider>\n </ChatBotProvider>\n );\n};\n\nShell.propTypes = {\n /\n The newest propTypes have been added but older ones are missing @todo: add missing propTypes for Shell.\n /\n\n /\n The array used to map for label and functions to list items.\n /\n switcherData: PropTypes.array,\n /\n The active label displayed.\n /\n selectedItem: PropTypes.string,\n /\n Provides a method set the selector width. Default is 100.\n /\n switcherWidth: PropTypes.number,\n /\n Children nodes\n /\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node\n ]).isRequired,\n\n /\n Name of site\n /\n siteName: PropTypes.string,\n\n /\n Component to render for the user Avatar\n /\n userAvatar: PropTypes.element,\n\n appContent: PropTypes.element,\n\n leftMenu: PropTypes.array,\n\n appSelectorMenus: PropTypes.array,\n\n className: PropTypes.object,\n\n navRoot: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.node]),\n\n /\n Should the shell use mock data\n /\n useMockData: PropTypes.bool,\n\n mockMenus: PropTypes.array,\n\n unityUrl: PropTypes.string,\n\n expander: PropTypes.bool,\n\n sidebarTitle: PropTypes.string,\n\n navMenuHoverOn: PropTypes.bool,\n\n toggleOne: PropTypes.bool,\n\n toggleTwo: PropTypes.bool,\n\n closePrimary: PropTypes.bool,\n\n closeSecondary: PropTypes.bool,\n\n panelExpanded: PropTypes.bool,\n\n panelExpandedSecondary: PropTypes.bool,\n\n setPanelExpanded: PropTypes.func,\n\n setPanelExpandedSecondary: PropTypes.func,\n\n breadCrumbAltLabelList: PropTypes.array,\n\n currentLocation: PropTypes.object,\n\n utilitySidebarResizable: PropTypes.bool,\n\n utilitySidebarToggleOverride: PropTypes.bool,\n\n onUtilitySidebarToggleExpandClick: PropTypes.func,\n\n hideLayout: PropTypes.bool,\n\n languages: PropTypes.arrayOf(PropTypes.object),\n\n /\n Passes the background color on the project switcher (default: theme secondary)\n */\n projectSwitcherColor: PropTypes.string,\n getWidget: PropTypes.func,\n isValidWidget: PropTypes.func,\n currentTenant: PropTypes.object,\n hamburgerMenuAccessRole: PropTypes.string\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+BK,OAAO;AACZ,MAAM,gBAAgB;CACpB,WAAW;CACX,kBAAkB;CAClB,eAAe;CACf,gBAAgB;CACjB;AAED,MAAM,YAAY,YACf,WAAW;CACV,WAAW;EACT,MAAM,EACJ,WAAW,QACZ;EACD,qBAAqB;GACnB,SAAS;GACT,eAAe;GAChB;EACD,eAAe,EACb,MAAM,GACP;EACF;CACD,MAAM;EACJ,MAAM;EACN,WAAW;EACX,SAAS;EACT,mBAAmB,CAAC,kBAAkB,kBAAkB,CACrD,KAAK,SAAS,IAAI,KAAK,GAAG,CAC1B,KAAK,IAAI;EACZ,qBAAqB;EACrB,kBAAkB;EACnB;CACD,QAAQ,EACN,UAAU,UACX;CACD,SAAS,EACP,UAAU,WACX;CACD,SAAS;EACP,UAAU;EACV,SAAS;EACT,eAAe;EACf,UAAU;EACV,QAAQ;EACR,SAAS,EAAE,qBAAqB,gBAAgB,KAAK,eAAe;EACpE,WAAW;EACZ;CACD,OAAO;EACL,OAAO;GACN,MAAM,YAAY,GAAG,KAAK,GAAG,EAC5B,QAAQ,UAAU,MAAM,eAAe,KACxC;EACF;CACF,GACD,EAAE,MAAM,UAAU,CACnB;;;;AAKD,MAAa,SAAS,UAAU;CAE9B,MAAM,WAAW,qBAAqB;CACtC,MAAM,UAAU,UAAU;EACxB,GAAG;EACH,aAAa,WAAW,mBAAmB;EAC5C,CAAC;CACF,MAAM,EACJ,UACA,cACA,aAAa,oCAAC,6BAAyB,EACvC,YACA,UACA,kBACA,UACA,WACA,SACA,YACA,aACA,WACA,MAAM,cACN,UACA,UACA,cACA,iBAAiB,MACjB,gBACA,WACA,WACA,cACA,gBACA,eACA,wBACA,mBAAmB,OACnB,4BAA4B,OAC5B,yBAAyB,EAAE,EAC3B,iBACA,yBACA,8BACA,mCACA,aAAa,OACb,gBACA,cACA,cACA,eACA,WACA,sBACA,WACA,eACA,mBACA,yBACA,uBAAuB,OACvB,WACA,iBAAiB,UACf;CACJ,MAAM,cAAc,SAAS;CAC7B,MAAM,OAAO,gBAAgB;CAC7B,MAAM,EAAE,cAAc,kBAAkB,gBAAgB,eAAe;CACvE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CACnE,MAAM,EAAE,SAAS,gBAAgB;CACjC,MAAM,eAAe,iBAAiB,UAAU,MAAM,MAAM;AAC5D,+BAA8B;CAE9B,MAAM,eADS,WAAW,EACG,gBAAgB;CAI7C,MAAM,cAAc,kBAAkB;CACtC,MAAM,mBAAmB,YAAY,aAAa;CAClD,MAAM,2BACJ,oBAAoB,aAAa;CACnC,MAAM,oBAAoB,aAAa,aAAa;CACpD,MAAM,oBAAoB,MAAM,QAAQ,kBAAkB,GACtD,oBACA,EAAE;AACN,iBAAgB;AACd,eAAa,UAAU;AACvB,eAAa,aAAa,KAAK;IAC9B,CAAC,WAAW,aAAa,CAAC;AAE7B,iBAAgB;AACd,mBAAiB,cAAc;AAC/B,eAAa,iBAAiB,KAAK;IAClC,CAAC,eAAe,iBAAiB,CAAC;CAErC,MAAM,eAAe,aAClB,YAAY,YAAU;AACrB,MAAI,CAACA,WAAS,CAAC,YACb,QAAO,EAAE;EAIX,MAAM,cAFgB,cAAc,YAAYA,SAEf,QAC9B,SAAS,KAAK,eAAe,cAAc,KAAK,OAClD;AAED,MAAI,WACF,QAAO,WAAW,QAAQ,gCAAgC,SAAS;AACjE,UAAO,CACL,GAAG,gCACH,GAAG,KAAK,+BACT;KACA,EAAE,CAAC;MAEN,QAAO,EAAE;IAGb,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,QAAQ,cAAc;AAE1B,SAAO,wBADW,aAAa,GAAG,iBAAiB,EACT,MAAM,KAAK;IACpD;EAAC;EAAc;EAAM;EAAiB,CAAC;CAE1C,MAAM,QAAQ,UAAU;CACxB,MAAM,SAAS,cAAc,MAAM,YAAY,GAAG,KAAK,CAAC;CAExD,MAAM,qBAAqB,MAAM,SAAS;AACxC,MAAI,SAAS,SACX,sBAAqB,KAAK;MAE1B,uBAAsB,KAAK;;CAI/B,MAAM,cAAc,cAAc;AAKhC,SAAO,wBAJW,aAChB,cAAc,eACd,yBACD,EACyC,MAAM,MAAM,eAAe;IACpE;EAAC;EAAc;EAAM;EAA0B;EAAe,CAAC;CAElE,MAAM,eAAe,cAAc;AAKjC,SAAO,wBAJW,aAChB,cAAc,gBACd,yBACD,EACyC,MAAM,MAAM,eAAe;IACpE;EAAC;EAAc;EAAM;EAA0B;EAAe,CAAC;CAElE,MAAM,UAAU,cAAc;AAK5B,SAAO,wBAJW,aAChB,cAAc,kBACd,yBACD,EACyC,MAAM,MAAM,eAAe;IACpE;EAAC;EAAc;EAAM;EAA0B;EAAe,CAAC;CAElE,MAAM,cAAc,cAEhB,CAAC,4BACA,2BACC,CAAC,MAAM,UAAU,SAAS,wBAAwB,EACtD;EAAC;EAAM;EAA0B;EAAwB,CAC1D;AAED,iBAAgB;AACd,OAAK,eAAe,QAAQ;IAC3B,CAAC,KAAK,CAAC;CAEV,MAAM,oBAAoB,QAAQ,MAAM,GAAG;CAC3C,MAAM,sBAAsB,QAAQ,cAAc,SAAS;CAC3D,MAAM,qBAAqB,QAAQ,OAAO,cAAc;AAExD,KAAI,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,mBACjD,QAAO,oCAAC,uBAAmB;CAE7B,IAAI,mBAAmB;AACvB,KAAG,aACD,oBAAmB,oCAAC,YAAS,UAAU,oCAAC,kBAAc,IAClD,oCAACC,gBAAQ,UAAS,oCAAC,gBAAW,CAAS,CAAW;AACxD,KAAI,WACF,QAAO,oCAAC,aAAK,iBAAuB;AAEtC,QACE,oCAAC,uBACC,oCAAC,sBACC,oCAAC,SAAI,WAAW,QAAQ,QACrB,CAAC,eACA,oCAACC;EACC,WAAW,QAAQ;EACT;EACE;EACA;EACZ,gBAAgB;EAChB,qBAAqB,MAAM,SAAS,kBAAkB,MAAM,KAAK;EACzC;EACP;EACH;EACA;EACC;EACf,eAAe;EACf,WAAW;EACW;EACtB,iBAAiB;EACD;GAChB,EAGJ,oCAAC;EAAI,OAAO,EAAE,SAAS,QAAQ;EAAE,WAAW,QAAQ;IACjD,CAAC,eAAe,UACf,oCAACC;EACC,WAAW,QAAQ;EACnB,MAAM;EACU;EACV;EACN,gBAAgB;GAChB,EAEH,YACC,oCAAC,aACC,oCAAC;EACC,OAAO,gBAAgB;EACvB,WAAW;EACmB;EAE5B;EAEF,eAAe;EACf,GAAI;GACJ,CACE,CAEJ,EAEN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EACC,WAAW,KAAK,UAAU;EAC1B,SAAS;EACG;EACF;EACM;EACL;EACA;EACG;EACE;EAChB,UAAU;EACV,mBAAmB;EACnB,aAAa;EACb,sBAAsB;GACtB,EAEF,oCAAC,yBAAmB,WAAW,iBAAqC,CAChE,EACN,oCAAC;EACC,SAAQ;EACR,QAAO;EACP,MAAM;EACN,SACE,CAAC,SACG,EAAE,GACF,CAAC,2BACC,EAAE,GACF,EAAE,OAAO,QAAQ,OAAO;EAEhC,eAAe,kBAAkB,WAAW,MAAM;IAEjD,UAAU,4BACT,oCAACC;EACC,eAAe,kBAAkB,WAAW,MAAM;EACpC;EACD;EACJ;EACC;EACJ;EACN,QAAQ;GACR,GAEF,CAAC,UAAW,UAAU,CAAC,6BACvB,oCAACD;EACC,QAAQ;EACR,WAAW,QAAQ;EACnB,MAAM;EACU;EACV;EACN,gBAAgB;GAChB,CAEG,EAET,oCAAC;EACC,SAAQ;EACR,QAAO;EACP,MAAM;EACN,SAAS,EAAE,OAAO,QAAQ,OAAO;EACjC,eAAe,kBAAkB,UAAU,MAAM;IAEjD,oCAACC;EACC,eAAe,kBAAkB,UAAU,MAAM;EACnC;EACD;EACJ;EACC;EACJ;EACN,QAAQ;GACR,CACK,CACL,CACS,CACD;;AAItB,MAAM,YAAY;CAQhB,cAAc,UAAU;CAIxB,cAAc,UAAU;CAIxB,eAAe,UAAU;CAIzB,UAAU,UAAU,UAAU,CAC5B,UAAU,QAAQ,UAAU,KAAK,EACjC,UAAU,KACX,CAAC,CAAC;CAKH,UAAU,UAAU;CAKpB,YAAY,UAAU;CAEtB,YAAY,UAAU;CAEtB,UAAU,UAAU;CAEpB,kBAAkB,UAAU;CAE5B,WAAW,UAAU;CAErB,SAAS,UAAU,UAAU;EAAC,UAAU;EAAQ,UAAU;EAAS,UAAU;EAAK,CAAC;CAKnF,aAAa,UAAU;CAEvB,WAAW,UAAU;CAErB,UAAU,UAAU;CAEpB,UAAU,UAAU;CAEpB,cAAc,UAAU;CAExB,gBAAgB,UAAU;CAE1B,WAAW,UAAU;CAErB,WAAW,UAAU;CAErB,cAAc,UAAU;CAExB,gBAAgB,UAAU;CAE1B,eAAe,UAAU;CAEzB,wBAAwB,UAAU;CAElC,kBAAkB,UAAU;CAE5B,2BAA2B,UAAU;CAErC,wBAAwB,UAAU;CAElC,iBAAiB,UAAU;CAE3B,yBAAyB,UAAU;CAEnC,8BAA8B,UAAU;CAExC,mCAAmC,UAAU;CAE7C,YAAY,UAAU;CAEtB,WAAW,UAAU,QAAQ,UAAU,OAAO;CAK9C,sBAAsB,UAAU;CAChC,WAAW,UAAU;CACrB,eAAe,UAAU;CACzB,eAAe,UAAU;CACzB,yBAAyB,UAAU;CACpC"}

package/dist/{ShortcutContentFinder-BR-Gd55o.js → ShortcutContentFinder-DJveYwAo.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { L as UdpEnums, f as LogicalSearchOperatorEnums, o as EntityAttributeEnums } from "./unitySystemEnums-CZDCsD5t.js";
+import { L as UdpEnums, f as LogicalSearchOperatorEnums, o as EntityAttributeEnums } from "./unitySystemEnums-BhRg17du.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useActionState } from "./useActions-DZe6YlEm.js";
-import { r as getSearchObject } from "./SearchUtilities-DUW0kaw_.js";
-import { a as getBaseMethod, t as executeQueryAdHoc } from "./methodUtils-CDx9usdO.js";
-import { t as useTenantStore } from "./tenantStore-CFYu7ndZ.js";
+import { t as useActionState } from "./useActions-Ct3UAtTb.js";
+import { r as getSearchObject } from "./SearchUtilities-4D3aArPk.js";
+import { a as getBaseMethod, t as executeQueryAdHoc } from "./methodUtils-BmW5r7qU.js";
+import { t as useTenantStore } from "./tenantStore-BUT7oepr.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Chip, Divider, List, ListItem, ListItemText, TextField, makeStyles } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
@@ -120,4 +120,4 @@ const ShortcutContentFinder = (props) => {
 //#endregion
 export { ListSearch as n, ShortcutContentFinder as t };
-//# sourceMappingURL=ShortcutContentFinder-BR-Gd55o.js.map
+//# sourceMappingURL=ShortcutContentFinder-DJveYwAo.js.map

package/dist/{ShortcutContentFinder-BR-Gd55o.js.map → ShortcutContentFinder-DJveYwAo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShortcutContentFinder-~~BR-Gd55o~~.js","names":[],"sources":["../src/udp/ShortcutContent/ListSearch.jsx","../src/udp/ShortcutContent/ShortcutContentFinder.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n TextField,\n List,\n ListItem,\n ListItemText,\n makeStyles,\n Chip,\n Divider\n} from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n input: {\n height: 34,\n padding: 0\n },\n formTextInput: {\n fontSize: 14\n },\n labelRoot: {\n fontSize: 14\n },\n chipContainer: {\n marginRight: theme.spacing(1)\n },\n divider: { width: '100%' }\n}));\n\nexport const ListSearch = (props) => {\n const {\n items,\n onClick,\n contentKey = 'content',\n tagKey = 'code',\n includeTags = 'false',\n searchLabel = 'Search',\n maxHeight = 400\n } = props;\n const [searchText, setSearchText] = useState('');\n const classes = useStyles(props);\n\n const { t } = useTranslation();\n\n const filteredItems = useMemo(() => {\n if (!items.length) {\n return [];\n }\n return items?.filter((item) => {\n if (item[contentKey]?.toLowerCase().includes(searchText?.toLowerCase())) {\n return true;\n }\n if (\n includeTags &&\n item[tagKey]?.toLowerCase().includes(searchText?.toLowerCase())\n ) {\n return true;\n }\n return false;\n });\n }, [searchText, items, contentKey, tagKey, includeTags]);\n\n const handleSearchChange = (event) => {\n setSearchText(event.target.value);\n };\n\n const handleOnClick = useCallback(\n (value) => {\n if (onClick) {\n onClick(value);\n }\n },\n [onClick]\n );\n\n return (\n <div className={classes.root}>\n <TextField\n label={t(`${searchLabel}`)}\n value={searchText}\n onChange={handleSearchChange}\n fullWidth\n variant='outlined'\n size='small'\n margin='dense'\n InputProps={{\n classes: {\n root: classes?.input,\n input: classes?.formTextInput\n }\n }}\n InputLabelProps={{\n classes: {\n root: classes?.labelRoot\n }\n }}\n />\n <List\n style={{ maxHeight: maxHeight, overflow: 'auto', overflowX: 'hidden' }}\n >\n {filteredItems.map((item, index) => (\n <>\n <ListItem\n button\n onClick={() => handleOnClick(item[contentKey])}\n key={index}\n disableGutters\n >\n {includeTags && (\n <div className={classes.chipContainer}>\n <Chip\n label={item[tagKey]}\n color='primary'\n variant='outlined'\n />\n </div>\n )}\n <ListItemText primary={item[contentKey]} />\n </ListItem>\n <div className={classes.divider}>\n <Divider orientation='horizontal' />\n </div>\n </>\n ))}\n </List>\n </div>\n );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { ListSearch } from './ListSearch';\nimport {\n EntityAttributeEnums,\n LogicalSearchOperatorEnums,\n UdpEnums\n} from '../../enums/unitySystemEnums';\nimport { getBaseMethod, executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { getSearchObject } from '../../utilities/search/SearchUtilities';\nimport { useTenantStore } from '../../stores/tenantStore';\n\nexport const ShortcutContentFinder = (props) => {\n const { onSelect } = props;\n const [shortcutContentOptions, setShortCutContentOptions] = useState([]);\n const actionState = useActionState();\n const { catalogPromotedEntities } = actionState;\n const shellHidden = useShellStore((state) => state.shellHidden);\n const user = useUser();\n const isProductTenant = useTenantStore((state) => state.isProductTenant);\n\n const shortcutContentSearchApiMethod = useMemo(() => {\n return getBaseMethod(\n UdpEnums.Udp_Shortcut_Content,\n 'unityBaseSearchMethod',\n catalogPromotedEntities\n );\n }, [catalogPromotedEntities]);\n\n useEffect(() => {\n const getTemplateOptions = async () => {\n let options = [];\n if (shortcutContentSearchApiMethod) {\n const filterElements = [];\n if (isProductTenant) {\n filterElements.push({\n searchField: EntityAttributeEnums.Is_Product_ShortcutContent,\n searchValue: true,\n searchOperator: '='\n });\n }\n const searchObject = getSearchObject(\n filterElements,\n LogicalSearchOperatorEnums.Or,\n 200,\n true\n );\n const data = { data: searchObject };\n const shortcutContentResponse = await executeQueryAdHoc(\n data,\n shortcutContentSearchApiMethod.apiMethodId\n );\n if (shortcutContentResponse?.status === 200) {\n options = shortcutContentResponse.data?.pageList;\n }\n }\n\n setShortCutContentOptions(options);\n };\n getTemplateOptions();\n }, [\n shortcutContentSearchApiMethod,\n setShortCutContentOptions,\n user,\n isProductTenant\n ]);\n\n return (\n <ListSearch\n items={shortcutContentOptions}\n onClick={onSelect}\n searchLabel='Filter Shortcuts'\n includeTags={true}\n maxHeight={`calc(100vh - ${shellHidden ? '614px' : '669px'})`}\n />\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ShortcutContentFinder-DJveYwAo.js","names":[],"sources":["../src/udp/ShortcutContent/ListSearch.jsx","../src/udp/ShortcutContent/ShortcutContentFinder.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n TextField,\n List,\n ListItem,\n ListItemText,\n makeStyles,\n Chip,\n Divider\n} from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n root: {},\n input: {\n height: 34,\n padding: 0\n },\n formTextInput: {\n fontSize: 14\n },\n labelRoot: {\n fontSize: 14\n },\n chipContainer: {\n marginRight: theme.spacing(1)\n },\n divider: { width: '100%' }\n}));\n\nexport const ListSearch = (props) => {\n const {\n items,\n onClick,\n contentKey = 'content',\n tagKey = 'code',\n includeTags = 'false',\n searchLabel = 'Search',\n maxHeight = 400\n } = props;\n const [searchText, setSearchText] = useState('');\n const classes = useStyles(props);\n\n const { t } = useTranslation();\n\n const filteredItems = useMemo(() => {\n if (!items.length) {\n return [];\n }\n return items?.filter((item) => {\n if (item[contentKey]?.toLowerCase().includes(searchText?.toLowerCase())) {\n return true;\n }\n if (\n includeTags &&\n item[tagKey]?.toLowerCase().includes(searchText?.toLowerCase())\n ) {\n return true;\n }\n return false;\n });\n }, [searchText, items, contentKey, tagKey, includeTags]);\n\n const handleSearchChange = (event) => {\n setSearchText(event.target.value);\n };\n\n const handleOnClick = useCallback(\n (value) => {\n if (onClick) {\n onClick(value);\n }\n },\n [onClick]\n );\n\n return (\n <div className={classes.root}>\n <TextField\n label={t(`${searchLabel}`)}\n value={searchText}\n onChange={handleSearchChange}\n fullWidth\n variant='outlined'\n size='small'\n margin='dense'\n InputProps={{\n classes: {\n root: classes?.input,\n input: classes?.formTextInput\n }\n }}\n InputLabelProps={{\n classes: {\n root: classes?.labelRoot\n }\n }}\n />\n <List\n style={{ maxHeight: maxHeight, overflow: 'auto', overflowX: 'hidden' }}\n >\n {filteredItems.map((item, index) => (\n <>\n <ListItem\n button\n onClick={() => handleOnClick(item[contentKey])}\n key={index}\n disableGutters\n >\n {includeTags && (\n <div className={classes.chipContainer}>\n <Chip\n label={item[tagKey]}\n color='primary'\n variant='outlined'\n />\n </div>\n )}\n <ListItemText primary={item[contentKey]} />\n </ListItem>\n <div className={classes.divider}>\n <Divider orientation='horizontal' />\n </div>\n </>\n ))}\n </List>\n </div>\n );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { ListSearch } from './ListSearch';\nimport {\n EntityAttributeEnums,\n LogicalSearchOperatorEnums,\n UdpEnums\n} from '../../enums/unitySystemEnums';\nimport { getBaseMethod, executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { getSearchObject } from '../../utilities/search/SearchUtilities';\nimport { useTenantStore } from '../../stores/tenantStore';\n\nexport const ShortcutContentFinder = (props) => {\n const { onSelect } = props;\n const [shortcutContentOptions, setShortCutContentOptions] = useState([]);\n const actionState = useActionState();\n const { catalogPromotedEntities } = actionState;\n const shellHidden = useShellStore((state) => state.shellHidden);\n const user = useUser();\n const isProductTenant = useTenantStore((state) => state.isProductTenant);\n\n const shortcutContentSearchApiMethod = useMemo(() => {\n return getBaseMethod(\n UdpEnums.Udp_Shortcut_Content,\n 'unityBaseSearchMethod',\n catalogPromotedEntities\n );\n }, [catalogPromotedEntities]);\n\n useEffect(() => {\n const getTemplateOptions = async () => {\n let options = [];\n if (shortcutContentSearchApiMethod) {\n const filterElements = [];\n if (isProductTenant) {\n filterElements.push({\n searchField: EntityAttributeEnums.Is_Product_ShortcutContent,\n searchValue: true,\n searchOperator: '='\n });\n }\n const searchObject = getSearchObject(\n filterElements,\n LogicalSearchOperatorEnums.Or,\n 200,\n true\n );\n const data = { data: searchObject };\n const shortcutContentResponse = await executeQueryAdHoc(\n data,\n shortcutContentSearchApiMethod.apiMethodId\n );\n if (shortcutContentResponse?.status === 200) {\n options = shortcutContentResponse.data?.pageList;\n }\n }\n\n setShortCutContentOptions(options);\n };\n getTemplateOptions();\n }, [\n shortcutContentSearchApiMethod,\n setShortCutContentOptions,\n user,\n isProductTenant\n ]);\n\n return (\n <ListSearch\n items={shortcutContentOptions}\n onClick={onSelect}\n searchLabel='Filter Shortcuts'\n includeTags={true}\n maxHeight={`calc(100vh - ${shellHidden ? '614px' : '669px'})`}\n />\n );\n};\n"],"mappings":"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"}

package/dist/SidebarCollapseButton-_UUtsftD.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarCollapseButton-_UUtsftD.js","names":[],"sources":["../src/shell/ui/SidebarCollapseButton.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\n\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'flex-start',\n height: 48,\n width: '100%',\n paddingLeft: 0,\n },\n iconButton: {\n width: 48,\n height: 48,\n marginLeft: 16 - (48 - 24) / 2\n },\n expanded: {},\n icon: {\n width: 14,\n height: 14,\n margin: (24 - 16) / 2,\n transition: theme?.transitions?.create('transform', {\n easing: theme?.transitions?.easing?.sharp,\n duration: theme?.transitions?.duration?.shortest\n }),\n '$expanded &': {\n transform: 'scaleX(-1)'\n }\n },\n switch: {\n margin: (24 - 16) / 2,\n transition: theme?.transitions?.create('transform', {\n easing: theme?.transitions?.easing?.sharp,\n duration: theme?.transitions?.duration?.shortest\n }),\n '$expanded &': {\n transform: 'scaleX(-1)'\n }\n }\n }),\n { name: 'SidebarCollapseButton' }\n)\n\n/*\n Custom styled button used for expanding/collapsing sidebars\n */\nexport const SidebarCollapseButton = (props) => {\n const classes = useStyles(props)\n const { expanded, className, id, udprecordid, ...other } = props\n const { t } = useTranslation()\n\n return (\n <div\n {...other}\n className={clsx(className, classes.root, {\n [classes.expanded]: expanded\n })}\n >\n <FluentIconButton\n id={id}\n udprecordid={udprecordid}\n color='inherit'\n className={clsx(classes.iconButton, classes.switch)}\n aria-label={\n expanded\n ? t('mainMenuAria.collapseNavigation')\n : t('mainMenuAria.expandNavigation')\n }\n icon={ChevronRightIcon}\n />\n </div>\n )\n}\n"],"mappings":";;;;;;;;~~AAQA~~,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACP,aAAa;EACd;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,YAAY,KAAM,KAAW;EAC9B;CACD,UAAU,EAAE;CACZ,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACD,QAAQ;EACN,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACF,GACD,EAAE,MAAM,yBAAyB,CAClC;;;;AAKD,MAAa,yBAAyB,UAAU;CAC9C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,WAAW,IAAI,aAAa,GAAG,UAAU;CAC3D,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,WAAW,QAAQ,MAAM,GACtC,QAAQ,WAAW,UACrB,CAAC;IAEF,oCAAC;EACK;EACS;EACb,OAAM;EACN,WAAW,KAAK,QAAQ,YAAY,QAAQ,OAAO;EACnD,cACE,WACI,EAAE,kCAAkC,GACpC,EAAE,gCAAgC;EAExC,MAAM;GACN,CACE"}
1	+ {"version":3,"file":"SidebarCollapseButton-_UUtsftD.js","names":[],"sources":["../src/shell/ui/SidebarCollapseButton.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRightIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'flex-start',\n height: 48,\n width: '100%',\n paddingLeft: 0\n },\n iconButton: {\n width: 48,\n height: 48,\n marginLeft: 16 - (48 - 24) / 2\n },\n expanded: {},\n icon: {\n width: 14,\n height: 14,\n margin: (24 - 16) / 2,\n transition: theme?.transitions?.create('transform', {\n easing: theme?.transitions?.easing?.sharp,\n duration: theme?.transitions?.duration?.shortest\n }),\n '$expanded &': {\n transform: 'scaleX(-1)'\n }\n },\n switch: {\n margin: (24 - 16) / 2,\n transition: theme?.transitions?.create('transform', {\n easing: theme?.transitions?.easing?.sharp,\n duration: theme?.transitions?.duration?.shortest\n }),\n '$expanded &': {\n transform: 'scaleX(-1)'\n }\n }\n }),\n { name: 'SidebarCollapseButton' }\n);\n\n/*\n Custom styled button used for expanding/collapsing sidebars\n */\nexport const SidebarCollapseButton = (props) => {\n const classes = useStyles(props);\n const { expanded, className, id, udprecordid, ...other } = props;\n const { t } = useTranslation();\n\n return (\n <div\n {...other}\n className={clsx(className, classes.root, {\n [classes.expanded]: expanded\n })}\n >\n <FluentIconButton\n id={id}\n udprecordid={udprecordid}\n color='inherit'\n className={clsx(classes.iconButton, classes.switch)}\n aria-label={\n expanded\n ? t('mainMenuAria.collapseNavigation')\n : t('mainMenuAria.expandNavigation')\n }\n icon={ChevronRightIcon}\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACP,aAAa;EACd;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,YAAY,KAAM,KAAW;EAC9B;CACD,UAAU,EAAE;CACZ,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACD,QAAQ;EACN,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACF,GACD,EAAE,MAAM,yBAAyB,CAClC;;;;AAKD,MAAa,yBAAyB,UAAU;CAC9C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,WAAW,IAAI,aAAa,GAAG,UAAU;CAC3D,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,WAAW,QAAQ,MAAM,GACtC,QAAQ,WAAW,UACrB,CAAC;IAEF,oCAAC;EACK;EACS;EACb,OAAM;EACN,WAAW,KAAK,QAAQ,YAAY,QAAQ,OAAO;EACnD,cACE,WACI,EAAE,kCAAkC,GACpC,EAAE,gCAAgC;EAExC,MAAM;GACN,CACE"}