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

@erpsquad/common 1.8.45 → 1.8.47

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/controller-select.tsx"],"sourcesContent":["import { Control, Controller, FieldValue } from \"react-hook-form\";\nimport { Box, FormHelperText, MenuItem, SelectProps } from \"@mui/material\";\n\nimport Select from '../select';\nimport Checkbox from '../../checkbox/checkbox';\nimport Typography from '../../typography/typography';\nimport Chip from '../../chip/chip';\nimport MoreIcon from '../../icons/more';\nimport { MenuItemProps } from '@mui/material';\nimport { ReactElement } from 'react';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport './controller-select.scss';\n\ninterface IControllerSelect {\n name: string;\n label: string;\n options: any;\n placeholder: string;\n formControl: Control<FieldValue<any>, any>;\n fieldArrayName?: string;\n position?: string;\n required?: boolean;\n size?: SelectProps[\"size\"];\n multiple?: boolean;\n disabled?: boolean;\n searchPlaceholder?: string;\n handleSearch?: () => void;\n classes?: string;\n with_checkboxes?: boolean;\n onChipRemove?: () => void;\n}\n\nexport interface IOption {\n\ttext: string;\n\tvalue: string \| number;\n\tisGroup?: boolean;\n\tparent?: string;\n\toptions?: { text: string; value: string }[];\n}\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: IOption[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n onChange: (value: string[]) => void\n\tvalues: string \| string[];\n}\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: IOption[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions.find((option: any) => option.value === selectedItem)?.text \|\|\n\t\t\tselectedItem\n\t);\n\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 }}>\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 />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n onChange,\n\tvalues\n}: IMenuItems) => {\n\tconst items: ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<em>{placeholder}</em>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n\n const isParentSelected = values.includes(parentValue);\n const updatedValues = isParentSelected\n ? values.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...values, parentValue, ...childValues];\n\n onChange(updatedValues);\n };\n\n\toptions.forEach((option) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\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 checked={values?.indexOf((option.value)) > -1} />\n <Checkbox checked={values?.indexOf((option.value)) > -1}\n onChange={() => handleParentChange(option.value, option.options \|\| [])}\n />\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t{option.text}\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 value={opt.value} sx={{ pl: 5 }}>\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 checked={values?.indexOf(opt.value) > -1} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{opt.text}\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\n\treturn items;\n};\n\nconst ControllerSelect: React.FC<IControllerSelect> = ({\n name,\n fieldArrayName,\n options,\n label,\n placeholder,\n formControl,\n position,\n required,\n size = \"small\",\n multiple,\n disabled,\n searchPlaceholder,\n handleSearch,\n classes,\n with_checkboxes,\n onChipRemove,\n}) => {\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <Select\n fullWidth\n name={name}\n dataPosition={position}\n dataName={`${fieldArrayName}.${name}`}\n placeholder={placeholder}\n label={label}\n value={field.value \|\| (multiple ? [] : \"\")}\n defaultValue=\"\"\n onChange={(e:any)=>(multiple&&e.target?.value.filter((i:any)=>i)?.length>0\|\|!multiple&&(e.target?.value))?field.onChange(e.target.value):field.onChange(\"\")}\n required={Boolean(required)}\n size={size}\n multiple={Boolean(multiple)}\n disabled={Boolean(disabled)}\n searchPlaceholder={searchPlaceholder}\n handleSearch={handleSearch}\n className={classes}\n variant=\"outlined\"\n error={Boolean(error)}\n renderValue={(selected: string \| string[]) => (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n data={selected}\n placeholder={placeholder}\n onDelete={onChipRemove}\n />\n ) : (\n selected \|\| placeholder\n )}\n </>\n )}\n >\n {generateMenuItems({\n options,\n multiple: Boolean(multiple),\n placeholder: placeholder,\n values: field.value,\n with_checkboxes: Boolean(with_checkboxes),\n onChange: field.onChange\n })}\n </Select>\n {error &&\n <FormHelperText error>{error.message}</FormHelperText>\n }\n {multiple && Array.isArray(field?.value) && (\n <SelectedItems data={field.value} options={options} />\n )}\n </>\n )}\n />\n );\n};\n\nexport default ControllerSelect;\n"],"names":["SelectedItems","data","options","displayTitle","map","selectedItem","_a","find","option","value","text","jsxs","Typography","type","color","sx","display","gap","alignItems","mt","children","slice","join","length","jsx","Chip","variant","label","MoreIcon","generateMenuItems","multiple","placeholder","with_checkboxes","onChange","values","items","push","MenuItem","disabled","forEach","className","isGroup","Box","Checkbox","checked","indexOf","parentValue","childOptions","childValues","child","updatedValues","includes","filter","handleParentChange","Array","isArray","opt","pl","name","fieldArrayName","formControl","position","required","size","searchPlaceholder","handleSearch","classes","onChipRemove","Controller","control","render","field","fieldState","error","Fragment","Select","fullWidth","dataPosition","dataName","defaultValue","e","_b","target","i","_c","Boolean","renderValue","selected","ChipOrPlaceholder","onDelete","FormHelperText","message"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/controller-select.tsx"],"sourcesContent":["import { Control, Controller, FieldValue } from \"react-hook-form\";\nimport { Box, FormHelperText, MenuItem, SelectProps } from \"@mui/material\";\n\nimport Select from '../select';\nimport Checkbox from '../../checkbox/checkbox';\nimport Typography from '../../typography/typography';\nimport Chip from '../../chip/chip';\nimport MoreIcon from '../../icons/more';\nimport { MenuItemProps } from '@mui/material';\nimport { ReactElement } from 'react';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport './controller-select.scss';\n\ninterface IControllerSelect {\n name: string;\n label: string;\n options: any;\n placeholder: string;\n formControl: Control<FieldValue<any>, any>;\n fieldArrayName?: string;\n position?: string;\n required?: boolean;\n size?: SelectProps[\"size\"];\n multiple?: boolean;\n disabled?: boolean;\n searchPlaceholder?: string;\n handleSearch?: () => void;\n classes?: string;\n with_checkboxes?: boolean;\n onChipRemove?: () => void;\n}\n\nexport interface IOption {\n\ttext: string;\n\tvalue: string \| number;\n\tisGroup?: boolean;\n\tparent?: string;\n\toptions?: { text: string; value: string }[];\n}\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: IOption[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n onChange: (value: string[]) => void\n\tvalues: string \| string[];\n}\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: IOption[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions.find((option: any) => option.value === selectedItem)?.text \|\|\n\t\t\tselectedItem\n\t);\n\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 }}>\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 />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n onChange,\n\tvalues\n}: IMenuItems) => {\n\tconst items: ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<em>{placeholder}</em>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n\n const isParentSelected = values.includes(parentValue);\n const updatedValues = isParentSelected\n ? values.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...values, parentValue, ...childValues];\n\n onChange(updatedValues);\n };\n\n\toptions.forEach((option) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\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 checked={values?.indexOf((option.value)) > -1} />\n <Checkbox checked={values?.indexOf((option.value)) > -1}\n onChange={() => handleParentChange(option.value, option.options \|\| [])}\n />\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t{option.text}\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 value={opt.value} sx={{ pl: 5 }}>\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 checked={values?.indexOf(opt.value) > -1} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{opt.text}\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\n\treturn items;\n};\n\nconst ControllerSelect: React.FC<IControllerSelect> = ({\n name,\n fieldArrayName,\n options,\n label,\n placeholder,\n formControl,\n position,\n required,\n size = \"small\",\n multiple,\n disabled,\n searchPlaceholder,\n handleSearch,\n classes,\n with_checkboxes,\n onChipRemove,\n}) => {\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <Select\n fullWidth\n name={name}\n dataPosition={position}\n dataName={`${fieldArrayName}.${name}`}\n placeholder={placeholder}\n label={label}\n value={field.value \|\| (multiple ? [] : \"\")}\n defaultValue=\"\"\n onChange={(e:any)=>(multiple&&e.target?.value.filter((i:any)=>i)?.length>0\|\|!multiple&&(e.target?.value))?field.onChange(e.target.value):field.onChange(\"\")}\n required={Boolean(required)}\n size={size}\n multiple={Boolean(multiple)}\n disabled={Boolean(disabled)}\n searchPlaceholder={searchPlaceholder}\n handleSearch={handleSearch}\n className={classes}\n variant=\"outlined\"\n error={Boolean(error)}\n renderValue={(selected: string \| string[]) => (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n data={selected}\n placeholder={placeholder}\n onDelete={onChipRemove}\n />\n ) : (\n selected \|\| placeholder\n )}\n </>\n )}\n >\n {generateMenuItems({\n options,\n multiple: Boolean(multiple),\n placeholder: placeholder,\n values: field.value,\n with_checkboxes: Boolean(with_checkboxes),\n onChange: field.onChange\n })}\n </Select>\n {error &&\n <FormHelperText error>{error.message}</FormHelperText>\n }\n {multiple && Array.isArray(field?.value) && (\n <SelectedItems data={field.value} options={options} />\n )}\n </>\n )}\n />\n );\n};\n\nexport default ControllerSelect;\n"],"names":["SelectedItems","data","options","displayTitle","map","selectedItem","_a","find","option","value","text","jsxs","Typography","type","color","sx","display","gap","alignItems","mt","children","slice","join","length","jsx","Chip","variant","label","MoreIcon","generateMenuItems","multiple","placeholder","with_checkboxes","onChange","values","items","push","MenuItem","disabled","forEach","className","isGroup","Box","Checkbox","checked","indexOf","parentValue","childOptions","childValues","child","updatedValues","includes","filter","handleParentChange","Array","isArray","opt","pl","name","fieldArrayName","formControl","position","required","size","searchPlaceholder","handleSearch","classes","onChipRemove","Controller","control","render","field","fieldState","error","Fragment","Select","fullWidth","dataPosition","dataName","defaultValue","e","_b","target","i","_c","Boolean","renderValue","selected","ChipOrPlaceholder","onDelete","FormHelperText","message"],"mappings":"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"}

