npm - @erpsquad/common - Versions diffs - 1.8.45 → 1.8.46 - Mend

@erpsquad/common 1.8.45 → 1.8.46

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

package/dist/components/multi-select/multi-select/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string \| string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id \|\| option.value?.name \|\| option.value) === (selectedItem?.id \|\| selectedItem?.name \|\| selectedItem))?.label \|\|\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size \|\| 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string \| string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id \|\| option.value?.name \|\| option.value) === (selected?.id \|\| selected?.name \|\| selected)\n\t\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\t\tselected \|\|\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue \|\| ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["_a"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string \| string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id \|\| option.value?.name \|\| option.value) === (selectedItem?.id \|\| selectedItem?.name \|\| selectedItem))?.label \|\|\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size \|\| 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string \| string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id \|\| option.value?.name \|\| option.value) === (selected?.id \|\| selected?.name \|\| selected)\n\t\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\t\tselected \|\|\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue \|\| ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport { MultiSelect };\nexport default MultiSelect;\n"],"names":["_a"],"mappings":"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"}

package/dist/components/multi-select/multi-select/index.js CHANGED Viewed

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=,/* empty css                                            */a=,/* empty css                         */d=,/* empty css                             */t=,/* empty css                                 */o=;/* empty css                                                                              */;/* empty css                          */var r=require("lodash"),u=require("react-i18next"),n=,/* empty css                                                                     */s=,/* empty css                                                                       */c=,/* empty css                                                               */m=,/* empty css                                                         */p=,/* empty css                                                           */h=,/* empty css                                                 */f=,/* empty css                                                         */v=;/* empty css                                                       */function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(r);const y=({options:l,multiple:i,placeholder:a,with_checkboxes:o,values:r,field:u})=>{const n=[];return i||n.push(
-/* @__PURE__ */e.jsx(p.default,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:a})})})),null==l||l.forEach(l=>{n.push(
-/* @__PURE__ */e.jsx(p.default,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&o&&/* @__PURE__ */e.jsx(d.default,{checked:b.default.some(r,l.value)}),
-/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(a=>{n.push(
-/* @__PURE__ */e.jsx(p.default,{value:a.value,disabled:Boolean(a.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&o&&/* @__PURE__ */e.jsx(d.default,{checked:Boolean(r&&(null==r?void 0:r.indexOf(a.value))>-1)}),
-/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:a.label})]})},`${l.value}-${a.value}`))})}),u.enable_footer&&n.push(
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=,/* empty css                                            */a=,/* empty css                         */o=,/* empty css                             */t=,/* empty css                                 */d=;/* empty css                                                                              */;/* empty css                          */var r=require("lodash"),n=require("react-i18next"),u=,/* empty css                                                                     */s=,/* empty css                                                                       */c=,/* empty css                                                               */m=,/* empty css                                                         */p=,/* empty css                                                           */h=,/* empty css                                                 */f=,/* empty css                                                         */v=;/* empty css                                                       */function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(r);const y=({options:l,multiple:i,placeholder:a,with_checkboxes:d,values:r,field:n})=>{const u=[];return i||u.push(
+/* @__PURE__ */e.jsx(p.default,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:a})})})),null==l||l.forEach(l=>{u.push(
+/* @__PURE__ */e.jsx(p.default,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&d&&/* @__PURE__ */e.jsx(o.Checkbox,{checked:b.default.some(r,l.value)}),
+/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(a=>{u.push(
+/* @__PURE__ */e.jsx(p.default,{value:a.value,disabled:Boolean(a.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&d&&/* @__PURE__ */e.jsx(o.Checkbox,{checked:Boolean(r&&(null==r?void 0:r.indexOf(a.value))>-1)}),
+/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:a.label})]})},`${l.value}-${a.value}`))})}),n.enable_footer&&u.push(
 /* @__PURE__ */e.jsxs(h.default,{children:[
 /* @__PURE__ */e.jsx(f.default,{flexItem:!0}),
-/* @__PURE__ */e.jsxs(p.default,{sx:{gap:1},onClick:u.onFooterClick,children:[
+/* @__PURE__ */e.jsxs(p.default,{sx:{gap:1},onClick:n.onFooterClick,children:[
 /* @__PURE__ */e.jsx(v.default,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",u.label]})]})]})),n},j=({data:l,options:i})=>{const a=l.map(e=>{var l;return(null==(l=null==i?void 0:i.find(l=>{var i,a;return((null==(i=l.value)?void 0:i.id)||(null==(a=l.value)?void 0:a.name)||l.value)===((null==e?void 0:e.id)||(null==e?void 0:e.name)||e)}))?void 0:l.label)||e});/* @__PURE__ */
-return e.jsxs(t.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5,position:"absolute"},children:[a.slice(0,4).join(", "),l.length>4&&"..."]})},g=i=>{var d;const[t,r]=l.useState([]),[p,h]=l.useState(i.defaultValue||i.value||(i.is_multiselect?[]:"")),f=e=>null==e?void 0:e.filter(e=>e),v=l.useCallback(()=>{r(i.options)},[i.options]);l.useEffect(()=>{v()},[v]),l.useEffect(()=>{h(i.defaultValue||i.value||(i.is_multiselect?[]:""))},[i.defaultValue,i.value,i.is_multiselect]);const{t:x}=u.useTranslation();/* @__PURE__ */
+/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",n.label]})]})]})),u},j=({data:l,options:i})=>{const a=l.map(e=>{var l;return(null==(l=null==i?void 0:i.find(l=>{var i,a;return((null==(i=l.value)?void 0:i.id)||(null==(a=l.value)?void 0:a.name)||l.value)===((null==e?void 0:e.id)||(null==e?void 0:e.name)||e)}))?void 0:l.label)||e});/* @__PURE__ */
+return e.jsxs(t.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5,position:"absolute"},children:[a.slice(0,4).join(", "),l.length>4&&"..."]})},g=i=>{var o;const[t,r]=l.useState([]),[p,h]=l.useState(i.defaultValue||i.value||(i.is_multiselect?[]:"")),f=e=>null==e?void 0:e.filter(e=>e),v=l.useCallback(()=>{r(i.options)},[i.options]);l.useEffect(()=>{v()},[v]),l.useEffect(()=>{h(i.defaultValue||i.value||(i.is_multiselect?[]:""))},[i.defaultValue,i.value,i.is_multiselect]);const{t:x}=n.useTranslation();/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(a.default,{fullWidth:!0,placeholder:i.placeholder,label:i.label,value:p,defaultValue:i.defaultValue||(i.is_multiselect?[]:""),required:i.required,size:i.size||"small",multiple:Boolean(null==i?void 0:i.is_multiselect),disabled:Boolean(null==i?void 0:i.disabled),variant:"outlined",sx:Boolean(null==i?void 0:i.is_multiselect)&&(null==p?void 0:p.length)?{"& .MuiSelect-select":{padding:"5.5px !important",minWidth:"165px"}}:{minWidth:"165px"},className:i.is_multiselect&&(null==(d=f(p))?void 0:d.length)?"MultiSelect":"",input:(null==i?void 0:i.is_multiselect)||i.disabled?void 0:/* @__PURE__ */e.jsx(n.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(s.default,{position:"end",children:i.value&&/* @__PURE__ */e.jsx(c.default,{"aria-label":"clear selection",onClick:()=>i.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(m.default,{sx:{fontSize:"1rem"}})})})}),renderValue:l=>{var a;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(o.default,{selectedLabel:i.selectedLabel,data:f(l),placeholder:i.placeholder,onDelete:null==i?void 0:i.onChipRemove,disabled:i.disabled,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"},"& .MuiChip-deleteIcon":{color:"theme.primary.800","&:hover":{color:"theme.primary.900"}}}}}):(null==(a=null==t?void 0:t.find(e=>{var i,a;return((null==(i=e.value)?void 0:i.id)||(null==(a=e.value)?void 0:a.name)||e.value)===((null==l?void 0:l.id)||(null==l?void 0:l.name)||l)}))?void 0:a.label)||l||i.placeholder})},searchPlaceholder:`${x("common.search")} ${i.label}`,handleSearch:i.handleSearch,searchValue:i.searchValue||"",onChange:(e,l)=>{var a,d;let t=null==(a=null==e?void 0:e.target)?void 0:a.value;if(i.is_multiselect){const e=null==(d=null==l?void 0:l.props)?void 0:d.value;p.find(l=>(null==l?void 0:l.name)==(null==e?void 0:e.name))&&(t=p.filter(l=>(null==l?void 0:l.name)!=(null==e?void 0:e.name))),t=null==t?void 0:t.filter(Boolean)}h(t),i.onChange&&i.onChange(t)},loading:null==i?void 0:i.is_loading,children:y({options:t,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:p,with_checkboxes:!0,field:i})}),i.is_multiselect&&Array.isArray(p)&&/* @__PURE__ */e.jsx(j,{data:p,options:t})]})};g.propTypes={name:i.default.string.isRequired,placeholder:i.default.string.isRequired,label:i.default.string.isRequired,size:i.default.string,options:i.default.arrayOf(i.default.shape({label:i.default.string,value:i.default.string})).isRequired,defaultValue:i.default.string,fieldArrayName:i.default.string,id:i.default.string,required:i.default.bool,is_multiselect:i.default.bool,position:i.default.number,disabled:i.default.bool,onChipRemove:i.default.func,enable_footer:i.default.bool,footer_action:i.default.string,onFooterClick:i.default.any,is_loading:i.default.bool,selectedLabel:i.default.string,onChange:i.default.func},exports.default=g;
+/* @__PURE__ */e.jsx(a.Select,{fullWidth:!0,placeholder:i.placeholder,label:i.label,value:p,defaultValue:i.defaultValue||(i.is_multiselect?[]:""),required:i.required,size:i.size||"small",multiple:Boolean(null==i?void 0:i.is_multiselect),disabled:Boolean(null==i?void 0:i.disabled),variant:"outlined",sx:Boolean(null==i?void 0:i.is_multiselect)&&(null==p?void 0:p.length)?{"& .MuiSelect-select":{padding:"5.5px !important",minWidth:"165px"}}:{minWidth:"165px"},className:i.is_multiselect&&(null==(o=f(p))?void 0:o.length)?"MultiSelect":"",input:(null==i?void 0:i.is_multiselect)||i.disabled?void 0:/* @__PURE__ */e.jsx(u.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(s.default,{position:"end",children:i.value&&/* @__PURE__ */e.jsx(c.default,{"aria-label":"clear selection",onClick:()=>i.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(m.default,{sx:{fontSize:"1rem"}})})})}),renderValue:l=>{var a;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(d.default,{selectedLabel:i.selectedLabel,data:f(l),placeholder:i.placeholder,onDelete:null==i?void 0:i.onChipRemove,disabled:i.disabled,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"},"& .MuiChip-deleteIcon":{color:"theme.primary.800","&:hover":{color:"theme.primary.900"}}}}}):(null==(a=null==t?void 0:t.find(e=>{var i,a;return((null==(i=e.value)?void 0:i.id)||(null==(a=e.value)?void 0:a.name)||e.value)===((null==l?void 0:l.id)||(null==l?void 0:l.name)||l)}))?void 0:a.label)||l||i.placeholder})},searchPlaceholder:`${x("common.search")} ${i.label}`,handleSearch:i.handleSearch,searchValue:i.searchValue||"",onChange:(e,l)=>{var a,o;let t=null==(a=null==e?void 0:e.target)?void 0:a.value;if(i.is_multiselect){const e=null==(o=null==l?void 0:l.props)?void 0:o.value;p.find(l=>(null==l?void 0:l.name)==(null==e?void 0:e.name))&&(t=p.filter(l=>(null==l?void 0:l.name)!=(null==e?void 0:e.name))),t=null==t?void 0:t.filter(Boolean)}h(t),i.onChange&&i.onChange(t)},loading:null==i?void 0:i.is_loading,children:y({options:t,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:p,with_checkboxes:!0,field:i})}),i.is_multiselect&&Array.isArray(p)&&/* @__PURE__ */e.jsx(j,{data:p,options:t})]})};g.propTypes={name:i.default.string.isRequired,placeholder:i.default.string.isRequired,label:i.default.string.isRequired,size:i.default.string,options:i.default.arrayOf(i.default.shape({label:i.default.string,value:i.default.string})).isRequired,defaultValue:i.default.string,fieldArrayName:i.default.string,id:i.default.string,required:i.default.bool,is_multiselect:i.default.bool,position:i.default.number,disabled:i.default.bool,onChipRemove:i.default.func,enable_footer:i.default.bool,footer_action:i.default.string,onFooterClick:i.default.any,is_loading:i.default.bool,selectedLabel:i.default.string,onChange:i.default.func},exports.MultiSelect=g,exports.default=g;
 //# sourceMappingURL=index.js.map

package/dist/components/multi-select/multi-select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string \| string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id \|\| option.value?.name \|\| option.value) === (selectedItem?.id \|\| selectedItem?.name \|\| selectedItem))?.label \|\|\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size \|\| 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string \| string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id \|\| option.value?.name \|\| option.value) === (selected?.id \|\| selected?.name \|\| selected)\n\t\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\t\tselected \|\|\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue \|\| ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","MenuItem","disabled","value","children","jsx","Typography","type","color","forEach","option","Boolean","className","isGroup","jsxs","Box","sx","display","gap","Checkbox","checked","_","some","label","Array","isArray","opt","pl","indexOf","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","displayTitle","map","selectedItem","_a","find","id","_b","name","alignItems","mt","position","slice","join","length","MultiSelect","props","setOptions","useState","selectedValue","setSelectedValue","defaultValue","is_multiselect","removeUndefine","selectOptions","filter","handleSetOptions","useCallback","useEffect","t","useTranslation","Fragment","Select","fullWidth","required","size","variant","padding","minWidth","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","chipProps","bgcolor","border","fontWeight","searchPlaceholder","handleSearch","searchValue","e","child","target","sValue","v","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","fieldArrayName","bool","number","func","footer_action","any"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string \| string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id \|\| option.value?.name \|\| option.value) === (selectedItem?.id \|\| selectedItem?.name \|\| selectedItem))?.label \|\|\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue \|\| props.value \|\| (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size \|\| 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string \| string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id \|\| option.value?.name \|\| option.value) === (selected?.id \|\| selected?.name \|\| selected)\n\t\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\t\tselected \|\|\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue \|\| ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport { MultiSelect };\nexport default MultiSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","MenuItem","disabled","value","children","jsx","Typography","type","color","forEach","option","Boolean","className","isGroup","jsxs","Box","sx","display","gap","Checkbox","checked","_","some","label","Array","isArray","opt","pl","indexOf","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","displayTitle","map","selectedItem","_a","find","id","_b","name","alignItems","mt","position","slice","join","length","MultiSelect","props","setOptions","useState","selectedValue","setSelectedValue","defaultValue","is_multiselect","removeUndefine","selectOptions","filter","handleSetOptions","useCallback","useEffect","t","useTranslation","Fragment","Select","fullWidth","required","size","variant","padding","minWidth","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","chipProps","bgcolor","border","fontWeight","searchPlaceholder","handleSearch","searchValue","e","child","target","sValue","v","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","fieldArrayName","bool","number","func","footer_action","any"],"mappings":"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"}

package/dist/components/multi-select/multi-select.d.ts CHANGED Viewed

@@ -27,4 +27,5 @@ declare const MultiSelect: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
 };
+export { MultiSelect };
 export default MultiSelect;

package/dist/components/page-navigator/components/add-page/index.esm.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/AddCircleOutlineRounded/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import AddPageModal from "../add-page-modal/index.esm.js";
+import { AddPageModal } from "../add-page-modal/index.esm.js";
 import default_1$1 from "../../../../node_modules/@mui/icons-material/KeyboardArrowRight/index.esm.js";
-import SharedPageModal from "../shared-page-modal/index.esm.js";
+import { SharedPageModal } from "../shared-page-modal/index.esm.js";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import Menu from "../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
@@ -74,6 +74,7 @@ const AddPage = ({ sharedPages, handleAddPage, pages }) => {
   ] });
 };
 export {
+  AddPage,
   AddPage as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/page-navigator/components/add-page/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n sharedPages: any;\n handleAddPage: (view: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null \| HTMLElement>(\n null,\n );\n const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n React.useState(false);\n\n const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setIsAddMenuOpen(event.currentTarget);\n };\n const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n const handleOpenAddPageModal = () => {\n handleAddMenuClose();\n setIsAddPageModalOpen(true);\n };\n const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n const handleCloseSharedModal = () => {\n setIsSharedPageModalOpen(false);\n };\n const handleOpenSharedPageModal = () => {\n setIsSharedPageModalOpen(true);\n setIsAddMenuOpen(null);\n };\n const handleShared = (page: any) => {\n const newPage: any = { ...page.details, name: page.name };\n handleAddPage(newPage);\n setIsSharedPageModalOpen(false);\n };\n\n return (\n <>\n <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu\n open={Boolean(isAddMenuOpen)}\n anchorEl={isAddMenuOpen}\n onClose={handleAddMenuClose}\n >\n <MenuItem onClick={handleOpenAddPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Create New Page\n </Typography>\n </MenuItem>\n <MenuItem onClick={handleOpenSharedPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Shared Pages\n </Typography>\n <KeyboardArrowRightIcon fontSize=\"small\" />\n </MenuItem>\n </Menu>\n\n <AddPageModal\n pages={pages}\n open={isAddPageModalOpen}\n onClose={handleCloseAddPageModal}\n handleSubmit={handleAddPage}\n />\n <SharedPageModal\n open={isSharedPageModalOpen}\n pages={sharedPages \|\| []}\n onClose={handleCloseSharedModal}\n handleSubmit={handleShared}\n />\n </>\n );\n};\n\nexport default AddPage;\n"],"names":["React","AddCircleOutlineRoundedIcon","KeyboardArrowRightIcon"],"mappings":";;;;;;;;;;AAeA,MAAM,UAAU,CAAC,EAAE,aAAa,eAAe,YAAsB;AACnE,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM;AAAA,IAC9C;AAAA,EAAA;AAEF,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,eAAM,SAAS,KAAK;AACxE,QAAM,CAAC,uBAAuB,wBAAwB,IACpDA,eAAM,SAAS,KAAK;AAEtB,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,gBAAA;AACN,qBAAiB,MAAM,aAAa;AAAA,EACtC;AACA,QAAM,qBAAqB,MAAM,iBAAiB,IAAI;AAEtD,QAAM,yBAAyB,MAAM;AACnC,uBAAA;AACA,0BAAsB,IAAI;AAAA,EAC5B;AACA,QAAM,0BAA0B,MAAM,sBAAsB,KAAK;AAEjE,QAAM,yBAAyB,MAAM;AACnC,6BAAyB,KAAK;AAAA,EAChC;AACA,QAAM,4BAA4B,MAAM;AACtC,6BAAyB,IAAI;AAC7B,qBAAiB,IAAI;AAAA,EACvB;AACA,QAAM,eAAe,CAAC,SAAc;AAClC,UAAM,UAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,KAAA;AACnD,kBAAc,OAAO;AACrB,6BAAyB,KAAK;AAAA,EAChC;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAK,SAAQ,IAAI,EAAE,IAAI,EAAA,GAAK,SAAS,mBAC/C,UAAA,oBAACC,WAAA,EAA4B,UAAS,WAAU,GAClD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,QAAQ,aAAa;AAAA,QAC3B,UAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,SAAS,wBACjB,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,kBAAA,CAEnD,GACF;AAAA,UACA,qBAAC,UAAA,EAAS,SAAS,2BACjB,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,gBAEnD;AAAA,YACA,oBAACC,aAAA,EAAuB,UAAS,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,eAAe,CAAA;AAAA,QACtB,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n sharedPages: any;\n handleAddPage: (view: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null \| HTMLElement>(\n null,\n );\n const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n React.useState(false);\n\n const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setIsAddMenuOpen(event.currentTarget);\n };\n const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n const handleOpenAddPageModal = () => {\n handleAddMenuClose();\n setIsAddPageModalOpen(true);\n };\n const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n const handleCloseSharedModal = () => {\n setIsSharedPageModalOpen(false);\n };\n const handleOpenSharedPageModal = () => {\n setIsSharedPageModalOpen(true);\n setIsAddMenuOpen(null);\n };\n const handleShared = (page: any) => {\n const newPage: any = { ...page.details, name: page.name };\n handleAddPage(newPage);\n setIsSharedPageModalOpen(false);\n };\n\n return (\n <>\n <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu\n open={Boolean(isAddMenuOpen)}\n anchorEl={isAddMenuOpen}\n onClose={handleAddMenuClose}\n >\n <MenuItem onClick={handleOpenAddPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Create New Page\n </Typography>\n </MenuItem>\n <MenuItem onClick={handleOpenSharedPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Shared Pages\n </Typography>\n <KeyboardArrowRightIcon fontSize=\"small\" />\n </MenuItem>\n </Menu>\n\n <AddPageModal\n pages={pages}\n open={isAddPageModalOpen}\n onClose={handleCloseAddPageModal}\n handleSubmit={handleAddPage}\n />\n <SharedPageModal\n open={isSharedPageModalOpen}\n pages={sharedPages \|\| []}\n onClose={handleCloseSharedModal}\n handleSubmit={handleShared}\n />\n </>\n );\n};\n\nexport { AddPage };\nexport default AddPage;\n"],"names":["React","AddCircleOutlineRoundedIcon","KeyboardArrowRightIcon"],"mappings":";;;;;;;;;;AAeA,MAAM,UAAU,CAAC,EAAE,aAAa,eAAe,YAAsB;AACnE,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM;AAAA,IAC9C;AAAA,EAAA;AAEF,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,eAAM,SAAS,KAAK;AACxE,QAAM,CAAC,uBAAuB,wBAAwB,IACpDA,eAAM,SAAS,KAAK;AAEtB,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,gBAAA;AACN,qBAAiB,MAAM,aAAa;AAAA,EACtC;AACA,QAAM,qBAAqB,MAAM,iBAAiB,IAAI;AAEtD,QAAM,yBAAyB,MAAM;AACnC,uBAAA;AACA,0BAAsB,IAAI;AAAA,EAC5B;AACA,QAAM,0BAA0B,MAAM,sBAAsB,KAAK;AAEjE,QAAM,yBAAyB,MAAM;AACnC,6BAAyB,KAAK;AAAA,EAChC;AACA,QAAM,4BAA4B,MAAM;AACtC,6BAAyB,IAAI;AAC7B,qBAAiB,IAAI;AAAA,EACvB;AACA,QAAM,eAAe,CAAC,SAAc;AAClC,UAAM,UAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,KAAA;AACnD,kBAAc,OAAO;AACrB,6BAAyB,KAAK;AAAA,EAChC;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAK,SAAQ,IAAI,EAAE,IAAI,EAAA,GAAK,SAAS,mBAC/C,UAAA,oBAACC,WAAA,EAA4B,UAAS,WAAU,GAClD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,QAAQ,aAAa;AAAA,QAC3B,UAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,SAAS,wBACjB,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,kBAAA,CAEnD,GACF;AAAA,UACA,qBAAC,UAAA,EAAS,SAAS,2BACjB,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,gBAEnD;AAAA,YACA,oBAACC,aAAA,EAAuB,UAAS,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,eAAe,CAAA;AAAA,QACtB,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/page-navigator/components/add-page/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("../../../../node_modules/@mui/icons-material/AddCircleOutlineRounded/index.js"),n=require("../../../typography/typography/index.js"),t=require("../add-page-modal/index.js"),l=require("../../../../node_modules/@mui/icons-material/KeyboardArrowRight/index.js"),d=require("../shared-page-modal/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/Menu/Menu/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=/* @__PURE__ */i(a);exports.default=({sharedPages:a,handleAddPage:i,pages:c})=>{const[p,x]=m.default.useState(null),[h,j]=m.default.useState(!1),[f,g]=m.default.useState(!1),y=()=>x(null);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("../../../../node_modules/@mui/icons-material/AddCircleOutlineRounded/index.js"),n=require("../../../typography/typography/index.js"),t=require("../add-page-modal/index.js"),d=require("../../../../node_modules/@mui/icons-material/KeyboardArrowRight/index.js"),o=require("../shared-page-modal/index.js"),l=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/Menu/Menu/index.js"),i=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/* @__PURE__ */u(a);const m=({sharedPages:a,handleAddPage:u,pages:m})=>{const[p,x]=c.default.useState(null),[h,j]=c.default.useState(!1),[g,f]=c.default.useState(!1),y=()=>x(null);/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(o.default,{size:"small",sx:{ml:1},onClick:e=>{e.stopPropagation(),x(e.currentTarget)},children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})}),
+/* @__PURE__ */e.jsx(l.default,{size:"small",sx:{ml:1},onClick:e=>{e.stopPropagation(),x(e.currentTarget)},children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})}),
 /* @__PURE__ */e.jsxs(s.default,{open:Boolean(p),anchorEl:p,onClose:y,children:[
-/* @__PURE__ */e.jsx(u.default,{onClick:()=>{y(),j(!0)},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Create New Page"})}),
-/* @__PURE__ */e.jsxs(u.default,{onClick:()=>{g(!0),x(null)},children:[
+/* @__PURE__ */e.jsx(i.default,{onClick:()=>{y(),j(!0)},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Create New Page"})}),
+/* @__PURE__ */e.jsxs(i.default,{onClick:()=>{f(!0),x(null)},children:[
 /* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Shared Pages"}),
-/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})]})]}),
-/* @__PURE__ */e.jsx(t.default,{pages:c,open:h,onClose:()=>j(!1),handleSubmit:i}),
-/* @__PURE__ */e.jsx(d.default,{open:f,pages:a||[],onClose:()=>{g(!1)},handleSubmit:e=>{const a={...e.details,name:e.name};i(a),g(!1)}})]})};
+/* @__PURE__ */e.jsx(d.default,{fontSize:"small"})]})]}),
+/* @__PURE__ */e.jsx(t.AddPageModal,{pages:m,open:h,onClose:()=>j(!1),handleSubmit:u}),
+/* @__PURE__ */e.jsx(o.SharedPageModal,{open:g,pages:a||[],onClose:()=>{f(!1)},handleSubmit:e=>{const a={...e.details,name:e.name};u(a),f(!1)}})]})};exports.AddPage=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/page-navigator/components/add-page/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n sharedPages: any;\n handleAddPage: (view: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null \| HTMLElement>(\n null,\n );\n const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n React.useState(false);\n\n const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setIsAddMenuOpen(event.currentTarget);\n };\n const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n const handleOpenAddPageModal = () => {\n handleAddMenuClose();\n setIsAddPageModalOpen(true);\n };\n const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n const handleCloseSharedModal = () => {\n setIsSharedPageModalOpen(false);\n };\n const handleOpenSharedPageModal = () => {\n setIsSharedPageModalOpen(true);\n setIsAddMenuOpen(null);\n };\n const handleShared = (page: any) => {\n const newPage: any = { ...page.details, name: page.name };\n handleAddPage(newPage);\n setIsSharedPageModalOpen(false);\n };\n\n return (\n <>\n <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu\n open={Boolean(isAddMenuOpen)}\n anchorEl={isAddMenuOpen}\n onClose={handleAddMenuClose}\n >\n <MenuItem onClick={handleOpenAddPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Create New Page\n </Typography>\n </MenuItem>\n <MenuItem onClick={handleOpenSharedPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Shared Pages\n </Typography>\n <KeyboardArrowRightIcon fontSize=\"small\" />\n </MenuItem>\n </Menu>\n\n <AddPageModal\n pages={pages}\n open={isAddPageModalOpen}\n onClose={handleCloseAddPageModal}\n handleSubmit={handleAddPage}\n />\n <SharedPageModal\n open={isSharedPageModalOpen}\n pages={sharedPages \|\| []}\n onClose={handleCloseSharedModal}\n handleSubmit={handleShared}\n />\n </>\n );\n};\n\nexport default AddPage;\n"],"names":["sharedPages","handleAddPage","pages","isAddMenuOpen","setIsAddMenuOpen","React","useState","isAddPageModalOpen","setIsAddPageModalOpen","isSharedPageModalOpen","setIsSharedPageModalOpen","handleAddMenuClose","jsxs","Fragment","children","jsx","IconButton","size","sx","ml","onClick","event","stopPropagation","currentTarget","AddCircleOutlineRoundedIcon","fontSize","Menu","open","Boolean","anchorEl","onClose","MenuItem","Typography","color","type","KeyboardArrowRightIcon","AddPageModal","handleSubmit","SharedPageModal","page","newPage","details","name"],"mappings":"~~8wBAegB~~,~~EAAGA~~,cAAaC,gBAAeC,YAC7C,MAAOC,EAAeC,GAAoBC,EAAAA,QAAMC,SAC9C,OAEKC,EAAoBC,GAAyBH,EAAAA,QAAMC,UAAS,IAC5DG,EAAuBC,GAC5BL,EAAAA,QAAMC,UAAS,GAMXK,EAAqB,IAAMP,EAAiB;AAqBlD,OACEQ,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAAKC,QA3BjBC,IACzBA,EAAMC,kBACNlB,EAAiBiB,EAAME,gBA0BnBT,wBAAAC,MAACS,EAAAA,QAAA,CAA4BC,SAAS;eAExCb,EAAAA,KAACc,EAAAA,QAAA,CACCC,KAAMC,QAAQzB,GACd0B,SAAU1B,EACV2B,QAASnB,EAETG,SAAA;eAAAC,EAAAA,IAACgB,EAAAA,QAAA,CAASX,QA7Be,KAC7BT,IACAH,GAAsB,IA4BhBM,wBAAAC,EAAAA,IAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAIrDF,KAACmB,EAAAA,QAAA,CAASX,QAzBkB,KAChCV,GAAyB,GACzBN,EAAiB,OAwBXU,SAAA;eAAAC,MAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAGnDC,IAACoB,EAAAA,QAAA,CAAuBV,SAAS;eAIrCV,EAAAA,IAACqB,EAAAA,~~QAAA~~,CACClC,QACAyB,KAAMpB,EACNuB,QAzC0B,IAAMtB,GAAsB,GA0CtD6B,aAAcpC;eAEhBc,EAAAA,IAACuB,EAAAA,~~QAAA~~,CACCX,KAAMlB,EACNP,MAAOF,GAAe,GACtB8B,QA7CyB,KAC7BpB,GAAyB,IA6CrB2B,aAvCgBE,IACpB,MAAMC,EAAe,IAAKD,EAAKE,QAASC,KAAMH,EAAKG,MACnDzC,EAAcuC,GACd9B,GAAyB"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n sharedPages: any;\n handleAddPage: (view: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null \| HTMLElement>(\n null,\n );\n const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n React.useState(false);\n\n const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n setIsAddMenuOpen(event.currentTarget);\n };\n const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n const handleOpenAddPageModal = () => {\n handleAddMenuClose();\n setIsAddPageModalOpen(true);\n };\n const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n const handleCloseSharedModal = () => {\n setIsSharedPageModalOpen(false);\n };\n const handleOpenSharedPageModal = () => {\n setIsSharedPageModalOpen(true);\n setIsAddMenuOpen(null);\n };\n const handleShared = (page: any) => {\n const newPage: any = { ...page.details, name: page.name };\n handleAddPage(newPage);\n setIsSharedPageModalOpen(false);\n };\n\n return (\n <>\n <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu\n open={Boolean(isAddMenuOpen)}\n anchorEl={isAddMenuOpen}\n onClose={handleAddMenuClose}\n >\n <MenuItem onClick={handleOpenAddPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Create New Page\n </Typography>\n </MenuItem>\n <MenuItem onClick={handleOpenSharedPageModal}>\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n Shared Pages\n </Typography>\n <KeyboardArrowRightIcon fontSize=\"small\" />\n </MenuItem>\n </Menu>\n\n <AddPageModal\n pages={pages}\n open={isAddPageModalOpen}\n onClose={handleCloseAddPageModal}\n handleSubmit={handleAddPage}\n />\n <SharedPageModal\n open={isSharedPageModalOpen}\n pages={sharedPages \|\| []}\n onClose={handleCloseSharedModal}\n handleSubmit={handleShared}\n />\n </>\n );\n};\n\nexport { AddPage };\nexport default AddPage;\n"],"names":["AddPage","sharedPages","handleAddPage","pages","isAddMenuOpen","setIsAddMenuOpen","React","useState","isAddPageModalOpen","setIsAddPageModalOpen","isSharedPageModalOpen","setIsSharedPageModalOpen","handleAddMenuClose","jsxs","Fragment","children","jsx","IconButton","size","sx","ml","onClick","event","stopPropagation","currentTarget","AddCircleOutlineRoundedIcon","fontSize","Menu","open","Boolean","anchorEl","onClose","MenuItem","Typography","color","type","KeyboardArrowRightIcon","AddPageModal","handleSubmit","SharedPageModal","page","newPage","details","name"],"mappings":"8vBAeA,MAAMA,EAAU,EAAGC,cAAaC,gBAAeC,YAC7C,MAAOC,EAAeC,GAAoBC,EAAAA,QAAMC,SAC9C,OAEKC,EAAoBC,GAAyBH,EAAAA,QAAMC,UAAS,IAC5DG,EAAuBC,GAC5BL,EAAAA,QAAMC,UAAS,GAMXK,EAAqB,IAAMP,EAAiB;AAqBlD,OACEQ,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAAKC,QA3BjBC,IACzBA,EAAMC,kBACNlB,EAAiBiB,EAAME,gBA0BnBT,wBAAAC,MAACS,EAAAA,QAAA,CAA4BC,SAAS;eAExCb,EAAAA,KAACc,EAAAA,QAAA,CACCC,KAAMC,QAAQzB,GACd0B,SAAU1B,EACV2B,QAASnB,EAETG,SAAA;eAAAC,EAAAA,IAACgB,EAAAA,QAAA,CAASX,QA7Be,KAC7BT,IACAH,GAAsB,IA4BhBM,wBAAAC,EAAAA,IAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAIrDF,KAACmB,EAAAA,QAAA,CAASX,QAzBkB,KAChCV,GAAyB,GACzBN,EAAiB,OAwBXU,SAAA;eAAAC,MAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAGnDC,IAACoB,EAAAA,QAAA,CAAuBV,SAAS;eAIrCV,EAAAA,IAACqB,EAAAA,aAAA,CACClC,QACAyB,KAAMpB,EACNuB,QAzC0B,IAAMtB,GAAsB,GA0CtD6B,aAAcpC;eAEhBc,EAAAA,IAACuB,EAAAA,gBAAA,CACCX,KAAMlB,EACNP,MAAOF,GAAe,GACtB8B,QA7CyB,KAC7BpB,GAAyB,IA6CrB2B,aAvCgBE,IACpB,MAAMC,EAAe,IAAKD,EAAKE,QAASC,KAAMH,EAAKG,MACnDzC,EAAcuC,GACd9B,GAAyB"}

package/dist/components/page-navigator/components/add-page-modal/index.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import TextField from "../../../text-field/text-field/index.esm.js";
-import Button from "../../../button/button/index.esm.js";
-import Modal from "../../../modal/modal/index.esm.js";
+import { TextField } from "../../../text-field/text-field/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
+import { Modal } from "../../../modal/modal/index.esm.js";
 import { useState, useMemo, useEffect } from "react";
 import DialogTitle from "../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
@@ -82,6 +82,7 @@ const AddPageModal = ({ open, onClose, page, handleSubmit, pages }) => {
   ] }) });
 };
 export {
+  AddPageModal,
   AddPageModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/page-navigator/components/add-page-modal/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n open: boolean;\n onClose: () => void;\n page?: IPage;\n handleSubmit: (page: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n const [name, setName] = useState<string>();\n const [error, setError] = useState<string>(\"\");\n const pageNames = useMemo(() => pages?.map((page) => page?.name \|\| \"\"), [pages])\n\n useEffect(() => {\n setName(page?.name);\n }, [page]);\n\n useEffect(() => {\n setError(\"\")\n }, []);\n\n const handleSave = () => {\n let newPage: any = {};\n if (page) {\n newPage = {\n ...page,\n };\n }\n newPage[\"name\"] = name;\n\n handleSubmit(newPage);\n setName(\"\");\n onClose();\n };\n\n const handleInputChange = (e: any) => {\n const value = e.target.value\n\n setName(value)\n if (pageNames?.includes(value.trim())) {\n setError(\"Page name already in use\")\n } else if (!value.trim()) {\n setError(\"Page name can not be empty\")\n } else {\n setError(\"\")\n }\n }\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n {page ? \"Edit\" : \"Add\"} New Page\n </Typography>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Page Name\"\n fullWidth\n placeholder=\"Enter page name\"\n error={error}\n helperText={error}\n value={name}\n onChange={handleInputChange}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={()=>{\n onClose();\n setName(\"\");\n }}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button disabled={error \|\| !name} onClick={handleSave}>Save</Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport default AddPageModal;\n"],"names":["page","Close"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,cAAc,YAAsB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,QAAM,YAAY,QAAQ,MAAM,+BAAO,IAAI,CAACA,WAASA,+BAAM,SAAQ,KAAK,CAAC,KAAK,CAAC;AAE/E,YAAU,MAAM;AACd,YAAQ,6BAAM,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACvB,QAAI,UAAe,CAAA;AACnB,QAAI,MAAM;AACR,gBAAU;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IAEP;AACA,YAAQ,MAAM,IAAI;AAElB,iBAAa,OAAO;AACpB,YAAQ,EAAE;AACV,YAAA;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,EAAE,OAAO;AAEvB,YAAQ,KAAK;AACb,QAAI,uCAAW,SAAS,MAAM,KAAA,IAAS;AACrC,eAAS,0BAA0B;AAAA,IACrC,WAAW,CAAC,MAAM,QAAQ;AACxB,eAAS,4BAA4B;AAAA,IACvC,OAAO;AACL,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAC1C,UAAA;AAAA,QAAA,OAAO,SAAS;AAAA,QAAM;AAAA,MAAA,GACzB;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ;AAAA,QACA,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAI;AACX,oBAAA;AACA,oBAAQ,EAAE;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,UAAU,SAAS,CAAC,MAAM,SAAS,YAAY,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n open: boolean;\n onClose: () => void;\n page?: IPage;\n handleSubmit: (page: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n const [name, setName] = useState<string>();\n const [error, setError] = useState<string>(\"\");\n const pageNames = useMemo(() => pages?.map((page) => page?.name \|\| \"\"), [pages])\n\n useEffect(() => {\n setName(page?.name);\n }, [page]);\n\n useEffect(() => {\n setError(\"\")\n }, []);\n\n const handleSave = () => {\n let newPage: any = {};\n if (page) {\n newPage = {\n ...page,\n };\n }\n newPage[\"name\"] = name;\n\n handleSubmit(newPage);\n setName(\"\");\n onClose();\n };\n\n const handleInputChange = (e: any) => {\n const value = e.target.value\n\n setName(value)\n if (pageNames?.includes(value.trim())) {\n setError(\"Page name already in use\")\n } else if (!value.trim()) {\n setError(\"Page name can not be empty\")\n } else {\n setError(\"\")\n }\n }\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n {page ? \"Edit\" : \"Add\"} New Page\n </Typography>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Page Name\"\n fullWidth\n placeholder=\"Enter page name\"\n error={error}\n helperText={error}\n value={name}\n onChange={handleInputChange}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={()=>{\n onClose();\n setName(\"\");\n }}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button disabled={error \|\| !name} onClick={handleSave}>Save</Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport { AddPageModal };\nexport default AddPageModal;\n"],"names":["page","Close"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,cAAc,YAAsB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,QAAM,YAAY,QAAQ,MAAM,+BAAO,IAAI,CAACA,WAASA,+BAAM,SAAQ,KAAK,CAAC,KAAK,CAAC;AAE/E,YAAU,MAAM;AACd,YAAQ,6BAAM,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACvB,QAAI,UAAe,CAAA;AACnB,QAAI,MAAM;AACR,gBAAU;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IAEP;AACA,YAAQ,MAAM,IAAI;AAElB,iBAAa,OAAO;AACpB,YAAQ,EAAE;AACV,YAAA;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,EAAE,OAAO;AAEvB,YAAQ,KAAK;AACb,QAAI,uCAAW,SAAS,MAAM,KAAA,IAAS;AACrC,eAAS,0BAA0B;AAAA,IACrC,WAAW,CAAC,MAAM,QAAQ;AACxB,eAAS,4BAA4B;AAAA,IACvC,OAAO;AACL,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAC1C,UAAA;AAAA,QAAA,OAAO,SAAS;AAAA,QAAM;AAAA,MAAA,GACzB;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ;AAAA,QACA,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAI;AACX,oBAAA;AACA,oBAAQ,EAAE;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,UAAU,SAAS,CAAC,MAAM,SAAS,YAAY,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/page-navigator/components/add-page-modal/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../typography/typography/index.js"),t=require("../../../text-field/text-field/index.js"),n=require("../../../button/button/index.js"),a=require("../../../modal/modal/index.js"),r=require("react"),d=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),u=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");exports.default=({open:m,onClose:c,page:x,handleSubmit:j,pages:g})=>{const[h,f]=r.useState(),[p,y]=r.useState(""),q=r.useMemo(()=>null==g?void 0:g.map(e=>(null==e?void 0:e.name)||""),[g]);return r.useEffect(()=>{f(null==x?void 0:x.name)},[x]),r.useEffect(()=>{y("")},[]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.default,{fullWidth:!0,onClose:c,open:m,children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../typography/typography/index.js"),t=require("../../../text-field/text-field/index.js"),n=require("../../../button/button/index.js"),a=require("../../../modal/modal/index.js"),o=require("react"),r=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),d=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),u=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");const m=({open:m,onClose:c,page:x,handleSubmit:g,pages:j})=>{const[h,p]=o.useState(),[f,y]=o.useState(""),q=o.useMemo(()=>null==j?void 0:j.map(e=>(null==e?void 0:e.name)||""),[j]);return o.useEffect(()=>{p(null==x?void 0:x.name)},[x]),o.useEffect(()=>{y("")},[]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.Modal,{fullWidth:!0,onClose:c,open:m,children:[
+/* @__PURE__ */e.jsxs(r.default,{children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[x?"Edit":"Add"," New Page"]}),
-/* @__PURE__ */e.jsx(o.default,{edge:"end",onClick:c,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsx(s.default,{dividers:!0,children:/* @__PURE__ */e.jsx(t.default,{label:"Page Name",fullWidth:!0,placeholder:"Enter page name",error:p,helperText:p,value:h,onChange:e=>{const i=e.target.value;f(i),(null==q?void 0:q.includes(i.trim()))?y("Page name already in use"):i.trim()?y(""):y("Page name can not be empty")}})}),
+/* @__PURE__ */e.jsx(d.default,{edge:"end",onClick:c,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
+/* @__PURE__ */e.jsx(s.default,{dividers:!0,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Page Name",fullWidth:!0,placeholder:"Enter page name",error:f,helperText:f,value:h,onChange:e=>{const i=e.target.value;p(i),(null==q?void 0:q.includes(i.trim()))?y("Page name already in use"):i.trim()?y(""):y("Page name can not be empty")}})}),
 /* @__PURE__ */e.jsxs(u.default,{children:[
-/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onClick:()=>{c(),f("")},style:{color:"black"},children:"Cancel"}),
-/* @__PURE__ */e.jsx(n.default,{disabled:p||!h,onClick:()=>{let e={};x&&(e={...x}),e.name=h,j(e),f(""),c()},children:"Save"})]})]})})};
+/* @__PURE__ */e.jsx(n.Button,{variant:"outlined",onClick:()=>{c(),p("")},style:{color:"black"},children:"Cancel"}),
+/* @__PURE__ */e.jsx(n.Button,{disabled:f||!h,onClick:()=>{let e={};x&&(e={...x}),e.name=h,g(e),p(""),c()},children:"Save"})]})]})})};exports.AddPageModal=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/page-navigator/components/add-page-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n open: boolean;\n onClose: () => void;\n page?: IPage;\n handleSubmit: (page: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n const [name, setName] = useState<string>();\n const [error, setError] = useState<string>(\"\");\n const pageNames = useMemo(() => pages?.map((page) => page?.name \|\| \"\"), [pages])\n\n useEffect(() => {\n setName(page?.name);\n }, [page]);\n\n useEffect(() => {\n setError(\"\")\n }, []);\n\n const handleSave = () => {\n let newPage: any = {};\n if (page) {\n newPage = {\n ...page,\n };\n }\n newPage[\"name\"] = name;\n\n handleSubmit(newPage);\n setName(\"\");\n onClose();\n };\n\n const handleInputChange = (e: any) => {\n const value = e.target.value\n\n setName(value)\n if (pageNames?.includes(value.trim())) {\n setError(\"Page name already in use\")\n } else if (!value.trim()) {\n setError(\"Page name can not be empty\")\n } else {\n setError(\"\")\n }\n }\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n {page ? \"Edit\" : \"Add\"} New Page\n </Typography>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Page Name\"\n fullWidth\n placeholder=\"Enter page name\"\n error={error}\n helperText={error}\n value={name}\n onChange={handleInputChange}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={()=>{\n onClose();\n setName(\"\");\n }}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button disabled={error \|\| !name} onClick={handleSave}>Save</Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport default AddPageModal;\n"],"names":["open","onClose","page","handleSubmit","pages","name","setName","useState","error","setError","pageNames","useMemo","map","useEffect","children","jsxs","Modal","fullWidth","DialogTitle","Typography","type","weight","color","jsx","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","TextField","label","placeholder","helperText","value","onChange","e","target","includes","trim","DialogActions","Button","variant","style","disabled","newPage"],"mappings":"+~~uBAsBqB~~,~~EAAGA~~,OAAMC,UAASC,OAAMC,eAAcC,YACzD,MAAOC,EAAMC,GAAWC,cACjBC,EAAOC,GAAYF,EAAAA,SAAiB,IACrCG,EAAYC,EAAAA,QAAQ,IAAM,MAAAP,OAAA,EAAAA,EAAOQ,IAAKV,IAASA,MAAAA,OAAAA,EAAAA,EAAMG,OAAQ,IAAK,CAACD,IAqCzE,OAnCAS,EAAAA,UAAU,KACRP,QAAQJ,WAAMG,OACb,CAACH,IAEJW,EAAAA,UAAU,KACRJ,EAAS,KACR,qCA+BCK,wBAAAC,EAAAA,KAACC,EAAAA,~~QAAA~~,CAAMC,WAAS,EAAChB,UAAkBD,OACjCc,SAAA;eAAAC,OAACG,EAAAA,QAAA,CACCJ,SAAA;eAAAC,OAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAO,uBAC1CR,SAAA,CAAAZ,EAAO,OAAS,MAAM;eAEzBqB,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,MAAMC,QAASzB,EAAS0B,KAAK,QAC5Cb,wBAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAMC,SAAS;eAGpBN,EAAAA,IAACO,EAAAA,QAAA,CAAcC,UAAQ,EACrBjB,wBAAAS,EAAAA,IAACS,EAAAA,~~QAAA~~,CACCC,MAAM,YACNhB,WAAS,EACTiB,YAAY,kBACZ1B,QACA2B,WAAY3B,EACZ4B,MAAO/B,EACPgC,SAhCiBC,IACzB,MAAMF,EAAQE,EAAEC,OAAOH,MAEvB9B,EAAQ8B,IACJ,MAAA1B,OAAA,EAAAA,EAAW8B,SAASJ,EAAMK,SAC5BhC,EAAS,4BACC2B,EAAMK,OAGhBhC,EAAS,IAFTA,EAAS;sBA4BNiC,EAAAA,QAAA,CACC5B,SAAA;eAAAS,EAAAA,IAACoB,EAAAA,~~QAAA~~,CACCC,QAAQ,WACRlB,QAAS,KACPzB,IACAK,EAAQ,KAEVuC,MAAO,CACLvB,MAAO,SAEVR,SAAA;eAGDS,MAACoB,EAAAA,~~SAAOG~~,SAAUtC,IAAUH,EAAMqB,QA9DvB,KACjB,IAAIqB,EAAe,CAAA,EACf7C,IACF6C,EAAU,IACL7C,IAGP6C,EAAc,KAAI1C,EAElBF,EAAa4C,GACbzC,EAAQ,IACRL,KAmD6Da,SAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n open: boolean;\n onClose: () => void;\n page?: IPage;\n handleSubmit: (page: IPage) => void;\n pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n const [name, setName] = useState<string>();\n const [error, setError] = useState<string>(\"\");\n const pageNames = useMemo(() => pages?.map((page) => page?.name \|\| \"\"), [pages])\n\n useEffect(() => {\n setName(page?.name);\n }, [page]);\n\n useEffect(() => {\n setError(\"\")\n }, []);\n\n const handleSave = () => {\n let newPage: any = {};\n if (page) {\n newPage = {\n ...page,\n };\n }\n newPage[\"name\"] = name;\n\n handleSubmit(newPage);\n setName(\"\");\n onClose();\n };\n\n const handleInputChange = (e: any) => {\n const value = e.target.value\n\n setName(value)\n if (pageNames?.includes(value.trim())) {\n setError(\"Page name already in use\")\n } else if (!value.trim()) {\n setError(\"Page name can not be empty\")\n } else {\n setError(\"\")\n }\n }\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n {page ? \"Edit\" : \"Add\"} New Page\n </Typography>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Page Name\"\n fullWidth\n placeholder=\"Enter page name\"\n error={error}\n helperText={error}\n value={name}\n onChange={handleInputChange}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={()=>{\n onClose();\n setName(\"\");\n }}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button disabled={error \|\| !name} onClick={handleSave}>Save</Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport { AddPageModal };\nexport default AddPageModal;\n"],"names":["AddPageModal","open","onClose","page","handleSubmit","pages","name","setName","useState","error","setError","pageNames","useMemo","map","useEffect","children","jsxs","Modal","fullWidth","DialogTitle","Typography","type","weight","color","jsx","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","TextField","label","placeholder","helperText","value","onChange","e","target","includes","trim","DialogActions","Button","variant","style","disabled","newPage"],"mappings":"+tBAsBA,MAAMA,EAAe,EAAGC,OAAMC,UAASC,OAAMC,eAAcC,YACzD,MAAOC,EAAMC,GAAWC,cACjBC,EAAOC,GAAYF,EAAAA,SAAiB,IACrCG,EAAYC,EAAAA,QAAQ,IAAM,MAAAP,OAAA,EAAAA,EAAOQ,IAAKV,IAASA,MAAAA,OAAAA,EAAAA,EAAMG,OAAQ,IAAK,CAACD,IAqCzE,OAnCAS,EAAAA,UAAU,KACRP,QAAQJ,WAAMG,OACb,CAACH,IAEJW,EAAAA,UAAU,KACRJ,EAAS,KACR,qCA+BCK,wBAAAC,EAAAA,KAACC,EAAAA,MAAA,CAAMC,WAAS,EAAChB,UAAkBD,OACjCc,SAAA;eAAAC,OAACG,EAAAA,QAAA,CACCJ,SAAA;eAAAC,OAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAO,uBAC1CR,SAAA,CAAAZ,EAAO,OAAS,MAAM;eAEzBqB,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,MAAMC,QAASzB,EAAS0B,KAAK,QAC5Cb,wBAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAMC,SAAS;eAGpBN,EAAAA,IAACO,EAAAA,QAAA,CAAcC,UAAQ,EACrBjB,wBAAAS,EAAAA,IAACS,EAAAA,UAAA,CACCC,MAAM,YACNhB,WAAS,EACTiB,YAAY,kBACZ1B,QACA2B,WAAY3B,EACZ4B,MAAO/B,EACPgC,SAhCiBC,IACzB,MAAMF,EAAQE,EAAEC,OAAOH,MAEvB9B,EAAQ8B,IACJ,MAAA1B,OAAA,EAAAA,EAAW8B,SAASJ,EAAMK,SAC5BhC,EAAS,4BACC2B,EAAMK,OAGhBhC,EAAS,IAFTA,EAAS;sBA4BNiC,EAAAA,QAAA,CACC5B,SAAA;eAAAS,EAAAA,IAACoB,EAAAA,OAAA,CACCC,QAAQ,WACRlB,QAAS,KACPzB,IACAK,EAAQ,KAEVuC,MAAO,CACLvB,MAAO,SAEVR,SAAA;eAGDS,MAACoB,EAAAA,QAAOG,SAAUtC,IAAUH,EAAMqB,QA9DvB,KACjB,IAAIqB,EAAe,CAAA,EACf7C,IACF6C,EAAU,IACL7C,IAGP6C,EAAc,KAAI1C,EAElBF,EAAa4C,GACbzC,EAAQ,IACRL,KAmD6Da,SAAA"}

package/dist/components/page-navigator/components/add-page-modal.d.ts CHANGED Viewed

@@ -8,4 +8,5 @@ interface IAddPage {
     pages?: IPage[];
 }
 declare const AddPageModal: ({ open, onClose, page, handleSubmit, pages }: IAddPage) => import("react/jsx-runtime").JSX.Element;
+export { AddPageModal };
 export default AddPageModal;

package/dist/components/page-navigator/components/add-page.d.ts CHANGED Viewed

@@ -6,4 +6,5 @@ interface IAddPage {
     pages?: IPage[];
 }
 declare const AddPage: ({ sharedPages, handleAddPage, pages }: IAddPage) => import("react/jsx-runtime").JSX.Element;
+export { AddPage };
 export default AddPage;

package/dist/components/page-navigator/components/page-action/index.esm.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import Menu from "../../../menu/menu/index.esm.js";
+import { Menu } from "../../../menu/menu/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import { useState, useEffect } from "react";
-import AddPageModal from "../add-page-modal/index.esm.js";
-import SharePopUp from "../../../share-modal/share-modal/index.esm.js";
+import { AddPageModal } from "../add-page-modal/index.esm.js";
+import { SharePopUp } from "../../../share-modal/share-modal/index.esm.js";
 import { userRoles } from "../../../../views/beforeAuth/components/share-modal-data/share-modal-data/index.esm.js";
-import ConfirmPopUp from "../../../confirm-modal/confirm-modal/index.esm.js";
+import { ConfirmPopUp } from "../../../confirm-modal/confirm-modal/index.esm.js";
 import { useSelector, useDispatch } from "react-redux";
 import { pinToDashboardList } from "../../../../views/afterAuth/dashboard/redux/reducer/index.esm.js";
 import { sharePage } from "../../../share-modal/redux/actionCreator/index.esm.js";
@@ -321,6 +321,7 @@ const PageAction = ({
   ] });
 };
 export {
+  PageAction,
   PageAction as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/page-navigator/components/page-action/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n // deleteV1DashboardId,\n // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from \"../../../hooks/use-pages\";\n\ninterface IPageAction {\n open: null \| HTMLElement;\n onClose: () => void;\n page?: IPage;\n pages: IPage[];\n setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n resource: string;\n handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n if (index === 0) return;\n\n const elementToShift = updatedArray.splice(index, 1)[0];\n updatedArray.splice(index - 1, 0, elementToShift);\n return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n if (index === updatedArray.length - 1) return;\n\n const elementToShift = updatedArray.splice(index, 1)[0];\n updatedArray.splice(index + 1, 0, elementToShift);\n return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n updatedArray.splice(index, 1);\n return updatedArray;\n};\n\nconst PageAction = ({\n open,\n onClose,\n page,\n pages,\n setCurrentPage,\n setPages,\n resource,\n handlePageDelete,\n}: IPageAction) => {\n \n const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n const [deletePageNo, setDeletePageNo] = useState<any>({});\n const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n const [pageSharedData, setPageSharedData] = useState<any>([]);\n const pinToDashboardStore = useSelector((state: any) => state);\n const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n pinToDashboardStore?.dashboard?.pinToDashboardList \|\| [],\n );\n\n\n const appDispatch = useAppDispatch();\n const dispatch = useDispatch();\n const {setIsCreatePage}=usePages()\n // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n useEffect(() => {\n dispatch(pinToDashboardList(pinToDashboardData));\n }, [dispatch, pageSharedData, pinToDashboardData]);\n\n useEffect(()=>{\n \n if(page){\n setPageSharedData([...pageSharedData,{\n page:{\n ...page,\n value:page?._id\n },\n isPublic: true,\n shareUsers:page?.selectedUsers,\n }])\n }\n //eslint-disable-next-line\n },[page])\n \n\n const handleOpenEditModal = () => {\n onClose();\n setIsEditPageModalOpen(true);\n };\n\n const handleCloseEditModal = () => {\n setIsEditPageModalOpen(false);\n };\n\n const handleShare = (pageData: any) => {\n pageData.pages = pages;\n appDispatch(sharePage(pageData)).then((res) => {\n if (res?.payload?.data?.pages?.length) {\n setPages(res?.payload?.data?.pages);\n }\n setIsShareModalOpen(false);\n });\n };\n\n const handleSharePage = (page: any) => {\n const defaultData = pageSharedData.find(\n (item: any) => item.page?.value === page?.value,\n );\n if (defaultData) {\n setDefaultSharedData({\n isPublic: defaultData.isPublic,\n selectedUsers: defaultData.shareUsers,\n \n });\n } else {\n setDefaultSharedData({\n isPublic: page?.selectedUsers?.length>0,\n ...page,\n });\n }\n setIsShareModalOpen(true);\n setIsShareModalOpen(true);\n };\n\n const handleDuplicatePage = (page: any) => {\n const labelExists = (label: string) =>\n pages.some((item) => item.name === label);\n const { uniqueNumberId: _id } = generateRandomId();\n let newLabel = page.name;\n\n if (labelExists(newLabel)) {\n let counter = 1;\n while (labelExists(`${page.name} ${counter}`)) {\n counter++;\n }\n newLabel = `${page.name} ${counter}`;\n }\n const updatedPage = [\n ...pages,\n { ...page, name: newLabel, _id, data: page.data, isShared: false },\n ];\n\n setPages(updatedPage);\n setIsCreatePage(true)\n };\n\n const handleEdit = (newPage: IPage) => {\n const updatedPages = pages.map((page) => {\n if (page._id === newPage._id) {\n return {\n ...page,\n name: newPage.name\n }\n }\n return page\n })\n\n setPages(updatedPages);\n setIsCreatePage(true)\n // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n // \"x-token\": token,\n // module: \"user\",\n // user_id: \"1\",\n // name: newPage.name,\n // id: newPage._id,\n // };\n // putV1DashboardId(putDashboardRequest)\n // .then((response: any) => {\n // const prevPages = [...pages];\n // const updatedPages = prevPages.map((page) =>\n // page._id === newPage._id ? newPage : page,\n // );\n // setPages(updatedPages);\n // updatePinToDashboardPage(updatedPages);\n // })\n // .catch((err: any) => console.log(\"Error in adding page\", err));\n };\n\n // const updatePinToDashboardPage = (updatedPages: any) => {\n // const currentPageLabel = updatedPages.find(\n // (item: any) => item.value === page?._id,\n // )?.label;\n\n // const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n // ...data,\n // label: data.value === page?._id ? currentPageLabel : data.label,\n // }));\n\n // setPinToDashboardData(updatedPinToDashboardData);\n // };\n\n const handleMoveLeft = (pageValue: any) => {\n const updatedArray = moveLeft(pages, pageValue?._id);\n if (updatedArray) setPages(updatedArray);\n };\n\n const handleMoveRight = (pageValue: any) => {\n const updatedArray = moveRight(pages, pageValue?._id);\n if (updatedArray) setPages(updatedArray);\n };\n\n const handleDeletePage = (pageValue: any) => {\n setIsConfirmOpen(true);\n setDeletePageNo(pageValue);\n };\n\n const handleConfirmDelete = () => {\n // if (!isNaN(deletePageNo._id)) {\n // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n // \"x-token\": token,\n // id: deletePageNo._id,\n // };\n // deleteV1DashboardId(deleteDashboardRequest)\n // .then((response: any) => {\n // })\n // .catch((err: any) => console.log(\"Error in deleting page\", err));\n // }\n \n const updatedArray = deletePage(pages, deletePageNo?._id);\n deletePinToDashboardPage();\n setDeletePageNo({});\n setIsConfirmOpen(false);\n if (updatedArray) {\n setCurrentPage(updatedArray[0]);\n setPages(updatedArray);\n handlePageDelete(updatedArray);\n } else {\n handlePageDelete([]);\n setPages([]);\n }\n };\n\n const deletePinToDashboardPage = () => {\n const updatedPinToDashboardData = pinToDashboardData.filter(\n (data: any) => data.value !== page?._id,\n );\n setPinToDashboardData(updatedPinToDashboardData);\n };\n\n const handleShareModal = (selectedUsers: any) => {\n\n let updatedData: any[] = [];\n const existingItem = pageSharedData.find(\n (item: any) => item.page.value === page?._id,\n );\n\n if (existingItem) {\n updatedData = pageSharedData.map((item: any) => {\n if (item.page.value === page?._id) {\n return {\n ...item,\n isPublic: selectedUsers.isPublic,\n shareUsers: selectedUsers.selectedUsers,\n };\n }\n return item;\n });\n } else {\n updatedData = [\n ...pageSharedData,\n {\n page: page,\n isPublic: selectedUsers.isPublic,\n shareUsers: selectedUsers.selectedUsers,\n viewStyle: 1,\n owner: 0,\n },\n ];\n }\n setPageSharedData(updatedData);\n handleShare({ ...selectedUsers, page: page, resource });\n };\n\n const handlePinToDashboard = () => {\n const index = pinToDashboardData.findIndex(\n (item: any) => item.value === page?._id,\n );\n\n if (index !== -1) {\n setPinToDashboardData((prevData: any) => {\n const updatedData = [...prevData];\n updatedData[index] = { ...updatedData[index], label: page?.name };\n return updatedData;\n });\n } else {\n setPinToDashboardData((prevData: any) => [...prevData, page]);\n }\n };\n\n const actions = [\n {\n label: \"Rename\",\n func: handleOpenEditModal,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Duplicate\",\n func: handleDuplicatePage,\n },\n {\n label: \"Share\",\n func: handleSharePage,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Pin to dashboard\",\n func: handlePinToDashboard,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Move Right\",\n func: handleMoveRight,\n disabled: (pages?.length <= 1) \|\| Boolean(page?.isShared)\n },\n {\n label: \"Move Left\",\n func: handleMoveLeft,\n disabled: (pages?.length <= 1) \|\| Boolean(page?.isShared)\n },\n ];\n\n const handleAction = (func: any) => {\n func(page);\n onClose();\n };\n\n return (\n <>\n <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n {actions?.map((action) => (\n <MenuItem\n key={action?.label}\n onClick={() => handleAction(action.func)}\n disabled={Boolean(action?.disabled)}\n >\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n {action?.label}\n </Typography>\n </MenuItem>\n ))}\n <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n sx={{\n '&:hover': {\n backgroundColor: 'theme.error.100'\n }\n }}\n >\n <Typography color=\"theme.error.500\" type=\"s4\">\n Delete\n </Typography>\n </MenuItem>\n </Menu>\n\n <AddPageModal\n open={isEditPageModalOpen}\n page={page}\n pages={pages}\n onClose={handleCloseEditModal}\n handleSubmit={handleEdit}\n />\n\n <ConfirmPopUp\n open={isConfirmOpen}\n onClose={() => setIsConfirmOpen(false)}\n onConfirm={handleConfirmDelete}\n title=\"Delete Confirmation?\"\n description=\"Are you sure you want to delete this page ?\"\n />\n <SharePopUp\n open={isShareModalOpen}\n onClose={() => setIsShareModalOpen(false)}\n title={`Share page ${page?.name}`}\n roles={userRoles}\n toggleSwitch={true}\n value={defaultSharedData}\n onSubmit={handleShareModal}\n />\n </>\n );\n};\n\nexport default PageAction;\n"],"names":["_a","page"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n // deleteV1DashboardId,\n // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from \"../../../hooks/use-pages\";\n\ninterface IPageAction {\n open: null \| HTMLElement;\n onClose: () => void;\n page?: IPage;\n pages: IPage[];\n setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n resource: string;\n handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n if (index === 0) return;\n\n const elementToShift = updatedArray.splice(index, 1)[0];\n updatedArray.splice(index - 1, 0, elementToShift);\n return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n if (index === updatedArray.length - 1) return;\n\n const elementToShift = updatedArray.splice(index, 1)[0];\n updatedArray.splice(index + 1, 0, elementToShift);\n return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n const updatedArray = [...arr];\n if (updatedArray.length <= 1) return;\n\n const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n updatedArray.splice(index, 1);\n return updatedArray;\n};\n\nconst PageAction = ({\n open,\n onClose,\n page,\n pages,\n setCurrentPage,\n setPages,\n resource,\n handlePageDelete,\n}: IPageAction) => {\n \n const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n const [deletePageNo, setDeletePageNo] = useState<any>({});\n const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n const [pageSharedData, setPageSharedData] = useState<any>([]);\n const pinToDashboardStore = useSelector((state: any) => state);\n const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n pinToDashboardStore?.dashboard?.pinToDashboardList \|\| [],\n );\n\n\n const appDispatch = useAppDispatch();\n const dispatch = useDispatch();\n const {setIsCreatePage}=usePages()\n // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n useEffect(() => {\n dispatch(pinToDashboardList(pinToDashboardData));\n }, [dispatch, pageSharedData, pinToDashboardData]);\n\n useEffect(()=>{\n \n if(page){\n setPageSharedData([...pageSharedData,{\n page:{\n ...page,\n value:page?._id\n },\n isPublic: true,\n shareUsers:page?.selectedUsers,\n }])\n }\n //eslint-disable-next-line\n },[page])\n \n\n const handleOpenEditModal = () => {\n onClose();\n setIsEditPageModalOpen(true);\n };\n\n const handleCloseEditModal = () => {\n setIsEditPageModalOpen(false);\n };\n\n const handleShare = (pageData: any) => {\n pageData.pages = pages;\n appDispatch(sharePage(pageData)).then((res) => {\n if (res?.payload?.data?.pages?.length) {\n setPages(res?.payload?.data?.pages);\n }\n setIsShareModalOpen(false);\n });\n };\n\n const handleSharePage = (page: any) => {\n const defaultData = pageSharedData.find(\n (item: any) => item.page?.value === page?.value,\n );\n if (defaultData) {\n setDefaultSharedData({\n isPublic: defaultData.isPublic,\n selectedUsers: defaultData.shareUsers,\n \n });\n } else {\n setDefaultSharedData({\n isPublic: page?.selectedUsers?.length>0,\n ...page,\n });\n }\n setIsShareModalOpen(true);\n setIsShareModalOpen(true);\n };\n\n const handleDuplicatePage = (page: any) => {\n const labelExists = (label: string) =>\n pages.some((item) => item.name === label);\n const { uniqueNumberId: _id } = generateRandomId();\n let newLabel = page.name;\n\n if (labelExists(newLabel)) {\n let counter = 1;\n while (labelExists(`${page.name} ${counter}`)) {\n counter++;\n }\n newLabel = `${page.name} ${counter}`;\n }\n const updatedPage = [\n ...pages,\n { ...page, name: newLabel, _id, data: page.data, isShared: false },\n ];\n\n setPages(updatedPage);\n setIsCreatePage(true)\n };\n\n const handleEdit = (newPage: IPage) => {\n const updatedPages = pages.map((page) => {\n if (page._id === newPage._id) {\n return {\n ...page,\n name: newPage.name\n }\n }\n return page\n })\n\n setPages(updatedPages);\n setIsCreatePage(true)\n // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n // \"x-token\": token,\n // module: \"user\",\n // user_id: \"1\",\n // name: newPage.name,\n // id: newPage._id,\n // };\n // putV1DashboardId(putDashboardRequest)\n // .then((response: any) => {\n // const prevPages = [...pages];\n // const updatedPages = prevPages.map((page) =>\n // page._id === newPage._id ? newPage : page,\n // );\n // setPages(updatedPages);\n // updatePinToDashboardPage(updatedPages);\n // })\n // .catch((err: any) => console.log(\"Error in adding page\", err));\n };\n\n // const updatePinToDashboardPage = (updatedPages: any) => {\n // const currentPageLabel = updatedPages.find(\n // (item: any) => item.value === page?._id,\n // )?.label;\n\n // const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n // ...data,\n // label: data.value === page?._id ? currentPageLabel : data.label,\n // }));\n\n // setPinToDashboardData(updatedPinToDashboardData);\n // };\n\n const handleMoveLeft = (pageValue: any) => {\n const updatedArray = moveLeft(pages, pageValue?._id);\n if (updatedArray) setPages(updatedArray);\n };\n\n const handleMoveRight = (pageValue: any) => {\n const updatedArray = moveRight(pages, pageValue?._id);\n if (updatedArray) setPages(updatedArray);\n };\n\n const handleDeletePage = (pageValue: any) => {\n setIsConfirmOpen(true);\n setDeletePageNo(pageValue);\n };\n\n const handleConfirmDelete = () => {\n // if (!isNaN(deletePageNo._id)) {\n // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n // \"x-token\": token,\n // id: deletePageNo._id,\n // };\n // deleteV1DashboardId(deleteDashboardRequest)\n // .then((response: any) => {\n // })\n // .catch((err: any) => console.log(\"Error in deleting page\", err));\n // }\n \n const updatedArray = deletePage(pages, deletePageNo?._id);\n deletePinToDashboardPage();\n setDeletePageNo({});\n setIsConfirmOpen(false);\n if (updatedArray) {\n setCurrentPage(updatedArray[0]);\n setPages(updatedArray);\n handlePageDelete(updatedArray);\n } else {\n handlePageDelete([]);\n setPages([]);\n }\n };\n\n const deletePinToDashboardPage = () => {\n const updatedPinToDashboardData = pinToDashboardData.filter(\n (data: any) => data.value !== page?._id,\n );\n setPinToDashboardData(updatedPinToDashboardData);\n };\n\n const handleShareModal = (selectedUsers: any) => {\n\n let updatedData: any[] = [];\n const existingItem = pageSharedData.find(\n (item: any) => item.page.value === page?._id,\n );\n\n if (existingItem) {\n updatedData = pageSharedData.map((item: any) => {\n if (item.page.value === page?._id) {\n return {\n ...item,\n isPublic: selectedUsers.isPublic,\n shareUsers: selectedUsers.selectedUsers,\n };\n }\n return item;\n });\n } else {\n updatedData = [\n ...pageSharedData,\n {\n page: page,\n isPublic: selectedUsers.isPublic,\n shareUsers: selectedUsers.selectedUsers,\n viewStyle: 1,\n owner: 0,\n },\n ];\n }\n setPageSharedData(updatedData);\n handleShare({ ...selectedUsers, page: page, resource });\n };\n\n const handlePinToDashboard = () => {\n const index = pinToDashboardData.findIndex(\n (item: any) => item.value === page?._id,\n );\n\n if (index !== -1) {\n setPinToDashboardData((prevData: any) => {\n const updatedData = [...prevData];\n updatedData[index] = { ...updatedData[index], label: page?.name };\n return updatedData;\n });\n } else {\n setPinToDashboardData((prevData: any) => [...prevData, page]);\n }\n };\n\n const actions = [\n {\n label: \"Rename\",\n func: handleOpenEditModal,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Duplicate\",\n func: handleDuplicatePage,\n },\n {\n label: \"Share\",\n func: handleSharePage,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Pin to dashboard\",\n func: handlePinToDashboard,\n disabled: Boolean(page?.isShared)\n },\n {\n label: \"Move Right\",\n func: handleMoveRight,\n disabled: (pages?.length <= 1) \|\| Boolean(page?.isShared)\n },\n {\n label: \"Move Left\",\n func: handleMoveLeft,\n disabled: (pages?.length <= 1) \|\| Boolean(page?.isShared)\n },\n ];\n\n const handleAction = (func: any) => {\n func(page);\n onClose();\n };\n\n return (\n <>\n <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n {actions?.map((action) => (\n <MenuItem\n key={action?.label}\n onClick={() => handleAction(action.func)}\n disabled={Boolean(action?.disabled)}\n >\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n {action?.label}\n </Typography>\n </MenuItem>\n ))}\n <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n sx={{\n '&:hover': {\n backgroundColor: 'theme.error.100'\n }\n }}\n >\n <Typography color=\"theme.error.500\" type=\"s4\">\n Delete\n </Typography>\n </MenuItem>\n </Menu>\n\n <AddPageModal\n open={isEditPageModalOpen}\n page={page}\n pages={pages}\n onClose={handleCloseEditModal}\n handleSubmit={handleEdit}\n />\n\n <ConfirmPopUp\n open={isConfirmOpen}\n onClose={() => setIsConfirmOpen(false)}\n onConfirm={handleConfirmDelete}\n title=\"Delete Confirmation?\"\n description=\"Are you sure you want to delete this page ?\"\n />\n <SharePopUp\n open={isShareModalOpen}\n onClose={() => setIsShareModalOpen(false)}\n title={`Share page ${page?.name}`}\n roles={userRoles}\n toggleSwitch={true}\n value={defaultSharedData}\n onSubmit={handleShareModal}\n />\n </>\n );\n};\n\nexport { PageAction };\nexport default PageAction;\n"],"names":["_a","page"],"mappings":"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"}