@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/select/controller/chip-or-placeholder/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { Close } from "@mui/icons-material";
 import Chip from "../../../chip/chip/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
+import Close from "../../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 const ChipOrPlaceholder = ({
   data,
   placeholder,

package/dist/components/select/controller/chip-or-placeholder/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),t=require("../../../chip/chip/index.js"),o=require("../../../typography/typography/index.js");exports.default=({data:i,placeholder:l,onDelete:a,chipProps:n})=>/* @__PURE__ */e.jsx(e.Fragment,{children:i.length?/* @__PURE__ */e.jsx(t.default,{variant:"outlined",type:"normal",label:`${i.length} Selected`,deleteIcon:/* @__PURE__ */e.jsx(r.Close,{fontSize:"large"}),onDelete:a,onMouseDown:e=>e.stopPropagation(),...n}):/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s3",children:l})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../chip/chip/index.js"),t=require("../../../typography/typography/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Close/index.js");exports.default=({data:i,placeholder:l,onDelete:n,chipProps:a})=>/* @__PURE__ */e.jsx(e.Fragment,{children:i.length?/* @__PURE__ */e.jsx(r.default,{variant:"outlined",type:"normal",label:`${i.length} Selected`,deleteIcon:/* @__PURE__ */e.jsx(o.default,{fontSize:"large"}),onDelete:n,onMouseDown:e=>e.stopPropagation(),...a}):/* @__PURE__ */e.jsx(t.Typography,{color:"inherit",type:"s3",children:l})});
 //# sourceMappingURL=index.js.map

package/dist/components/select/controller/chip-or-placeholder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/chip-or-placeholder.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { ChipProps } from \"@mui/material\";\r\nimport Chip from \"../../chip/chip\";\r\nimport Typography from \"../../typography/typography\";\r\n\r\ninterface ChipOrPlaceholderProps {\r\n  data: string[];\r\n  placeholder: string;\r\n  onDelete?: () => void;\r\n  chipProps?: Omit<ChipProps, \"label\">;\r\n}\r\n\r\nconst ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps> = ({\r\n  data,\r\n  placeholder,\r\n  onDelete,\r\n  chipProps,\r\n}) => (\r\n  <>\r\n    {data.length ? (\r\n      <Chip\r\n        variant=\"outlined\"\r\n        type=\"normal\"\r\n        label={`${data.length} Selected`}\r\n        deleteIcon={<Close fontSize=\"large\" />}\r\n        onDelete={onDelete}\r\n        onMouseDown={(event) => event.stopPropagation()}\r\n        {...chipProps}\r\n      />\r\n    ) : (\r\n      <Typography color=\"inherit\" type=\"s3\">\r\n        {placeholder}\r\n      </Typography>\r\n    )}\r\n  </>\r\n);\r\n\r\nexport default ChipOrPlaceholder;\r\n"],"names":["data","placeholder","onDelete","chipProps","jsx","Fragment","children","length","Chip","variant","type","label","deleteIcon","Close","fontSize","onMouseDown","event","stopPropagation","Typography","color"],"mappings":"sPAY4D,EAC1DA,OACAC,cACAC,WACAC,8BAEAC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,WAAKC,sBACJH,EAAAA,IAACI,EAAAA,QAAA,CACCC,QAAQ,WACRC,KAAK,SACLC,MAAO,GAAGX,EAAKO,kBACfK,4BAAYR,IAACS,EAAAA,MAAA,CAAMC,SAAS,UAC5BZ,WACAa,YAAcC,GAAUA,EAAMC,qBAC1Bd,yBAGLe,aAAA,CAAWC,MAAM,UAAUT,KAAK,KAC9BJ"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/chip-or-placeholder.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { ChipProps } from \"@mui/material\";\r\nimport Chip from \"../../chip/chip\";\r\nimport Typography from \"../../typography/typography\";\r\n\r\ninterface ChipOrPlaceholderProps {\r\n  data: string[];\r\n  placeholder: string;\r\n  onDelete?: () => void;\r\n  chipProps?: Omit<ChipProps, \"label\">;\r\n}\r\n\r\nconst ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps> = ({\r\n  data,\r\n  placeholder,\r\n  onDelete,\r\n  chipProps,\r\n}) => (\r\n  <>\r\n    {data.length ? (\r\n      <Chip\r\n        variant=\"outlined\"\r\n        type=\"normal\"\r\n        label={`${data.length} Selected`}\r\n        deleteIcon={<Close fontSize=\"large\" />}\r\n        onDelete={onDelete}\r\n        onMouseDown={(event) => event.stopPropagation()}\r\n        {...chipProps}\r\n      />\r\n    ) : (\r\n      <Typography color=\"inherit\" type=\"s3\">\r\n        {placeholder}\r\n      </Typography>\r\n    )}\r\n  </>\r\n);\r\n\r\nexport default ChipOrPlaceholder;\r\n"],"names":["data","placeholder","onDelete","chipProps","jsx","Fragment","children","length","Chip","variant","type","label","deleteIcon","Close","fontSize","onMouseDown","event","stopPropagation","Typography","color"],"mappings":"kSAY4D,EAC1DA,OACAC,cACAC,WACAC,8BAEAC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,WAAKC,sBACJH,EAAAA,IAACI,EAAAA,QAAA,CACCC,QAAQ,WACRC,KAAK,SACLC,MAAO,GAAGX,EAAKO,kBACfK,4BAAYR,IAACS,EAAAA,QAAA,CAAMC,SAAS,UAC5BZ,WACAa,YAAcC,GAAUA,EAAMC,qBAC1Bd,yBAGLe,aAAA,CAAWC,MAAM,UAAUT,KAAK,KAC9BJ"}