package/dist/components/select/select/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Typography } from "../../typography/typography/index.esm.js";
-import SelectSearch from "../select-search/index.esm.js";
+import { SelectSearch } from "../select-search/index.esm.js";
 import { memo, useRef } from "react";
 /* empty css                                             */
 import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
@@ -173,6 +173,7 @@ const Select = memo((props) => {
   ] });
 });
 export {
+  Select,
   Select as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["MUISelect"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport { Select };\nexport default Select;\n"],"names":["MUISelect"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                      */t=require("react");;/* empty css                                          */var l=,/* empty css                                                       */n=,/* empty css                                                 */i=,/* empty css                                                                           */d=,/* empty css                            */u=,/* empty css                                                                       */a=;/* empty css                                                       */const s=l.default(a.default)(({theme:{palette:e}})=>{var r,o,t,l,n,i,d,u,a;return{color:null==(r=e.theme)?void 0:r.secondary[800],fontSize:" 0.875rem",".MuiOutlinedInput-notchedOutline":{borderColor:null==(o=e.theme)?void 0:o.secondary[300]},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(l=e.theme)?void 0:l.error[600]},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(n=e.theme)?void 0:n.secondary[400]},"&.Mui-error:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(i=e.theme)?void 0:i.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(u=e.theme)?void 0:u.secondary[800]},".MuiMenuItem-root":{fontSize:"10px"},"&.Mui-error":{color:null==(a=e.theme)?void 0:a.error[600],"&fieldset":{borderColor:"grey"}}}}),c=t.memo(l=>{const a=t.useRef(null),{children:c,label:h,handleSearch:m,dataPosition:p,dataName:x,placeholder:y,searchPlaceholder:f,required:j,searchValue:v,fullWidth:g=!1,onChange:b,renderValue:C,error:M,helperText:O,loading:q=!1,CustomDropdownIcon:P=d.ArrowDown,...I}=l;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[h&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium","data-position":p,"data-name":x,mb:.5,color:M?"theme.error.600":"theme.secondary.800",children:[h," ",j&&/* @__PURE__ */e.jsx("span",{style:{color:"#c64d4d"},children:"*"})]}),
-/* @__PURE__ */e.jsxs(s,{IconComponent:r=>/* @__PURE__ */e.jsx(P,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:g,renderValue:C??(o=>""!==o?o:/* @__PURE__ */e.jsx(r.Typography,{color:"inherit",type:"s3",children:y})),onChange:b,error:M,onOpen:()=>{setTimeout(()=>{a.current&&a.current.focus()},0)},...I,children:[m&&/* @__PURE__ */e.jsx(n.default,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(o.default,{ref:a,searchPlaceholder:f,handleSearch:e=>m(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==l?void 0:l.value)&&setTimeout(()=>{var e;return null==(e=a.current)?void 0:e.focus()},0)},sx:{p:1}})}),q?/* @__PURE__ */e.jsx(n.default,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(i.default,{size:30,color:"inherit"})}):c]}),O&&/* @__PURE__ */e.jsx(u.default,{error:M,children:O})]})});exports.default=c;
+/* @__PURE__ */e.jsxs(s,{IconComponent:r=>/* @__PURE__ */e.jsx(P,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:g,renderValue:C??(o=>""!==o?o:/* @__PURE__ */e.jsx(r.Typography,{color:"inherit",type:"s3",children:y})),onChange:b,error:M,onOpen:()=>{setTimeout(()=>{a.current&&a.current.focus()},0)},...I,children:[m&&/* @__PURE__ */e.jsx(n.default,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(o.SelectSearch,{ref:a,searchPlaceholder:f,handleSearch:e=>m(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==l?void 0:l.value)&&setTimeout(()=>{var e;return null==(e=a.current)?void 0:e.focus()},0)},sx:{p:1}})}),q?/* @__PURE__ */e.jsx(n.default,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(i.default,{size:30,color:"inherit"})}):c]}),O&&/* @__PURE__ */e.jsx(u.default,{error:M,children:O})]})});exports.Select=c,exports.default=c;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"msBAcA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qCAAiB,MAAA,CACnEC,MAAO,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAChCC,SAAU,YACV,mCAAoC,CACnCC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeH,UAAU,MAEvC,iDAAkD,CACjDI,YAAa,YACbF,YAAa,OAAAG,EAAAR,EAAQD,YAAR,EAAAS,EAAeC,QAAQ,MAErC,2DAA4D,CAC3DF,YAAa,YACbF,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,MAAM,MAEnC,2CAA4C,CAC3CN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeT,UAAU,MAEvC,qDAAsD,CACrDE,YAAa,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeF,MAAM,MAEnC,iBAAkB,CACjBG,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeZ,UAAU,KACrCF,MAAO,OAAAe,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeb,UAAU,MAGjC,oBAAqB,CACpBC,SAAU,QAEX,cAAe,CACdH,MAAO,OAAAgB,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeN,MAAM,KAC5B,YAAa,CACZN,YAAa,YAKVa,EAASC,EAAAA,KAAMC,IACpB,MAAMC,EAAiBC,EAAAA,OAAyB,OAC1CC,SACLA,EAAAC,MACAA,EAAAC,aACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,YACAA,EAAAC,kBACAA,EAAAC,SACAA,EAAAC,YACAA,EAAAC,UACAA,GAAY,EAAAC,SACZA,EAAAC,YACAA,EAAAvB,MACAA,EAAAwB,WACAA,EAAAC,QACAA,GAAU,EAAAC,mBACVA,EAAqBC,EAAAA,aAClBC,GACAnB;AAYJ,OACCoB,EAAAA,KAAAC,WAAA,CACElB,SAAA,CAAAC,kBACAgB,EAAAA,KAACE,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACP,gBAAelB,EACf,YAAWC,EACXkB,GAAI,GACJ5C,MAAOU,EAAQ,kBAAoB,sBAClCY,SAAA,CAAAC,EAAM,IAAEM,wBAAa,OAAA,CAAKgB,MAAO,CAAE7C,MAAO,WAAasB,SAAA;eAG7DiB,EAAAA,KAAC5C,EAAA,CACAmD,cAAgBC,kBAAcC,MAACZ,MAAuBW,EAAW5C,SAAS,UACzE8C,UAAW,CACTC,WAAY,CACVC,GAAI,CACFC,UAAW,IACXC,UAAW,SAGfC,aAAc,CACZC,SAAU,SACVC,WAAY,WAGhBC,cAAY,EACZ1B,YACAE,YACEA,GAAA,CACEyB,GACU,KAAVA,EACGA,iBAEDV,EAAAA,IAACP,EAAAA,WAAA,CAAWzC,MAAM,UAAU0C,KAAK,KAC9BpB,SAAAK,KAITK,WACAtB,QACDiD,OAnDmB,KAChBC,WAAW,KACLxC,EAAeyC,SACjBzC,EAAeyC,QAAQC,SAExB,OA+CDxB,EAEHhB,SAAA,CAAAE,kBACCwB,EAAAA,IAACe,EAAAA,QAAA,CACCZ,GAAI,CACFa,SAAU,SACVC,IAAK,EACLC,OAAQ,EACRC,gBAAiB,OAErBC,OAAQ,mBACRxB,GAAI,IAGFtB,wBAAA0B,EAAAA,IAACqB,EAAAA,~~QAAA~~,CACHC,IAAKlD,EACDQ,oBACAJ,aAAe+C,GAAW/C,EAAa+C,EAAEC,OAAOd,OAChDA,MAAO5B,EACP2C,QAAUF,GAAMA,EAAEG,kBAClBC,UAAYJ,IACfA,EAAEG,yBACEvD,WAAOuC,QACVE,WAAW,WAAM,OAAA,OAAA3D,EAAAmB,EAAeyC,cAAf,EAAA5D,EAAwB6D,SAAS,IAGpDX,GAAI,CACHyB,EAAG,OAKLzC,iBACCa,EAAAA,IAACe,EAAAA,QAAA,CACCZ,GAAI,CACF0B,QAAS,OACTC,MAAO,OACPF,EAAG,EACHG,eAAgB,SAChBC,WAAY,UAGd1D,wBAAA0B,EAAAA,IAACiC,UAAA,CAAiBC,KAAM,GAAIlF,MAAM,cAGpCsB,KAIAY,oBAAcc,IAACmC,EAAAA,QAAA,CAAezE,QAAeY,SAAAY"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport { Select };\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"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"}

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