package/dist/components/select/controller/controller-select/index.esm.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import { FormHelperText, MenuItem, Box } from "@mui/material";
 import Select from "../../select/index.esm.js";
 import Checkbox from "../../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
@@ -8,6 +7,9 @@ import Chip from "../../../chip/chip/index.esm.js";
 import { MoreIcon } from "../../../icons/more/index.esm.js";
 import ChipOrPlaceholder from "../chip-or-placeholder/index.esm.js";
 /* empty css                                  */
+import FormHelperText from "../../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const SelectedItems = ({
   data,
   options

package/dist/components/select/controller/controller-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.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":[],"mappings":"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"}
+{"version":3,"file":"index.esm.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":[],"mappings":"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"}

package/dist/components/select/controller/controller-select/index.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react-hook-form"),r=require("@mui/material"),a=,/* empty css                  */o=,/* empty css                                */n=,/* empty css                                    */i=,/* empty css                        */s=,/* empty css                         */t=;/* empty css                            */;/* empty css                               */const d=({data:l,options:r})=>{const a=l.map(e=>{var l;return(null==(l=r.find(l=>l.value===e))?void 0:l.text)||e});/* @__PURE__ */
-return e.jsxs(n.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[a.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(i.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(s.MoreIcon,{})})]})},u=({options:l,multiple:a,placeholder:i,with_checkboxes:s,onChange:t,values:d})=>{const u=[];return a||u.push(
-/* @__PURE__ */e.jsx(r.MenuItem,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx("em",{children:i})})),l.forEach(l=>{u.push(
-/* @__PURE__ */e.jsx(r.MenuItem,{value:l.value,className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1},children:[a&&s&&
-/* @__PURE__ */e.jsx(o.default,{checked:(null==d?void 0:d.indexOf(l.value))>-1,onChange:()=>((e,l)=>{const r=l.map(e=>e.value),a=d.includes(e)?d.filter(l=>l!==e&&!r.includes(l)):[...d,e,...r];t(a)})(l.value,l.options||[])}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:l.text})]})})),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(l=>{u.push(
-/* @__PURE__ */e.jsx(r.MenuItem,{value:l.value,sx:{pl:5},children:/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1},children:[a&&s&&/* @__PURE__ */e.jsx(o.default,{checked:(null==d?void 0:d.indexOf(l.value))>-1}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:l.text})]})}))})}),u};exports.default=({name:o,fieldArrayName:n,options:i,label:s,placeholder:c,formControl:h,position:p,required:x,size:v="small",multiple:m,disabled:j,searchPlaceholder:y,handleSearch:f,classes:g,with_checkboxes:b,onChipRemove:q})=>/* @__PURE__ */e.jsx(l.Controller,{control:h,name:`${n}.${o}`,render:({field:l,fieldState:{error:h}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(a.default,{fullWidth:!0,name:o,dataPosition:p,dataName:`${n}.${o}`,placeholder:c,label:s,value:l.value||(m?[]:""),defaultValue:"",onChange:e=>{var r,a,o;return m&&(null==(a=null==(r=e.target)?void 0:r.value.filter(e=>e))?void 0:a.length)>0||!m&&(null==(o=e.target)?void 0:o.value)?l.onChange(e.target.value):l.onChange("")},required:Boolean(x),size:v,multiple:Boolean(m),disabled:Boolean(j),searchPlaceholder:y,handleSearch:f,className:g,variant:"outlined",error:Boolean(h),renderValue:l=>/* @__PURE__ */e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(t.default,{data:l,placeholder:c,onDelete:q}):l||c}),children:u({options:i,multiple:Boolean(m),placeholder:c,values:l.value,with_checkboxes:Boolean(b),onChange:l.onChange})}),h&&/* @__PURE__ */e.jsx(r.FormHelperText,{error:!0,children:h.message}),m&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(d,{data:l.value,options:i})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react-hook-form"),r=,/* empty css                  */a=,/* empty css                                */o=,/* empty css                                    */i=,/* empty css                        */n=,/* empty css                         */s=;/* empty css                            */;/* empty css                               */var t=,/* empty css                                                                          */d=,/* empty css                                                              */u=;/* empty css                                                    */const c=({data:l,options:r})=>{const a=l.map(e=>{var l;return(null==(l=r.find(l=>l.value===e))?void 0:l.text)||e});/* @__PURE__ */
+return e.jsxs(o.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[a.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(i.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(n.MoreIcon,{})})]})},h=({options:l,multiple:r,placeholder:i,with_checkboxes:n,onChange:s,values:t})=>{const c=[];return r||c.push(
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx("em",{children:i})})),l.forEach(l=>{c.push(
+/* @__PURE__ */e.jsx(d.default,{value:l.value,className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(u.default,{sx:{display:"flex",gap:1},children:[r&&n&&
+/* @__PURE__ */e.jsx(a.default,{checked:(null==t?void 0:t.indexOf(l.value))>-1,onChange:()=>((e,l)=>{const r=l.map(e=>e.value),a=t.includes(e)?t.filter(l=>l!==e&&!r.includes(l)):[...t,e,...r];s(a)})(l.value,l.options||[])}),
+/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"inherit",children:l.text})]})})),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(l=>{c.push(
+/* @__PURE__ */e.jsx(d.default,{value:l.value,sx:{pl:5},children:/* @__PURE__ */e.jsxs(u.default,{sx:{display:"flex",gap:1},children:[r&&n&&/* @__PURE__ */e.jsx(a.default,{checked:(null==t?void 0:t.indexOf(l.value))>-1}),
+/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"inherit",children:l.text})]})}))})}),c};exports.default=({name:a,fieldArrayName:o,options:i,label:n,placeholder:d,formControl:u,position:p,required:x,size:m="small",multiple:v,disabled:j,searchPlaceholder:f,handleSearch:y,classes:g,with_checkboxes:q,onChipRemove:b})=>/* @__PURE__ */e.jsx(l.Controller,{control:u,name:`${o}.${a}`,render:({field:l,fieldState:{error:u}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,name:a,dataPosition:p,dataName:`${o}.${a}`,placeholder:d,label:n,value:l.value||(v?[]:""),defaultValue:"",onChange:e=>{var r,a,o;return v&&(null==(a=null==(r=e.target)?void 0:r.value.filter(e=>e))?void 0:a.length)>0||!v&&(null==(o=e.target)?void 0:o.value)?l.onChange(e.target.value):l.onChange("")},required:Boolean(x),size:m,multiple:Boolean(v),disabled:Boolean(j),searchPlaceholder:f,handleSearch:y,className:g,variant:"outlined",error:Boolean(u),renderValue:l=>/* @__PURE__ */e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(s.default,{data:l,placeholder:d,onDelete:b}):l||d}),children:h({options:i,multiple:Boolean(v),placeholder:d,values:l.value,with_checkboxes:Boolean(q),onChange:l.onChange})}),u&&/* @__PURE__ */e.jsx(t.default,{error:!0,children:u.message}),v&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(c,{data:l.value,options:i})]})});
 //# sourceMappingURL=index.js.map

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

@@ -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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"}
+{"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

@@ -1,10 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { styled, Box, CircularProgress, FormHelperText, Select as Select$1 } from "@mui/material";
 import { Typography } from "../../typography/typography/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";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { ArrowDown } from "../../icons/arrow-down/index.esm.js";
+import FormHelperText from "../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.esm.js";
+import Select$1 from "../../../node_modules/@mui/material/Select/Select/index.esm.js";
 const StyledSelect = styled(Select$1)(({ theme: { palette } }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   return {

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

@@ -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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"}
+{"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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"}

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

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

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

@@ -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":"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"}
+{"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":"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"}

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

@@ -1,7 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, InputAdornment, TextField } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
+import default_1 from "../../../node_modules/@mui/icons-material/Search/index.esm.js";
 import { forwardRef } from "react";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import TextField from "../../../node_modules/@mui/material/TextField/TextField/index.esm.js";
 const StyledSearch = styled(TextField)(({ theme: { palette } }) => {
   var _a, _b;
   return {
@@ -40,7 +42,7 @@ const SelectSearch = forwardRef(
       fullWidth: true,
       variant: "outlined",
       InputProps: {
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small" }) })
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
       },
       ...rest
     }

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

@@ -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":[],"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,oBAAC,YAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@mui/icons-material/Search"),d=require("react");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */i(t);const o=r.styled(r.TextField)(({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=d.forwardRef(({searchPlaceholder:t,handleSearch:d,value:i,...u},l)=>/* @__PURE__ */e.jsx(o,{inputRef:l,placeholder:t,onChange:d,value:i,fullWidth:!0,variant:"outlined",InputProps:{startAdornment:/* @__PURE__ */e.jsx(r.InputAdornment,{position:"start",children:/* @__PURE__ */e.jsx(n.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.default=u;
 //# sourceMappingURL=index.js.map

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

@@ -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":"+RAMA,MAAMA,EAAeC,EAAAA,OAAOC,YAAPD,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,iBAAA,CAAeC,SAAS,QACvBC,wBAAAV,EAAAA,IAACW,EAAAA,QAAA,CAAWvB,SAAS,gBAIvBU"}
+{"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"}

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Dialog, DialogTitle, Box, IconButton, Divider, DialogContent, FormControlLabel, Accordion, AccordionSummary, AccordionDetails, List, ListItem, ListItemAvatar, ListItemText, MenuItem, DialogActions } from "@mui/material";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import CloseIcon from "@mui/icons-material/Close";
+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 { Avatar } from "../../avatar/avatar/index.esm.js";
@@ -14,6 +13,22 @@ 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 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";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import FormControlLabel from "../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Accordion from "../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
+import AccordionSummary from "../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.esm.js";
+import AccordionDetails from "../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.esm.js";
+import List from "../../../node_modules/@mui/material/List/List/index.esm.js";
+import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";
+import ListItemAvatar from "../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.esm.js";
+import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const SharePopUp = (props) => {
   const {
     open,
@@ -127,7 +142,7 @@ const SharePopUp = (props) => {
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "share", children: [
     /* @__PURE__ */ jsxs(DialogTitle, { className: "share--head", children: [
       /* @__PURE__ */ jsx(Box, { className: "share--title", children: /* @__PURE__ */ jsx(Typography, { type: "s3", ml: 1, className: "dialog-box-title", children: title }) }),
-      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, children: /* @__PURE__ */ jsx(default_1, {}) })
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsxs(DialogContent, { className: "share--content", children: [
@@ -153,7 +168,7 @@ const SharePopUp = (props) => {
         }
       ) }) }),
       isPeopleAccessVisible && /* @__PURE__ */ jsx("div", { className: "share--blurClass", children: /* @__PURE__ */ jsxs(Accordion, { className: "people-access-accordion", children: [
-        /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(Typography, { children: "People with access" }) }),
+        /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(default_1$1, {}), children: /* @__PURE__ */ jsx(Typography, { children: "People with access" }) }),
         /* @__PURE__ */ jsx(AccordionDetails, { className: "user-accordion-details", children: /* @__PURE__ */ jsx(List, { className: "accordion-list", children: roles && roles.map((user) => {
           const userRole = (roleValue == null ? void 0 : roleValue.length) > 0 && (roleValue == null ? void 0 : roleValue.filter((item) => item.id === user.id));
           return /* @__PURE__ */ jsxs(ListItem, { alignItems: "flex-start", children: [

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

@@ -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"],"mappings":"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"}
+{"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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"}