@@ -49,6 +49,7 @@ const SelectSearch = forwardRef(
   )
 );
 export {
+  SelectSearch,
   SelectSearch as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n input: {\n padding: \"0.5rem 0rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: 0,\n },\n \"& .MuiOutlinedInput-root\": {\n fontSize: \"0.8125rem\",\n paddingLeft: \"0.5rem\",\n color: palette.theme?.secondary[800],\n // backgroundColor: palette.theme?.secondary[200],\n border: \"1px solid #F5F6F5\",\n borderRadius: \"0.5rem\",\n \":hover .MuiOutlinedInput-notchedOutline\": {\n border: 1,\n },\n \"&.Mui-focused fieldset\": {\n border: 0,\n },\n },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n <StyledSearch\n inputRef={ref} // Attach the ref here for focusing\n placeholder={searchPlaceholder}\n onChange={handleSearch}\n value={value}\n fullWidth\n variant=\"outlined\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon fontSize=\"small\" />\n </InputAdornment>\n ),\n }}\n {...rest}\n />\n )\n);\n\nexport default SelectSearch;\n"],"names":["SearchIcon"],"mappings":";;;;;;AAMA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,SAAS;AAAA,IACT,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,IACxD,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,IAEV,4BAA4B;AAAA,MAC1B,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA;AAAA,MAEhC,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,2CAA2C;AAAA,QACzC,QAAQ;AAAA,MAAA;AAAA,MAEV,0BAA0B;AAAA,QACxB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,eAAe;AAAA,EACnB,CAAC,EAAE,mBAAmB,cAAc,OAAO,GAAG,KAAA,GAAQ,QACpD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,WAAS;AAAA,MACT,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACA,WAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n input: {\n padding: \"0.5rem 0rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: 0,\n },\n \"& .MuiOutlinedInput-root\": {\n fontSize: \"0.8125rem\",\n paddingLeft: \"0.5rem\",\n color: palette.theme?.secondary[800],\n // backgroundColor: palette.theme?.secondary[200],\n border: \"1px solid #F5F6F5\",\n borderRadius: \"0.5rem\",\n \":hover .MuiOutlinedInput-notchedOutline\": {\n border: 1,\n },\n \"&.Mui-focused fieldset\": {\n border: 0,\n },\n },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n <StyledSearch\n inputRef={ref} // Attach the ref here for focusing\n placeholder={searchPlaceholder}\n onChange={handleSearch}\n value={value}\n fullWidth\n variant=\"outlined\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon fontSize=\"small\" />\n </InputAdornment>\n ),\n }}\n {...rest}\n />\n )\n);\n\nexport { SelectSearch };\nexport default SelectSearch;\n"],"names":["SearchIcon"],"mappings":";;;;;;AAMA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,SAAS;AAAA,IACT,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,IACxD,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,IAEV,4BAA4B;AAAA,MAC1B,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA;AAAA,MAEhC,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,2CAA2C;AAAA,QACzC,QAAQ;AAAA,MAAA;AAAA,MAEV,0BAA0B;AAAA,QACxB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,eAAe;AAAA,EACnB,CAAC,EAAE,mBAAmB,cAAc,OAAO,GAAG,KAAA,GAAQ,QACpD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,WAAS;AAAA,MACT,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACA,WAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/icons-material/Search/index.js"),t=require("react"),d=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),n=require("../../../node_modules/@mui/material/TextField/TextField/index.js");const o=d.default(n.default)(({theme:{palette:e}})=>{var r,t;return{padding:"0rem 0.75rem 0.5rem 0.75rem",borderBottom:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,input:{padding:"0.5rem 0rem"},".MuiOutlinedInput-notchedOutline":{border:0},"& .MuiOutlinedInput-root":{fontSize:"0.8125rem",paddingLeft:"0.5rem",color:null==(t=e.theme)?void 0:t.secondary[800],border:"1px solid #F5F6F5",borderRadius:"0.5rem",":hover .MuiOutlinedInput-notchedOutline":{border:1},"&.Mui-focused fieldset":{border:0}}}}),u=t.forwardRef(({searchPlaceholder:t,handleSearch:d,value:n,...u},l)=>/* @__PURE__ */e.jsx(o,{inputRef:l,placeholder:t,onChange:d,value:n,fullWidth:!0,variant:"outlined",InputProps:{startAdornment:/* @__PURE__ */e.jsx(i.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...u}));exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/icons-material/Search/index.js"),t=require("react"),d=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),n=require("../../../node_modules/@mui/material/TextField/TextField/index.js");const o=d.default(n.default)(({theme:{palette:e}})=>{var r,t;return{padding:"0rem 0.75rem 0.5rem 0.75rem",borderBottom:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,input:{padding:"0.5rem 0rem"},".MuiOutlinedInput-notchedOutline":{border:0},"& .MuiOutlinedInput-root":{fontSize:"0.8125rem",paddingLeft:"0.5rem",color:null==(t=e.theme)?void 0:t.secondary[800],border:"1px solid #F5F6F5",borderRadius:"0.5rem",":hover .MuiOutlinedInput-notchedOutline":{border:1},"&.Mui-focused fieldset":{border:0}}}}),u=t.forwardRef(({searchPlaceholder:t,handleSearch:d,value:n,...u},l)=>/* @__PURE__ */e.jsx(o,{inputRef:l,placeholder:t,onChange:d,value:n,fullWidth:!0,variant:"outlined",InputProps:{startAdornment:/* @__PURE__ */e.jsx(i.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...u}));exports.SelectSearch=u,exports.default=u;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n input: {\n padding: \"0.5rem 0rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: 0,\n },\n \"& .MuiOutlinedInput-root\": {\n fontSize: \"0.8125rem\",\n paddingLeft: \"0.5rem\",\n color: palette.theme?.secondary[800],\n // backgroundColor: palette.theme?.secondary[200],\n border: \"1px solid #F5F6F5\",\n borderRadius: \"0.5rem\",\n \":hover .MuiOutlinedInput-notchedOutline\": {\n border: 1,\n },\n \"&.Mui-focused fieldset\": {\n border: 0,\n },\n },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n <StyledSearch\n inputRef={ref} // Attach the ref here for focusing\n placeholder={searchPlaceholder}\n onChange={handleSearch}\n value={value}\n fullWidth\n variant=\"outlined\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon fontSize=\"small\" />\n </InputAdornment>\n ),\n }}\n {...rest}\n />\n )\n);\n\nexport default SelectSearch;\n"],"names":["StyledSearch","styled","TextField","theme","palette","padding","borderBottom","_a","secondary","input","border","fontSize","paddingLeft","color","_b","borderRadius","SelectSearch","forwardRef","searchPlaceholder","handleSearch","value","rest","ref","jsx","inputRef","placeholder","onChange","fullWidth","variant","InputProps","startAdornment","InputAdornment","position","children","SearchIcon"],"mappings":"+aAMA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,uBAAiB,MAAA,CAClEC,QAAS,8BACTC,aAAc,aAAa,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,OACpDC,MAAO,CACLJ,QAAS,eAEX,mCAAoC,CAClCK,OAAQ,GAEV,2BAA4B,CAC1BC,SAAU,YACVC,YAAa,SACbC,MAAO,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeN,UAAU,KAEhCE,OAAQ,oBACRK,aAAc,SACd,0CAA2C,CACzCL,OAAQ,GAEV,yBAA0B,CACxBA,OAAQ,OAKRM,EAAeC,EAAAA,WACnB,EAAGC,oBAAmBC,eAAcC,WAAUC,GAAQC,mBACpDC,EAAAA,IAACvB,EAAA,CACCwB,SAAUF,EACVG,YAAaP,EACbQ,SAAUP,EACVC,QACAO,WAAS,EACTC,QAAQ,WACRC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAV,EAAAA,IAACW,EAAAA,QAAA,CAAWvB,SAAS,gBAIvBU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/select/select-search.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-imports */\nimport { InputAdornment, TextField, styled } from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport React, { forwardRef } from 'react';\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n padding: \"0rem 0.75rem 0.5rem 0.75rem\",\n borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n input: {\n padding: \"0.5rem 0rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: 0,\n },\n \"& .MuiOutlinedInput-root\": {\n fontSize: \"0.8125rem\",\n paddingLeft: \"0.5rem\",\n color: palette.theme?.secondary[800],\n // backgroundColor: palette.theme?.secondary[200],\n border: \"1px solid #F5F6F5\",\n borderRadius: \"0.5rem\",\n \":hover .MuiOutlinedInput-notchedOutline\": {\n border: 1,\n },\n \"&.Mui-focused fieldset\": {\n border: 0,\n },\n },\n}));\n\nconst SelectSearch = forwardRef<HTMLInputElement, any>(\n ({ searchPlaceholder, handleSearch, value, ...rest }, ref) => (\n <StyledSearch\n inputRef={ref} // Attach the ref here for focusing\n placeholder={searchPlaceholder}\n onChange={handleSearch}\n value={value}\n fullWidth\n variant=\"outlined\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon fontSize=\"small\" />\n </InputAdornment>\n ),\n }}\n {...rest}\n />\n )\n);\n\nexport { SelectSearch };\nexport default SelectSearch;\n"],"names":["StyledSearch","styled","TextField","theme","palette","padding","borderBottom","_a","secondary","input","border","fontSize","paddingLeft","color","_b","borderRadius","SelectSearch","forwardRef","searchPlaceholder","handleSearch","value","rest","ref","jsx","inputRef","placeholder","onChange","fullWidth","variant","InputProps","startAdornment","InputAdornment","position","children","SearchIcon"],"mappings":"+aAMA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,uBAAiB,MAAA,CAClEC,QAAS,8BACTC,aAAc,aAAa,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,OACpDC,MAAO,CACLJ,QAAS,eAEX,mCAAoC,CAClCK,OAAQ,GAEV,2BAA4B,CAC1BC,SAAU,YACVC,YAAa,SACbC,MAAO,OAAAC,EAAAV,EAAQD,YAAR,EAAAW,EAAeN,UAAU,KAEhCE,OAAQ,oBACRK,aAAc,SACd,0CAA2C,CACzCL,OAAQ,GAEV,yBAA0B,CACxBA,OAAQ,OAKRM,EAAeC,EAAAA,WACnB,EAAGC,oBAAmBC,eAAcC,WAAUC,GAAQC,mBACpDC,EAAAA,IAACvB,EAAA,CACCwB,SAAUF,EACVG,YAAaP,EACbQ,SAAUP,EACVC,QACAO,WAAS,EACTC,QAAQ,WACRC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAV,EAAAA,IAACW,EAAAA,QAAA,CAAWvB,SAAS,gBAIvBU"}

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 declare const SelectSearch: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { SelectSearch };
 export default SelectSearch;

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

@@ -1,3 +1,4 @@
 declare const Select: import('react').MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+export { Select };
 export default Select;

package/dist/components/share-modal/share-modal/index.esm.js CHANGED Viewed

@@ -2,17 +2,17 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 /* empty css                            */
 import { useState, useMemo, useEffect } from "react";
 import { useAppSelector, useAppDispatch } from "../../../redux/hooks/index.esm.js";
 import { getAllUserAndDepartmentDropdown } from "../redux/actionCreator/index.esm.js";
-import Toggle from "../../toggle/toggle/index.esm.js";
+import { Toggle } from "../../toggle/toggle/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
 import { flatMap } from "lodash";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -228,6 +228,7 @@ const SharePopUp = (props) => {
   ] }) });
 };
 export {
+  SharePopUp,
   SharePopUp as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/share-modal/share-modal/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport {\n Box,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Divider,\n IconButton,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n List,\n ListItem,\n ListItemText,\n ListItemAvatar,\n MenuItem,\n FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n open: boolean;\n title: string;\n onClose: () => void;\n roles?: any;\n toggleSwitch: boolean;\n onSubmit: (selectedUsers: any) => void;\n value?: any;\n isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n isRoleVisible: boolean;\n selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n const {\n open,\n title,\n onClose,\n roles,\n toggleSwitch,\n onSubmit,\n value = {},\n isPeopleAccessVisible = false,\n } = props;\n\n const { share } = useAppSelector((store) => store);\n\n const dispatch = useAppDispatch();\n\n const [isPublic, setIsPublic] = useState(value.isPublic \|\| false);\n const [selectedOptions, setSelectedOptions] = useState(\n value.selectedUsers \|\| [],\n );\n const [roleValue, setRoleValue] = useState([]);\n const [availableRole, setAvailableRole] = useState([]);\n\n const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n isRoleVisible: false,\n selectedUsers: [],\n });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n useEffect(() => {\n const role: any = [];\n const selRole: any = [];\n roles &&\n roles.map((item: any) => {\n const userRole: any = {};\n if (item.role !== \"Owner\") {\n role.push(item.role);\n userRole.id = item.id;\n userRole.role = item.role;\n selRole.push(userRole);\n }\n setAvailableRole(role);\n setRoleValue(selRole);\n });\n }, [roles]);\n\nuseEffect(()=>{\n if(!value?.selectedUsers?.length && !value?.role_id){\n resetOptions()\nreturn\n }\n userDropdownData.isRoleVisible=value.is_role\n setUserDropdownData(userDropdownData)\n setSelectedOptions({\n ...value,\n selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n const handleShareSubmit = () => {\n if(!selectedUsers?.length) return\n const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n let sOptions = selectedUsers\n if( Array.isArray(uIds) && uIds?.length) {\n sOptions = share.users?.filter(u => uIds.includes(u.id))\n \n }\n const sharedData = {\n is_private: !isPublic,\n selectedUsers: [...new Set(sOptions)],\n is_role:userDropdownData?.isRoleVisible,\n role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n };\n onSubmit(sharedData);\n \n };\n\n const resetOptions=()=> {\n setSelectedOptions({\n ...value\n });\n setUserDropdownData((prevData) => ({\n ...prevData,\n selectedUsers: [],\n }));\n };\n\n\n\n const handleRoleChange = (event: any, id: any, user: any) => {\n const changeRole: any = roleValue.map((item: any) => {\n if (item.id === id) {\n item.role = event.target.value;\n }\n return item;\n });\n setRoleValue(changeRole);\n };\n\n const handleToggleChange = () => {\n setUserDropdownData((prevSettings) => ({\n ...prevSettings,\n isRoleVisible: !prevSettings.isRoleVisible,\n }));\n setSelectedOptions([]);\n setSelectedUsers(value.selectedUsers \|\| []);\n };\n\n const handleChage=(value:any)=>{\n if(userDropdownData.isRoleVisible){\n setSelectedOptions({...selectedOptions,role_id:value})\n }\n setSelectedOptions({...selectedOptions,selectedUsers:value})\n }\n\n const toggleMakeItPublic = () => {\n setIsPublic(!isPublic);\n }\n \n useEffect(() => {\n if(!open)resetOptions()\n if (open) {\n dispatch(getAllUserAndDepartmentDropdown());\n }\n // eslint-disable-next-line\n }, [open]);\n\n\n\n return (\n <div>\n <Dialog open={open} onClose={onClose} className=\"share\">\n <DialogTitle className=\"share--head\">\n <Box className=\"share--title\">\n <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n {title}\n </Typography>\n </Box>\n <IconButton disableRipple onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n\n <Divider />\n\n <DialogContent className=\"share--content\">\n <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n <Typography type=\"s3\" className=\"input-label\">\n Add users\n </Typography>\n <FormControlLabel\n control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n label={\n <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n }\n />\n </Box>\n \n\n {toggleSwitch && (\n <>\n \n <Box mb={4} className=\"d-flex\">\n \n <SearchableSelect \n options={filteredOptions}\n multiple\n value={selectedOptions?.selectedUsers}\n onChange={(e) =>handleChage(e.target.value)}\n placeholder={\n selectedOptions && selectedOptions.length\n ? \"\"\n : \"Add people and roles\"\n }\n getSelectedData={row=>setSelectedUsers(row)}\n />\n </Box>\n </>\n )}\n \n {isPeopleAccessVisible && (\n <div className={ \"share--blurClass\"}>\n <Accordion className=\"people-access-accordion\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>People with access</Typography>\n </AccordionSummary>\n <AccordionDetails className=\"user-accordion-details\">\n <List className=\"accordion-list\">\n {roles &&\n roles.map((user: any) => {\n const userRole: any =\n roleValue?.length > 0 &&\n roleValue?.filter((item: any) => item.id === user.id);\n return (\n <ListItem alignItems=\"flex-start\">\n <ListItemAvatar>\n <Avatar size={40} alt=\"Person\" icon />\n </ListItemAvatar>\n <ListItemText\n className=\"primary-user-name\"\n primary={user.name}\n secondary={\n <Typography\n component=\"span\"\n variant=\"body2\"\n className=\"secondary-email-text\"\n >\n {user.email}\n </Typography>\n }\n />\n {user.role == \"Owner\" ? (\n <p className=\"owner-role-badge\">{user.role}</p>\n ) : (\n <div>\n <Select\n className=\"role-edit-select-box\"\n value={\n userRole?.length > 0 ? userRole[0].role : \"\"\n }\n onChange={(e: any) =>\n handleRoleChange(e, user.id, user)\n }\n variant=\"outlined\"\n >\n {availableRole.map((role: any) => (\n <MenuItem\n className=\"select-menu-items\"\n value={role}\n >\n {role}\n </MenuItem>\n ))}\n </Select>\n </div>\n )}\n </ListItem>\n );\n })}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )}\n\n <div className=\"checkbox\">\n <Checkbox\n checked={isPublic}\n onChange={toggleMakeItPublic}\n />\n <div className=\"checkbox-text\">Make it public</div>\n </div>\n </DialogContent>\n\n <Divider />\n\n <DialogActions className=\"share--actions\">\n <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n Cancel\n </Button>\n <Button className=\"success-btn\" onClick={handleShareSubmit}>\n Save and Share\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport {\n Box,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Divider,\n IconButton,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n List,\n ListItem,\n ListItemText,\n ListItemAvatar,\n MenuItem,\n FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n open: boolean;\n title: string;\n onClose: () => void;\n roles?: any;\n toggleSwitch: boolean;\n onSubmit: (selectedUsers: any) => void;\n value?: any;\n isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n isRoleVisible: boolean;\n selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n const {\n open,\n title,\n onClose,\n roles,\n toggleSwitch,\n onSubmit,\n value = {},\n isPeopleAccessVisible = false,\n } = props;\n\n const { share } = useAppSelector((store) => store);\n\n const dispatch = useAppDispatch();\n\n const [isPublic, setIsPublic] = useState(value.isPublic \|\| false);\n const [selectedOptions, setSelectedOptions] = useState(\n value.selectedUsers \|\| [],\n );\n const [roleValue, setRoleValue] = useState([]);\n const [availableRole, setAvailableRole] = useState([]);\n\n const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n isRoleVisible: false,\n selectedUsers: [],\n });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n useEffect(() => {\n const role: any = [];\n const selRole: any = [];\n roles &&\n roles.map((item: any) => {\n const userRole: any = {};\n if (item.role !== \"Owner\") {\n role.push(item.role);\n userRole.id = item.id;\n userRole.role = item.role;\n selRole.push(userRole);\n }\n setAvailableRole(role);\n setRoleValue(selRole);\n });\n }, [roles]);\n\nuseEffect(()=>{\n if(!value?.selectedUsers?.length && !value?.role_id){\n resetOptions()\nreturn\n }\n userDropdownData.isRoleVisible=value.is_role\n setUserDropdownData(userDropdownData)\n setSelectedOptions({\n ...value,\n selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n const handleShareSubmit = () => {\n if(!selectedUsers?.length) return\n const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n let sOptions = selectedUsers\n if( Array.isArray(uIds) && uIds?.length) {\n sOptions = share.users?.filter(u => uIds.includes(u.id))\n \n }\n const sharedData = {\n is_private: !isPublic,\n selectedUsers: [...new Set(sOptions)],\n is_role:userDropdownData?.isRoleVisible,\n role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n };\n onSubmit(sharedData);\n \n };\n\n const resetOptions=()=> {\n setSelectedOptions({\n ...value\n });\n setUserDropdownData((prevData) => ({\n ...prevData,\n selectedUsers: [],\n }));\n };\n\n\n\n const handleRoleChange = (event: any, id: any, user: any) => {\n const changeRole: any = roleValue.map((item: any) => {\n if (item.id === id) {\n item.role = event.target.value;\n }\n return item;\n });\n setRoleValue(changeRole);\n };\n\n const handleToggleChange = () => {\n setUserDropdownData((prevSettings) => ({\n ...prevSettings,\n isRoleVisible: !prevSettings.isRoleVisible,\n }));\n setSelectedOptions([]);\n setSelectedUsers(value.selectedUsers \|\| []);\n };\n\n const handleChage=(value:any)=>{\n if(userDropdownData.isRoleVisible){\n setSelectedOptions({...selectedOptions,role_id:value})\n }\n setSelectedOptions({...selectedOptions,selectedUsers:value})\n }\n\n const toggleMakeItPublic = () => {\n setIsPublic(!isPublic);\n }\n \n useEffect(() => {\n if(!open)resetOptions()\n if (open) {\n dispatch(getAllUserAndDepartmentDropdown());\n }\n // eslint-disable-next-line\n }, [open]);\n\n\n\n return (\n <div>\n <Dialog open={open} onClose={onClose} className=\"share\">\n <DialogTitle className=\"share--head\">\n <Box className=\"share--title\">\n <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n {title}\n </Typography>\n </Box>\n <IconButton disableRipple onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n\n <Divider />\n\n <DialogContent className=\"share--content\">\n <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n <Typography type=\"s3\" className=\"input-label\">\n Add users\n </Typography>\n <FormControlLabel\n control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n label={\n <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n }\n />\n </Box>\n \n\n {toggleSwitch && (\n <>\n \n <Box mb={4} className=\"d-flex\">\n \n <SearchableSelect \n options={filteredOptions}\n multiple\n value={selectedOptions?.selectedUsers}\n onChange={(e) =>handleChage(e.target.value)}\n placeholder={\n selectedOptions && selectedOptions.length\n ? \"\"\n : \"Add people and roles\"\n }\n getSelectedData={row=>setSelectedUsers(row)}\n />\n </Box>\n </>\n )}\n \n {isPeopleAccessVisible && (\n <div className={ \"share--blurClass\"}>\n <Accordion className=\"people-access-accordion\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>People with access</Typography>\n </AccordionSummary>\n <AccordionDetails className=\"user-accordion-details\">\n <List className=\"accordion-list\">\n {roles &&\n roles.map((user: any) => {\n const userRole: any =\n roleValue?.length > 0 &&\n roleValue?.filter((item: any) => item.id === user.id);\n return (\n <ListItem alignItems=\"flex-start\">\n <ListItemAvatar>\n <Avatar size={40} alt=\"Person\" icon />\n </ListItemAvatar>\n <ListItemText\n className=\"primary-user-name\"\n primary={user.name}\n secondary={\n <Typography\n component=\"span\"\n variant=\"body2\"\n className=\"secondary-email-text\"\n >\n {user.email}\n </Typography>\n }\n />\n {user.role == \"Owner\" ? (\n <p className=\"owner-role-badge\">{user.role}</p>\n ) : (\n <div>\n <Select\n className=\"role-edit-select-box\"\n value={\n userRole?.length > 0 ? userRole[0].role : \"\"\n }\n onChange={(e: any) =>\n handleRoleChange(e, user.id, user)\n }\n variant=\"outlined\"\n >\n {availableRole.map((role: any) => (\n <MenuItem\n className=\"select-menu-items\"\n value={role}\n >\n {role}\n </MenuItem>\n ))}\n </Select>\n </div>\n )}\n </ListItem>\n );\n })}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )}\n\n <div className=\"checkbox\">\n <Checkbox\n checked={isPublic}\n onChange={toggleMakeItPublic}\n />\n <div className=\"checkbox-text\">Make it public</div>\n </div>\n </DialogContent>\n\n <Divider />\n\n <DialogActions className=\"share--actions\">\n <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n Cancel\n </Button>\n <Button className=\"success-btn\" onClick={handleShareSubmit}>\n Save and Share\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n\nexport { SharePopUp };\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":"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"}

package/dist/components/share-modal/share-modal/index.js CHANGED Viewed

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var d=require("react"),o=,/* empty css                          */n=,/* empty css                            */u=,/* empty css                         */c=,/* empty css                             */m=require("lodash"),x=,/* empty css                             */h=,/* empty css                                                       */j=,/* empty css                                                                 */p=,/* empty css                                                 */v=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */D=,/* empty css                                                                   */S=,/* empty css                                                           */I=;/* empty css                                                                     */exports.default=R=>{const{open:U,title:k,onClose:V,roles:L,toggleSwitch:w,onSubmit:T,value:M={},isPeopleAccessVisible:P=!1}=R,{share:B}=o.useAppSelector(e=>e),E=o.useAppDispatch(),[F,O]=d.useState(M.isPublic||!1),[z,G]=d.useState(M.selectedUsers||[]),[H,J]=d.useState([]),[K,Q]=d.useState([]),[W,X]=d.useState({isRoleVisible:!1,selectedUsers:[]}),Y=d.useMemo(()=>(null==W?void 0:W.isRoleVisible)?B.departments:B.users,[B,null==W?void 0:W.isRoleVisible]),[Z,$]=d.useState([]);d.useEffect(()=>{const e=[],s=[];L&&L.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),Q(e),J(s)})},[L]),d.useEffect(()=>{var e;(null==(e=null==M?void 0:M.selectedUsers)?void 0:e.length)||(null==M?void 0:M.role_id)?(W.isRoleVisible=M.is_role,X(W),G({...M,selectedUsers:M.is_role?null==M?void 0:M.role_id:null==M?void 0:M.selectedUsers})):ee()},[null==M?void 0:M.selectedUsers,U]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return d.useEffect(()=>{U||ee(),U&&E(n.getAllUserAndDepartmentDropdown())},[U]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:U,onClose:V,className:"share",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var o=require("react"),d=,/* empty css                          */n=,/* empty css                            */u=,/* empty css                         */c=,/* empty css                             */m=require("lodash"),x=,/* empty css                             */h=,/* empty css                                                       */j=,/* empty css                                                                 */p=,/* empty css                                                 */v=,/* empty css                                                               */g=,/* empty css                                                         */f=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */S=,/* empty css                                                                   */D=,/* empty css                                                           */I=;/* empty css                                                                     */const U=U=>{const{open:k,title:R,onClose:V,roles:L,toggleSwitch:T,onSubmit:w,value:M={},isPeopleAccessVisible:B=!1}=U,{share:P}=d.useAppSelector(e=>e),E=d.useAppDispatch(),[F,O]=o.useState(M.isPublic||!1),[z,G]=o.useState(M.selectedUsers||[]),[H,J]=o.useState([]),[K,Q]=o.useState([]),[W,X]=o.useState({isRoleVisible:!1,selectedUsers:[]}),Y=o.useMemo(()=>(null==W?void 0:W.isRoleVisible)?P.departments:P.users,[P,null==W?void 0:W.isRoleVisible]),[Z,$]=o.useState([]);o.useEffect(()=>{const e=[],s=[];L&&L.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),Q(e),J(s)})},[L]),o.useEffect(()=>{var e;(null==(e=null==M?void 0:M.selectedUsers)?void 0:e.length)||(null==M?void 0:M.role_id)?(W.isRoleVisible=M.is_role,X(W),G({...M,selectedUsers:M.is_role?null==M?void 0:M.role_id:null==M?void 0:M.selectedUsers})):ee()},[null==M?void 0:M.selectedUsers,k]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return o.useEffect(()=>{k||ee(),k&&E(n.getAllUserAndDepartmentDropdown())},[k]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:k,onClose:V,className:"share",children:[
 /* @__PURE__ */e.jsxs(j.default,{className:"share--head",children:[
-/* @__PURE__ */e.jsx(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:k})}),
+/* @__PURE__ */e.jsx(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:R})}),
 /* @__PURE__ */e.jsx(v.default,{disableRipple:!0,onClick:V,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
-/* @__PURE__ */e.jsx(f.default,{}),
-/* @__PURE__ */e.jsxs(g.default,{className:"share--content",children:[
+/* @__PURE__ */e.jsx(g.default,{}),
+/* @__PURE__ */e.jsxs(f.default,{className:"share--content",children:[
 /* @__PURE__ */e.jsxs(p.default,{m:1,display:"flex",alignItems:"center",justifyContent:"space-between",children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Add users"}),
-/* @__PURE__ */e.jsx(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.default,{checked:null==W?void 0:W.isRoleVisible,onChange:()=>{X(e=>({...e,isRoleVisible:!e.isRoleVisible})),G([]),$(M.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),w&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(p.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(c.default,{options:Y,multiple:!0,value:null==z?void 0:z.selectedUsers,onChange:e=>{return s=e.target.value,W.isRoleVisible&&G({...z,role_id:s}),void G({...z,selectedUsers:s});var s},placeholder:z&&z.length?"":"Add people and roles",getSelectedData:e=>$(e)})})}),P&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(q.default,{className:"people-access-accordion",children:[
+/* @__PURE__ */e.jsx(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.Toggle,{checked:null==W?void 0:W.isRoleVisible,onChange:()=>{X(e=>({...e,isRoleVisible:!e.isRoleVisible})),G([]),$(M.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),T&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(p.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(c.default,{options:Y,multiple:!0,value:null==z?void 0:z.selectedUsers,onChange:e=>{return s=e.target.value,W.isRoleVisible&&G({...z,role_id:s}),void G({...z,selectedUsers:s});var s},placeholder:z&&z.length?"":"Add people and roles",getSelectedData:e=>$(e)})})}),B&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(q.default,{className:"people-access-accordion",children:[
 /* @__PURE__ */e.jsx(y.default,{expandIcon:/* @__PURE__ */e.jsx(s.default,{}),children:/* @__PURE__ */e.jsx(i.Typography,{children:"People with access"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(N.default,{className:"accordion-list",children:L&&L.map(s=>{const l=(null==H?void 0:H.length)>0&&(null==H?void 0:H.filter(e=>e.id===s.id));/* @__PURE__ */
 return e.jsxs(A.default,{alignItems:"flex-start",children:[
 /* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(a.Avatar,{size:40,alt:"Person",icon:!0})}),
-/* @__PURE__ */e.jsx(D.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.default,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=H.map(l=>(l.id===s&&(l.role=e.target.value),l));J(l)})(e,s.id),variant:"outlined",children:K.map(s=>/* @__PURE__ */e.jsx(S.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
+/* @__PURE__ */e.jsx(S.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.Select,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=H.map(l=>(l.id===s&&(l.role=e.target.value),l));J(l)})(e,s.id),variant:"outlined",children:K.map(s=>/* @__PURE__ */e.jsx(D.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
 /* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
-/* @__PURE__ */e.jsx(x.default,{checked:F,onChange:()=>{O(!F)}}),
+/* @__PURE__ */e.jsx(x.Checkbox,{checked:F,onChange:()=>{O(!F)}}),
 /* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
-/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsx(g.default,{}),
 /* @__PURE__ */e.jsxs(I.default,{className:"share--actions",children:[
-/* @__PURE__ */e.jsx(r.default,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
-/* @__PURE__ */e.jsx(r.default,{className:"success-btn",onClick:()=>{var e;if(!(null==Z?void 0:Z.length))return;const s=m.flatMap(Z,"userIds").filter(e=>e);let l=Z;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=B.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!F,selectedUsers:[...new Set(l)],is_role:null==W?void 0:W.isRoleVisible,role_id:(null==W?void 0:W.isRoleVisible)?null==Z?void 0:Z.map(e=>null==e?void 0:e.id):[]};T(i)},children:"Save and Share"})]})]})})};
+/* @__PURE__ */e.jsx(r.Button,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.Button,{className:"success-btn",onClick:()=>{var e;if(!(null==Z?void 0:Z.length))return;const s=m.flatMap(Z,"userIds").filter(e=>e);let l=Z;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=P.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!F,selectedUsers:[...new Set(l)],is_role:null==W?void 0:W.isRoleVisible,role_id:(null==W?void 0:W.isRoleVisible)?null==Z?void 0:Z.map(e=>null==e?void 0:e.id):[]};w(i)},children:"Save and Share"})]})]})})};exports.SharePopUp=U,exports.default=U;
 //# sourceMappingURL=index.js.map

package/dist/components/share-modal/share-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport {\n Box,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Divider,\n IconButton,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n List,\n ListItem,\n ListItemText,\n ListItemAvatar,\n MenuItem,\n FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n open: boolean;\n title: string;\n onClose: () => void;\n roles?: any;\n toggleSwitch: boolean;\n onSubmit: (selectedUsers: any) => void;\n value?: any;\n isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n isRoleVisible: boolean;\n selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n const {\n open,\n title,\n onClose,\n roles,\n toggleSwitch,\n onSubmit,\n value = {},\n isPeopleAccessVisible = false,\n } = props;\n\n const { share } = useAppSelector((store) => store);\n\n const dispatch = useAppDispatch();\n\n const [isPublic, setIsPublic] = useState(value.isPublic \|\| false);\n const [selectedOptions, setSelectedOptions] = useState(\n value.selectedUsers \|\| [],\n );\n const [roleValue, setRoleValue] = useState([]);\n const [availableRole, setAvailableRole] = useState([]);\n\n const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n isRoleVisible: false,\n selectedUsers: [],\n });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n useEffect(() => {\n const role: any = [];\n const selRole: any = [];\n roles &&\n roles.map((item: any) => {\n const userRole: any = {};\n if (item.role !== \"Owner\") {\n role.push(item.role);\n userRole.id = item.id;\n userRole.role = item.role;\n selRole.push(userRole);\n }\n setAvailableRole(role);\n setRoleValue(selRole);\n });\n }, [roles]);\n\nuseEffect(()=>{\n if(!value?.selectedUsers?.length && !value?.role_id){\n resetOptions()\nreturn\n }\n userDropdownData.isRoleVisible=value.is_role\n setUserDropdownData(userDropdownData)\n setSelectedOptions({\n ...value,\n selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n const handleShareSubmit = () => {\n if(!selectedUsers?.length) return\n const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n let sOptions = selectedUsers\n if( Array.isArray(uIds) && uIds?.length) {\n sOptions = share.users?.filter(u => uIds.includes(u.id))\n \n }\n const sharedData = {\n is_private: !isPublic,\n selectedUsers: [...new Set(sOptions)],\n is_role:userDropdownData?.isRoleVisible,\n role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n };\n onSubmit(sharedData);\n \n };\n\n const resetOptions=()=> {\n setSelectedOptions({\n ...value\n });\n setUserDropdownData((prevData) => ({\n ...prevData,\n selectedUsers: [],\n }));\n };\n\n\n\n const handleRoleChange = (event: any, id: any, user: any) => {\n const changeRole: any = roleValue.map((item: any) => {\n if (item.id === id) {\n item.role = event.target.value;\n }\n return item;\n });\n setRoleValue(changeRole);\n };\n\n const handleToggleChange = () => {\n setUserDropdownData((prevSettings) => ({\n ...prevSettings,\n isRoleVisible: !prevSettings.isRoleVisible,\n }));\n setSelectedOptions([]);\n setSelectedUsers(value.selectedUsers \|\| []);\n };\n\n const handleChage=(value:any)=>{\n if(userDropdownData.isRoleVisible){\n setSelectedOptions({...selectedOptions,role_id:value})\n }\n setSelectedOptions({...selectedOptions,selectedUsers:value})\n }\n\n const toggleMakeItPublic = () => {\n setIsPublic(!isPublic);\n }\n \n useEffect(() => {\n if(!open)resetOptions()\n if (open) {\n dispatch(getAllUserAndDepartmentDropdown());\n }\n // eslint-disable-next-line\n }, [open]);\n\n\n\n return (\n <div>\n <Dialog open={open} onClose={onClose} className=\"share\">\n <DialogTitle className=\"share--head\">\n <Box className=\"share--title\">\n <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n {title}\n </Typography>\n </Box>\n <IconButton disableRipple onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n\n <Divider />\n\n <DialogContent className=\"share--content\">\n <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n <Typography type=\"s3\" className=\"input-label\">\n Add users\n </Typography>\n <FormControlLabel\n control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n label={\n <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n }\n />\n </Box>\n \n\n {toggleSwitch && (\n <>\n \n <Box mb={4} className=\"d-flex\">\n \n <SearchableSelect \n options={filteredOptions}\n multiple\n value={selectedOptions?.selectedUsers}\n onChange={(e) =>handleChage(e.target.value)}\n placeholder={\n selectedOptions && selectedOptions.length\n ? \"\"\n : \"Add people and roles\"\n }\n getSelectedData={row=>setSelectedUsers(row)}\n />\n </Box>\n </>\n )}\n \n {isPeopleAccessVisible && (\n <div className={ \"share--blurClass\"}>\n <Accordion className=\"people-access-accordion\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>People with access</Typography>\n </AccordionSummary>\n <AccordionDetails className=\"user-accordion-details\">\n <List className=\"accordion-list\">\n {roles &&\n roles.map((user: any) => {\n const userRole: any =\n roleValue?.length > 0 &&\n roleValue?.filter((item: any) => item.id === user.id);\n return (\n <ListItem alignItems=\"flex-start\">\n <ListItemAvatar>\n <Avatar size={40} alt=\"Person\" icon />\n </ListItemAvatar>\n <ListItemText\n className=\"primary-user-name\"\n primary={user.name}\n secondary={\n <Typography\n component=\"span\"\n variant=\"body2\"\n className=\"secondary-email-text\"\n >\n {user.email}\n </Typography>\n }\n />\n {user.role == \"Owner\" ? (\n <p className=\"owner-role-badge\">{user.role}</p>\n ) : (\n <div>\n <Select\n className=\"role-edit-select-box\"\n value={\n userRole?.length > 0 ? userRole[0].role : \"\"\n }\n onChange={(e: any) =>\n handleRoleChange(e, user.id, user)\n }\n variant=\"outlined\"\n >\n {availableRole.map((role: any) => (\n <MenuItem\n className=\"select-menu-items\"\n value={role}\n >\n {role}\n </MenuItem>\n ))}\n </Select>\n </div>\n )}\n </ListItem>\n );\n })}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )}\n\n <div className=\"checkbox\">\n <Checkbox\n checked={isPublic}\n onChange={toggleMakeItPublic}\n />\n <div className=\"checkbox-text\">Make it public</div>\n </div>\n </DialogContent>\n\n <Divider />\n\n <DialogActions className=\"share--actions\">\n <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n Cancel\n </Button>\n <Button className=\"success-btn\" onClick={handleShareSubmit}>\n Save and Share\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n\nexport default SharePopUp;\n"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"q/DAoDoBA,IAClB,MAAMC,KACJA,EAAAC,MACAA,EAAAC,QACAA,EAAAC,MACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,MACAA,EAAQ,CAAA,EAAAC,sBACRA,GAAwB,GACtBR,GAEES,MAAEA,GAAUC,EAAAA,eAAgBC,GAAUA,GAEtCC,EAAWC,EAAAA,kBAEVC,EAAUC,GAAeC,EAAAA,SAAST,EAAMO,WAAY,IACpDG,EAAiBC,GAAsBF,EAAAA,SAC5CT,EAAMY,eAAiB,KAElBC,EAAWC,GAAgBL,EAAAA,SAAS,KACpCM,EAAeC,GAAoBP,EAAAA,SAAS,KAE5CQ,EAAkBC,GAAuBT,WAA2B,CACzEU,eAAe,EACfP,cAAe,KAGbQ,EAAgBC,EAAAA,QAAQ,WAAIJ,WAAkBE,eAAgBjB,EAAMoB,YAAcpB,EAAMqB,MAAM,CAACrB,EAAM,MAAAe,OAAA,EAAAA,EAAkBE,iBACtHP,EAAeY,GAAoBf,EAAAA,SAAgB,IACxDgB,EAAAA,UAAU,KACR,MAAMC,EAAY,GACZC,EAAe,GACrB9B,GACEA,EAAM+B,IAAKC,IACT,MAAMC,EAAgB,CAAA,EACJ,UAAdD,EAAKH,OACPA,EAAKK,KAAKF,EAAKH,MACfI,EAASE,GAAKH,EAAKG,GACnBF,EAASJ,KAAOG,EAAKH,KACrBC,EAAQI,KAAKD,IAEfd,EAAiBU,GACjBZ,EAAaa,MAEhB,CAAC9B,IAEN4B,EAAAA,UAAU,YACJ,OAAAQ,EAAA,MAAAjC,OAAA,EAAAA,EAAOY,wBAAesB,gBAAWlC,WAAOmC,UAI3ClB,EAAiBE,cAAcnB,EAAMoC,QACtClB,EAAoBD,GACnBN,EAAmB,IACfX,EACHY,cAAcZ,EAAMoC,QAAQ,MAAApC,OAAA,EAAAA,EAAOmC,QAAQ,MAAAnC,OAAA,EAAAA,EAAOY,iBAPlDyB,MAUF,CAAC,MAAArC,OAAA,EAAAA,EAAOY,cAAclB,IAEtB,MAkBM2C,GAAa,KACjB1B,EAAmB,IACdX,IAELkB,EAAqBoB,IAAA,IAChBA,EACH1B,cAAe,OA8CnB,OAVAa,EAAAA,UAAU,KACJ/B,GAAK2C,KACL3C,GACFW,EAASkC,EAAAA,oCAGV,CAAC7C,yBAKD,MAAA,CACC8C,wBAAAC,EAAAA,KAACC,EAAAA,SAAOhD,OAAYE,UAAkB+C,UAAU,QAC9CH,SAAA;iBAAAC,KAACG,EAAAA,QAAA,CAAYD,UAAU,cACrBH,SAAA;eAAAK,EAAAA,IAACC,EAAAA,QAAA,CAAIH,UAAU,eACbH,wBAAAK,EAAAA,IAACE,EAAAA,WAAA,CAAWC,KAAK,KAAKC,GAAI,EAAGN,UAAU,mBACpCH,SAAA7C;iBAGLkD,IAACK,EAAAA,SAAWC,eAAa,EAACC,QAASxD,EACjC4C,0BAAAK,IAACQ,EAAAA;qBAIJC,EAAAA,QAAA;iBAEDb,KAACc,EAAAA,QAAA,CAAcZ,UAAU,iBACvBH,SAAA;eAAAC,EAAAA,KAACK,EAAAA,QAAA,CAAIU,EAAG,EAAGC,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBACvDnB,SAAA;eAAAK,MAACE,EAAAA,WAAA,CAAWC,KAAK,KAAKL,UAAU,cAAcH,SAAA;eAGrDK,EAAAA,IAACe,EAAAA,QAAA,CACFC,yBAAShB,IAACC,UAAA,CAAIgB,GAAI,GAAKC,GAAI,GAAKvB,0BAAAK,IAACmB,EAAAA,QAAA,CAAQC,QAAS,MAAAhD,OAAA,EAAAA,EAAkBE,cAAe+C,SApDnE,KACzBhD,EAAqBiD,IAAA,IAChBA,EACHhD,eAAgBgD,EAAahD,iBAE/BR,EAAmB,IACnBa,EAAiBxB,EAAMY,eAAiB,SA+C/BwD,qBACCvB,EAAAA,IAACE,EAAAA,WAAA,CAAWC,KAAK,KAAKL,UAAU,cAAcH,SAAA,yBAMjD1C,kBACC+C,EAAAA,IAAAwB,EAAAA,SAAA,CAEA7B,wBAAAK,EAAAA,IAACC,EAAAA,SAAIgB,GAAI,EAAGnB,UAAU,SAEpBH,wBAAAK,EAAAA,IAACyB,EAAAA,QAAA,CACDC,QAASnD,EACToD,UAAQ,EACRxE,MAAO,MAAAU,OAAA,EAAAA,EAAiBE,cACxBsD,SAAWO,IAAKC,OA5DT1E,EA4DqByE,EAAEE,OAAO3E,MA3D5CiB,EAAiBE,eAClBR,EAAmB,IAAID,EAAgByB,QAAQnC,SAEjDW,EAAmB,IAAID,EAAgBE,cAAcZ,IAJrC,IAACA,GA6DP4E,YACElE,GAAmBA,EAAgBwB,OAC/B,GACA,uBAEN2C,gBAAiBC,GAAKtD,EAAiBsD,SAM1C7E,wBACE,MAAA,CAAI0C,UAAY,mBACfH,wBAAAC,EAAAA,KAACsC,EAAAA,QAAA,CAAUpC,UAAU,0BACnBH,SAAA;eAAAK,EAAAA,IAACmC,EAAAA,QAAA,CAAiBC,0BAAYpC,EAAAA,IAACqC,EAAAA,QAAA,CAAA,GAC7B1C,wBAAAK,EAAAA,IAACE,EAAAA,WAAA,CAAWP;eAEdK,EAAAA,IAACsC,EAAAA,QAAA,CAAiBxC,UAAU,yBAC1BH,wBAAAK,EAAAA,IAACuC,EAAAA,QAAA,CAAKzC,UAAU,iBACbH,SAAA3C,GACCA,EAAM+B,IAAKyD,IACT,MAAMvD,GACJ,MAAAjB,OAAA,EAAAA,EAAWqB,QAAS,IACpB,MAAArB,OAAA,EAAAA,EAAWyE,OAAQzD,GAAcA,EAAKG,KAAOqD,EAAKrD;AACpD,SACES,KAAC8C,EAAAA,QAAA,CAAS7B,WAAW,aACnBlB,SAAA;iBAAAK,IAAC2C,EAAAA,QAAA,CACChD,8BAACiD,EAAAA,OAAA,CAAOC,KAAM,GAAIC,IAAI,SAASC,MAAI;eAErC/C,EAAAA,IAACgD,EAAAA,QAAA,CACClD,UAAU,oBACVmD,QAAST,EAAKU,KACdC,yBACEnD,EAAAA,IAACE,EAAAA,WAAA,CACCkD,UAAU,OACVC,QAAQ,QACRvD,UAAU,uBAETH,SAAA6C,EAAKc,UAIE,SAAbd,EAAK3D,sBACJmB,IAAC,IAAA,CAAEF,UAAU,mBAAoBH,SAAA6C,EAAK3D,sBAEtCmB,EAAAA,IAAC,MAAA,CACCL,wBAAAK,EAAAA,IAACuD,EAAAA,QAAA,CACCzD,UAAU,uBACV3C,OACE,MAAA8B,OAAA,EAAAA,EAAUI,QAAS,EAAIJ,EAAS,GAAGJ,KAAO,GAE5CwC,SAAWO,GAnIlB,EAAC4B,EAAYrE,KACpC,MAAMsE,EAAkBzF,EAAUe,IAAKC,IACjCA,EAAKG,KAAOA,IACdH,EAAKH,KAAO2E,EAAM1B,OAAO3E,OAEpB6B,IAETf,EAAawF,IA6HmBC,CAAiB9B,EAAGY,EAAKrD,IAE3BkE,QAAQ,WAEP1D,SAAAzB,EAAca,IAAKF,kBAClBmB,EAAAA,IAAC2D,EAAAA,QAAA,CACC7D,UAAU,oBACV3C,MAAO0B,EAENc,SAAAd;iBAe7Be,KAAC,MAAA,CAAIE,UAAU,WACbH,SAAA;eAAAK,EAAAA,IAAC4D,EAAAA,QAAA,CACCxC,QAAS1D,EACT2D,SArIe,KACzB1D,GAAaD;eAsILsC,EAAAA,IAAC,MAAA,CAAIF,UAAU,gBAAgBH,SAAA;qBAIlCc,EAAAA,QAAA;iBAEDb,KAACiE,EAAAA,QAAA,CAAc/D,UAAU,iBACvBH,SAAA;eAAAK,EAAAA,IAAC8D,EAAAA,SAAOhE,UAAU,aAAauD,QAAQ,OAAO9C,QAASxD,EAAS4C,SAAA;qBAG/DmE,EAAAA,QAAA,CAAOhE,UAAU,cAAcS,QAzMd,WACxB,WAAIxC,WAAesB,QAAQ,OAC1B,MAAM0E,EAAOC,EAAAA,QAAQjG,EAAe,WAAW0E,UAAUwB,GAC1D,IAAIC,EAAWnG,EACXoG,MAAMC,QAAQL,WAASA,WAAM1E,UAC/B6E,EAAW,OAAA9E,EAAA/B,EAAMqB,YAAN,EAAAU,EAAaqD,OAAO4B,GAAKN,EAAKO,SAASD,EAAElF,MAGtD,MAAMoF,EAAa,CACjBC,YAAa9G,EACbK,cAAe,IAAI,IAAI0G,IAAIP,IAC3B3E,QAAQ,MAAAnB,OAAA,EAAAA,EAAkBE,cAC1BgB,eAAQlB,WAAkBE,eAAc,MAAAP,OAAA,EAAAA,EAAegB,IAAKsF,GAAW,MAAAA,OAAA,EAAAA,EAAGlF,IAAI,IAEhFjC,EAASqH,IA2LyD5E,SAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport {\n Box,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Divider,\n IconButton,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n List,\n ListItem,\n ListItemText,\n ListItemAvatar,\n MenuItem,\n FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n open: boolean;\n title: string;\n onClose: () => void;\n roles?: any;\n toggleSwitch: boolean;\n onSubmit: (selectedUsers: any) => void;\n value?: any;\n isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n isRoleVisible: boolean;\n selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n const {\n open,\n title,\n onClose,\n roles,\n toggleSwitch,\n onSubmit,\n value = {},\n isPeopleAccessVisible = false,\n } = props;\n\n const { share } = useAppSelector((store) => store);\n\n const dispatch = useAppDispatch();\n\n const [isPublic, setIsPublic] = useState(value.isPublic \|\| false);\n const [selectedOptions, setSelectedOptions] = useState(\n value.selectedUsers \|\| [],\n );\n const [roleValue, setRoleValue] = useState([]);\n const [availableRole, setAvailableRole] = useState([]);\n\n const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n isRoleVisible: false,\n selectedUsers: [],\n });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n useEffect(() => {\n const role: any = [];\n const selRole: any = [];\n roles &&\n roles.map((item: any) => {\n const userRole: any = {};\n if (item.role !== \"Owner\") {\n role.push(item.role);\n userRole.id = item.id;\n userRole.role = item.role;\n selRole.push(userRole);\n }\n setAvailableRole(role);\n setRoleValue(selRole);\n });\n }, [roles]);\n\nuseEffect(()=>{\n if(!value?.selectedUsers?.length && !value?.role_id){\n resetOptions()\nreturn\n }\n userDropdownData.isRoleVisible=value.is_role\n setUserDropdownData(userDropdownData)\n setSelectedOptions({\n ...value,\n selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n const handleShareSubmit = () => {\n if(!selectedUsers?.length) return\n const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n let sOptions = selectedUsers\n if( Array.isArray(uIds) && uIds?.length) {\n sOptions = share.users?.filter(u => uIds.includes(u.id))\n \n }\n const sharedData = {\n is_private: !isPublic,\n selectedUsers: [...new Set(sOptions)],\n is_role:userDropdownData?.isRoleVisible,\n role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n };\n onSubmit(sharedData);\n \n };\n\n const resetOptions=()=> {\n setSelectedOptions({\n ...value\n });\n setUserDropdownData((prevData) => ({\n ...prevData,\n selectedUsers: [],\n }));\n };\n\n\n\n const handleRoleChange = (event: any, id: any, user: any) => {\n const changeRole: any = roleValue.map((item: any) => {\n if (item.id === id) {\n item.role = event.target.value;\n }\n return item;\n });\n setRoleValue(changeRole);\n };\n\n const handleToggleChange = () => {\n setUserDropdownData((prevSettings) => ({\n ...prevSettings,\n isRoleVisible: !prevSettings.isRoleVisible,\n }));\n setSelectedOptions([]);\n setSelectedUsers(value.selectedUsers \|\| []);\n };\n\n const handleChage=(value:any)=>{\n if(userDropdownData.isRoleVisible){\n setSelectedOptions({...selectedOptions,role_id:value})\n }\n setSelectedOptions({...selectedOptions,selectedUsers:value})\n }\n\n const toggleMakeItPublic = () => {\n setIsPublic(!isPublic);\n }\n \n useEffect(() => {\n if(!open)resetOptions()\n if (open) {\n dispatch(getAllUserAndDepartmentDropdown());\n }\n // eslint-disable-next-line\n }, [open]);\n\n\n\n return (\n <div>\n <Dialog open={open} onClose={onClose} className=\"share\">\n <DialogTitle className=\"share--head\">\n <Box className=\"share--title\">\n <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n {title}\n </Typography>\n </Box>\n <IconButton disableRipple onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n\n <Divider />\n\n <DialogContent className=\"share--content\">\n <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n <Typography type=\"s3\" className=\"input-label\">\n Add users\n </Typography>\n <FormControlLabel\n control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n label={\n <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n }\n />\n </Box>\n \n\n {toggleSwitch && (\n <>\n \n <Box mb={4} className=\"d-flex\">\n \n <SearchableSelect \n options={filteredOptions}\n multiple\n value={selectedOptions?.selectedUsers}\n onChange={(e) =>handleChage(e.target.value)}\n placeholder={\n selectedOptions && selectedOptions.length\n ? \"\"\n : \"Add people and roles\"\n }\n getSelectedData={row=>setSelectedUsers(row)}\n />\n </Box>\n </>\n )}\n \n {isPeopleAccessVisible && (\n <div className={ \"share--blurClass\"}>\n <Accordion className=\"people-access-accordion\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>People with access</Typography>\n </AccordionSummary>\n <AccordionDetails className=\"user-accordion-details\">\n <List className=\"accordion-list\">\n {roles &&\n roles.map((user: any) => {\n const userRole: any =\n roleValue?.length > 0 &&\n roleValue?.filter((item: any) => item.id === user.id);\n return (\n <ListItem alignItems=\"flex-start\">\n <ListItemAvatar>\n <Avatar size={40} alt=\"Person\" icon />\n </ListItemAvatar>\n <ListItemText\n className=\"primary-user-name\"\n primary={user.name}\n secondary={\n <Typography\n component=\"span\"\n variant=\"body2\"\n className=\"secondary-email-text\"\n >\n {user.email}\n </Typography>\n }\n />\n {user.role == \"Owner\" ? (\n <p className=\"owner-role-badge\">{user.role}</p>\n ) : (\n <div>\n <Select\n className=\"role-edit-select-box\"\n value={\n userRole?.length > 0 ? userRole[0].role : \"\"\n }\n onChange={(e: any) =>\n handleRoleChange(e, user.id, user)\n }\n variant=\"outlined\"\n >\n {availableRole.map((role: any) => (\n <MenuItem\n className=\"select-menu-items\"\n value={role}\n >\n {role}\n </MenuItem>\n ))}\n </Select>\n </div>\n )}\n </ListItem>\n );\n })}\n </List>\n </AccordionDetails>\n </Accordion>\n </div>\n )}\n\n <div className=\"checkbox\">\n <Checkbox\n checked={isPublic}\n onChange={toggleMakeItPublic}\n />\n <div className=\"checkbox-text\">Make it public</div>\n </div>\n </DialogContent>\n\n <Divider />\n\n <DialogActions className=\"share--actions\">\n <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n Cancel\n </Button>\n <Button className=\"success-btn\" onClick={handleShareSubmit}>\n Save and Share\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n\nexport { SharePopUp };\nexport default SharePopUp;\n"],"names":["SharePopUp","props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}

package/dist/components/share-modal/share-modal-enhanced/index.esm.js CHANGED Viewed

@@ -2,15 +2,15 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 /* empty css                            */
 import { useState, useMemo, useEffect } from "react";
-import Toggle from "../../toggle/toggle/index.esm.js";
+import { Toggle } from "../../toggle/toggle/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
 import { flatMap } from "lodash";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -282,6 +282,7 @@ const SharePopUpEnhanced = (props) => {
   ] }) });
 };
 export {
+  SharePopUpEnhanced,
   SharePopUpEnhanced as default
 };
 //# sourceMappingURL=index.esm.js.map