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

@erpsquad/common 1.8.44 → 1.8.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1448) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n \"&.MuiTextField-root\": {\n backgroundColor: palette.theme?.secondary[200],\n borderRadius: \"0.5rem\",\n padding: \"0.375rem 0.75rem\",\n },\n \"& .MuiOutlinedInput-input\": {\n fontSize: \"0.875rem\",\n padding: \"0rem\",\n paddingLeft: \"1.375rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: \"none\",\n },\n}));\n\ninterface ISearchBar {\n placeholder?: string;\n handleSearch: (key: string) => void;\n debounceTime?: number;\n className?: string;\n InputProps?: any;\n sx?: SxProps<Theme>;\n isDrivePage?: boolean;\n searchText?:string\n}\n\nconst SearchBar = ({\n handleSearch,\n debounceTime = 300,\n className,\n InputProps,\n isDrivePage,\n searchText,\n value = '',\n ...rest\n}: ISearchBar) => {\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const debouncedSearchRef = useRef<(value: string) => void>();\n\n // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n useEffect(() => {\n const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") \|\| \"\" : \"\";\n setSearchTerm(initialSearchTerm);\n\n // Set `localStorage` to an empty string on the first render\n if (isDrivePage) {\n localStorage.setItem(\"searchTerm\", \"\");\n }\n }, [isDrivePage]);\n\n useEffect(() => {\n setSearchTerm((typeof searchText=='string' && searchText) \|\| '')\n }, [searchText])\n\n // Initialize the debounced function only once\n useEffect(() => {\n debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n \n // Cleanup function to cancel debounced call on component unmount\n return () => {\n debouncedSearchRef.current?.cancel();\n };\n }, [handleSearch, debounceTime]);\n\n useEffect(() => {\n setSearchTerm(value \|\| '')\n }, [])\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n setSearchTerm(value);\n if (isDrivePage) {\n localStorage.setItem(\"searchTerm\", value);\n }\n\n // Call the debounced search function\n if (debouncedSearchRef.current) {\n debouncedSearchRef.current(value);\n }\n };\n\n const handleKeyDown = (event: any) => {\n event.stopPropagation();\n };\n\n const handleClick = (event: any) => {\n event.stopPropagation();\n };\n\n return (\n <div className={`${className} search-wrapper`}>\n <StyledSearch\n fullWidth\n className=\"s3\"\n value={searchTerm}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n autoComplete=\"off\"\n InputProps={InputProps}\n {...rest}\n />\n <span className=\"search-icon\">\n {\n searchTerm ?\n <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n }\n </span>\n {/ <img src={images.search} alt=\"search icon\" /> */}\n </div>\n );\n};\n\nexport default SearchBar;\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"waASA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,~~2BAeM~~,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,~~OAAAR~~,~~EAAAkB~~,EAAmBO,~~UAAnBzB~~,~~EAA4B2B~~,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,~~IAACpC~~,EAAA,~~CACCqC~~,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,~~CAAapC~~,SAAS,~~QAAQqC~~,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,~~CAAOvC~~,SAAS,~~QAAQqC~~,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n \"&.MuiTextField-root\": {\n backgroundColor: palette.theme?.secondary[200],\n borderRadius: \"0.5rem\",\n padding: \"0.375rem 0.75rem\",\n },\n \"& .MuiOutlinedInput-input\": {\n fontSize: \"0.875rem\",\n padding: \"0rem\",\n paddingLeft: \"1.375rem\",\n },\n \".MuiOutlinedInput-notchedOutline\": {\n border: \"none\",\n },\n}));\n\ninterface ISearchBar {\n placeholder?: string;\n handleSearch: (key: string) => void;\n debounceTime?: number;\n className?: string;\n InputProps?: any;\n sx?: SxProps<Theme>;\n isDrivePage?: boolean;\n searchText?:string\n}\n\nconst SearchBar = ({\n handleSearch,\n debounceTime = 300,\n className,\n InputProps,\n isDrivePage,\n searchText,\n value = '',\n ...rest\n}: ISearchBar) => {\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const debouncedSearchRef = useRef<(value: string) => void>();\n\n // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n useEffect(() => {\n const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") \|\| \"\" : \"\";\n setSearchTerm(initialSearchTerm);\n\n // Set `localStorage` to an empty string on the first render\n if (isDrivePage) {\n localStorage.setItem(\"searchTerm\", \"\");\n }\n }, [isDrivePage]);\n\n useEffect(() => {\n setSearchTerm((typeof searchText=='string' && searchText) \|\| '')\n }, [searchText])\n\n // Initialize the debounced function only once\n useEffect(() => {\n debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n \n // Cleanup function to cancel debounced call on component unmount\n return () => {\n debouncedSearchRef.current?.cancel();\n };\n }, [handleSearch, debounceTime]);\n\n useEffect(() => {\n setSearchTerm(value \|\| '')\n }, [])\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n setSearchTerm(value);\n if (isDrivePage) {\n localStorage.setItem(\"searchTerm\", value);\n }\n\n // Call the debounced search function\n if (debouncedSearchRef.current) {\n debouncedSearchRef.current(value);\n }\n };\n\n const handleKeyDown = (event: any) => {\n event.stopPropagation();\n };\n\n const handleClick = (event: any) => {\n event.stopPropagation();\n };\n\n return (\n <div className={`${className} search-wrapper`}>\n <StyledSearch\n fullWidth\n className=\"s3\"\n value={searchTerm}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n autoComplete=\"off\"\n InputProps={InputProps}\n {...rest}\n />\n <span className=\"search-icon\">\n {\n searchTerm ?\n <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n }\n </span>\n {/ <img src={images.search} alt=\"search icon\" /> */}\n </div>\n );\n};\n\nexport { SearchBar };\nexport default SearchBar;\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","SearchBar","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"waASA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,WAeNC,EAAY,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,OAAAT,EAAAmB,EAAmBO,UAAnB1B,EAA4B4B,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,IAACrC,EAAA,CACCsC,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,CAAarC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,CAAOxC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}

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

@@ -11,4 +11,5 @@ interface ISearchBar {
     searchText?: string;
 }
 declare const SearchBar: ({ handleSearch, debounceTime, className, InputProps, isDrivePage, searchText, value, ...rest }: ISearchBar) => import("react/jsx-runtime").JSX.Element;
+export { SearchBar };
 export default SearchBar;

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useCallback, useEffect } from "react";
-import Select from "../select/select/index.esm.js";
-import Checkbox from "../checkbox/checkbox/index.esm.js";
+import { Select } from "../select/select/index.esm.js";
+import { Checkbox } from "../checkbox/checkbox/index.esm.js";
 import { Typography } from "../typography/typography/index.esm.js";
 import { sortBy, debounce } from "lodash";
 import { fetchApi } from "../../utils/api/index.esm.js";

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

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../select/select/index.js"),i=require("../checkbox/checkbox/index.js"),n=require("../typography/typography/index.js"),r=require("lodash"),o=require("../../utils/api/index.js"),t=require("../form-control/form-builder/form-builder-element/chip-or-placeholder/index.js"),s=require("../../hooks/useLangauge/index.js"),u=require("react-i18next"),d=require("../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),c=require("../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),v=require("../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.js"),p=require("../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),f=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../icons/close/index.js"),m=require("../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../node_modules/@mui/icons-material/esm/Add/index.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(l);const j=({options:l,multiple:a,placeholder:r,with_checkboxes:o,values:t,field:s,disabledIds:u,handleClear:h,handleChange:v,hasParent:p=!1})=>{const f=e=>null==u?void 0:u.includes(e),y=[];a||y.push(
 /* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:r})})},"placeholder"));const x=Array.isArray(t)?null==t?void 0:t.filter(e=>e):[],b=(e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x];return a.every(e=>i.includes(e))},j=e=>{const l=e.map(e=>e.value),a=Array.isArray(x)?x:[x];return l.some(e=>a.includes(e))};return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==l||l.forEach(l=>{y.push(
-/* @__PURE__ */e.jsx(d.default,{value:null==l?void 0:l.value,disabled:Boolean(null==l?void 0:l.disabled)||f(null==l?void 0:l.value),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.default,{checked:p?b(l.value,l.options||[]):Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(null==l?void 0:l.value))>-1),indeterminate:p&&j(l.options||[]),onChange:()=>p?((e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x],n=i.includes(e)?i.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...i,e,...a])];null==v||v(n)})(l.value,l.options||[]):null==v?void 0:v(l.value)}),
+/* @__PURE__ */e.jsx(d.default,{value:null==l?void 0:l.value,disabled:Boolean(null==l?void 0:l.disabled)||f(null==l?void 0:l.value),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.Checkbox,{checked:p?b(l.value,l.options||[]):Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(null==l?void 0:l.value))>-1),indeterminate:p&&j(l.options||[]),onChange:()=>p?((e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x],n=i.includes(e)?i.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...i,e,...a])];null==v||v(n)})(l.value,l.options||[]):null==v?void 0:v(l.value)}),
 /* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(l.value),children:null==l?void 0:l.label})]})},null==l?void 0:l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(r=>{y.push(
-/* @__PURE__ */e.jsx(d.default,{value:r.value,disabled:Boolean(r.disabled)||f(r.value),sx:{pl:5},onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.default,{checked:Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(r.value))>-1)}),
+/* @__PURE__ */e.jsx(d.default,{value:r.value,disabled:Boolean(r.disabled)||f(r.value),sx:{pl:5},onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.Checkbox,{checked:Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(r.value))>-1)}),
 /* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(String(r.value)),children:"Payment Entries"==r.label?"Payment and Collection Entries":r.label||r.value})]})},`${l.value}-${r.value}`))})})),s.enable_footer&&y.push(
 /* @__PURE__ */e.jsxs(c.default,{children:[
 /* @__PURE__ */e.jsx(m.default,{flexItem:!0}),
 /* @__PURE__ */e.jsxs(d.default,{sx:{gap:1},onClick:s.onFooterClick,children:[
 /* @__PURE__ */e.jsx(g.default,{fontSize:"small"}),
 /* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",s.label]})]})]},"footer")),y.length&&(1!=y.length||a)||y.push(
-/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:"No data available"},"no-data")),y};exports.default=i=>{const{labelId:n,label:m,value:g,onChange:x,options:C,multiple:A=!1,size:S="small",searchPlaceholder:M,placeholder:k,name:q,defaultValue:w,apiType:L,isInternal:I=!1,autoFocus:O,error:_,disabled:N,customeFilter:B,attributes:P,getSelectedData:E,disabledIds:J,onChipRemove:T,selectedLabel:z,is_loading:D,customStyle:F={},CustomDropDownIcon:K,labelKey:V,valueKey:H,inputStyle:W,hasParent:G=!1,sortOrder:R="id:-1",handleChange:$,enable_footer:Q=!1,onFooterClick:U,showCancelButton:X=!0}=i,[Y,Z]=l.useState(""),[ee,le]=l.useState(!1),[ae,ie]=l.useState([]),[ne,re]=l.useState([]),[oe,te]=l.useState(!1),[se,ue]=l.useState(!1),[de,ce]=l.useState(!1),[he,ve]=l.useState(!1),[pe,fe]=l.useState(null),{t:ye}=u.useTranslation(),[me,ge]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:xe}=s.useLanguage(),be=l.useMemo(()=>I||!L,[I,L]),je=l.useCallback((e,l)=>{if(!e)return C||[];const a=e.toLowerCase(),i=G?(null==C?void 0:C.reduce((e,l)=>{var i;const n=null==(i=l.options)?void 0:i.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==n?void 0:n.length)&&e.push({...l,options:n}),e},[]))||[]:(null==C?void 0:C.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return Se(i,l)},[C,G]),Ce=()=>{x({target:{value:A?[]:null}}),E&&"function"==typeof E&&E(null)},Ae=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),Se=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),Me=l.useMemo(()=>be?je(Y,g):Se(Ae([...ae,...ne]),g),[Y,ae,C,g,be,ne,je,Se,Ae]),ke=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:i}=e.currentTarget;if(a-l<=i+10&&me.hasMore&&!me.isLoadingMore&&!be){const e=me.page+1;we(Y,B,e,!0)}},[me.hasMore,me.isLoadingMore,me.page,be,Y,JSON.stringify(B)]),qe=l.useCallback((e,l=!1)=>{const a=Ae([...l?ae:ne,...e]);ie(a)},[ae,ne,Ae]),we=l.useCallback(async(e="",l=B,a=1,i=!1)=>{if(!L)return[];le(!0),a>1&&ge(e=>({...e,isLoadingMore:!0}));try{const{data:n=[],pagination:r={}}=await o.fetchApi({apiKey:L,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:P,order:R},labelKey:V,valueKey:H});return n&&Array.isArray(n)&&(qe(n,i),ge(e=>({...e,page:a,hasMore:(null==r?void 0:r.totalCount)>25*a,total:null==r?void 0:r.totalCount,isLoadingMore:!1})),(null==n?void 0:n.length)>0&&Oe()),n||[]}catch(n){return ge(e=>({...e,isLoadingMore:!1})),[]}finally{le(!1)}},[L,P,R,25,qe]),Le=l.useMemo(()=>r.debounce(async e=>{ee||(e||be||!de||(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we("",B,1,!1)),(null==e?void 0:e.length)>1&&!be&&(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we(e,B,1,!1)))},700),[be,de,JSON.stringify(B)]),Ie=l.useCallback(async()=>{!(JSON.stringify(B)!==JSON.stringify(pe))||be||oe||(fe(B),ie([]),te(!1),ge({page:1,hasMore:!0,isLoadingMore:!1,total:0})),be||oe||(await we(Y,B,1,!1),te(!0))},[JSON.stringify(B),be,oe]),Oe=l.useCallback(()=>{let e=!1;const l=null==Me?void 0:Me.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==E||E(A?l:l[0]),e=!0),e},[Me,g,A,E]),_e=l.useCallback(async()=>{if(he)return;if(await Oe())return;const e=A?g&&(null==g?void 0:g.filter(e=>Boolean(Number(e)))):Number(g)?g:null;(A?(null==e?void 0:e.length)>0:e)&&!be&&(ue(!0),await we("",{...B,"&id.in":e},1,!1),ue(!1))},[he,g,JSON.stringify(B)]),Ne=A?Array.isArray(g)&&g.length>0:null!=g&&""!==g;return l.useEffect(()=>(he&&Le(Y),()=>Le.cancel()),[Y,JSON.stringify(B),he,oe,Le]),l.useEffect(()=>{Oe()},[Oe]),l.useEffect(()=>{_e()},[_e]),l.useEffect(()=>{he&&Ie()},[he,Ie]),l.useEffect(()=>{const e=JSON.stringify(B)!==JSON.stringify(pe);B&&e&&te(!1)},[B,pe]),l.useEffect(()=>{if(g&&!he){const e=(null==C?void 0:C.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))||[];re(e)}re(null==Me?void 0:Me.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))},[g,he,C,A]),/* @__PURE__ */e.jsxs(a.default,{labelId:n,name:q,defaultValue:w||(A?[]:""),placeholder:k,className:"filter-select",size:S,onOpen:()=>ve(!0),onClose:()=>{ve(!1),(null==Y?void 0:Y.length)>0&&te(!1),ce(!1),Z("")},onChange:e=>{const{value:l}=e.target;if(A&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==Me?void 0:Me.filter(e=>A?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);x(e,A?a:null==a?void 0:a[0])},showCancelButton:X,multiple:A,label:ye(m),fullWidth:!0,displayEmpty:!0,autoFocus:O,error:Boolean(_),disabled:N,value:se?A?[]:"":(null==g?void 0:g.id)||g||(A?[]:""),searchPlaceholder:M,CustomDropdownIcon:K,sx:A&&(null==g?void 0:g.length)?{...F,"& .MuiSelect-select":{padding:"5.5px !important"}}:F,MenuProps:{PaperProps:{onScroll:ke,style:{maxHeight:295,maxWidth:250}}},input:N?void 0:/* @__PURE__ */e.jsx(v.default,{label:"",sx:W,endAdornment:/* @__PURE__ */e.jsx(p.default,{position:"end",children:ee||D?/* @__PURE__ */e.jsx(h.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):X&&Ne&&/* @__PURE__ */e.jsx(f.default,{"aria-label":"clear selection",onClick:Ce,edge:"end",sx:xe?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(y.Close,{fontSize:"small",sx:{color:"theme.primary.800"}})})})}),renderValue:l=>{var a,i;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(t.default,{selectedLabel:z,data:(i=l,Array.isArray(i)&&(null==i?void 0:i.length)>0&&(null==i?void 0:i.filter(e=>e))),placeholder:k,onDelete:T,disabled:N,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(Me)&&(null==Me?void 0:Me.length)>0&&(null==(a=null==Me?void 0:Me.find(e=>(null==e?void 0:e.value)==g))?void 0:a.label)||l||k})},handleSearch:e=>{Z(e),ce(!0)},children:[j({options:Me,multiple:Boolean(A),placeholder:k,values:g,with_checkboxes:!0,field:{enable_footer:Q,onFooterClick:U,label:m},disabledIds:J,handleClear:Ce,handleChange:$,hasParent:G}),me.isLoadingMore&&/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(h.default,{size:20})})})]})};
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:"No data available"},"no-data")),y};exports.default=i=>{const{labelId:n,label:m,value:g,onChange:x,options:C,multiple:A=!1,size:S="small",searchPlaceholder:k,placeholder:M,name:q,defaultValue:w,apiType:L,isInternal:I=!1,autoFocus:O,error:_,disabled:N,customeFilter:B,attributes:P,getSelectedData:E,disabledIds:J,onChipRemove:T,selectedLabel:z,is_loading:D,customStyle:F={},CustomDropDownIcon:K,labelKey:V,valueKey:H,inputStyle:W,hasParent:G=!1,sortOrder:R="id:-1",handleChange:$,enable_footer:Q=!1,onFooterClick:U,showCancelButton:X=!0}=i,[Y,Z]=l.useState(""),[ee,le]=l.useState(!1),[ae,ie]=l.useState([]),[ne,re]=l.useState([]),[oe,te]=l.useState(!1),[se,ue]=l.useState(!1),[de,ce]=l.useState(!1),[he,ve]=l.useState(!1),[pe,fe]=l.useState(null),{t:ye}=u.useTranslation(),[me,ge]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:xe}=s.useLanguage(),be=l.useMemo(()=>I||!L,[I,L]),je=l.useCallback((e,l)=>{if(!e)return C||[];const a=e.toLowerCase(),i=G?(null==C?void 0:C.reduce((e,l)=>{var i;const n=null==(i=l.options)?void 0:i.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==n?void 0:n.length)&&e.push({...l,options:n}),e},[]))||[]:(null==C?void 0:C.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return Se(i,l)},[C,G]),Ce=()=>{x({target:{value:A?[]:null}}),E&&"function"==typeof E&&E(null)},Ae=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),Se=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),ke=l.useMemo(()=>be?je(Y,g):Se(Ae([...ae,...ne]),g),[Y,ae,C,g,be,ne,je,Se,Ae]),Me=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:i}=e.currentTarget;if(a-l<=i+10&&me.hasMore&&!me.isLoadingMore&&!be){const e=me.page+1;we(Y,B,e,!0)}},[me.hasMore,me.isLoadingMore,me.page,be,Y,JSON.stringify(B)]),qe=l.useCallback((e,l=!1)=>{const a=Ae([...l?ae:ne,...e]);ie(a)},[ae,ne,Ae]),we=l.useCallback(async(e="",l=B,a=1,i=!1)=>{if(!L)return[];le(!0),a>1&&ge(e=>({...e,isLoadingMore:!0}));try{const{data:n=[],pagination:r={}}=await o.fetchApi({apiKey:L,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:P,order:R},labelKey:V,valueKey:H});return n&&Array.isArray(n)&&(qe(n,i),ge(e=>({...e,page:a,hasMore:(null==r?void 0:r.totalCount)>25*a,total:null==r?void 0:r.totalCount,isLoadingMore:!1})),(null==n?void 0:n.length)>0&&Oe()),n||[]}catch(n){return ge(e=>({...e,isLoadingMore:!1})),[]}finally{le(!1)}},[L,P,R,25,qe]),Le=l.useMemo(()=>r.debounce(async e=>{ee||(e||be||!de||(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we("",B,1,!1)),(null==e?void 0:e.length)>1&&!be&&(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we(e,B,1,!1)))},700),[be,de,JSON.stringify(B)]),Ie=l.useCallback(async()=>{!(JSON.stringify(B)!==JSON.stringify(pe))||be||oe||(fe(B),ie([]),te(!1),ge({page:1,hasMore:!0,isLoadingMore:!1,total:0})),be||oe||(await we(Y,B,1,!1),te(!0))},[JSON.stringify(B),be,oe]),Oe=l.useCallback(()=>{let e=!1;const l=null==ke?void 0:ke.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==E||E(A?l:l[0]),e=!0),e},[ke,g,A,E]),_e=l.useCallback(async()=>{if(he)return;if(await Oe())return;const e=A?g&&(null==g?void 0:g.filter(e=>Boolean(Number(e)))):Number(g)?g:null;(A?(null==e?void 0:e.length)>0:e)&&!be&&(ue(!0),await we("",{...B,"&id.in":e},1,!1),ue(!1))},[he,g,JSON.stringify(B)]),Ne=A?Array.isArray(g)&&g.length>0:null!=g&&""!==g;return l.useEffect(()=>(he&&Le(Y),()=>Le.cancel()),[Y,JSON.stringify(B),he,oe,Le]),l.useEffect(()=>{Oe()},[Oe]),l.useEffect(()=>{_e()},[_e]),l.useEffect(()=>{he&&Ie()},[he,Ie]),l.useEffect(()=>{const e=JSON.stringify(B)!==JSON.stringify(pe);B&&e&&te(!1)},[B,pe]),l.useEffect(()=>{if(g&&!he){const e=(null==C?void 0:C.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))||[];re(e)}re(null==ke?void 0:ke.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))},[g,he,C,A]),/* @__PURE__ */e.jsxs(a.Select,{labelId:n,name:q,defaultValue:w||(A?[]:""),placeholder:M,className:"filter-select",size:S,onOpen:()=>ve(!0),onClose:()=>{ve(!1),(null==Y?void 0:Y.length)>0&&te(!1),ce(!1),Z("")},onChange:e=>{const{value:l}=e.target;if(A&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==ke?void 0:ke.filter(e=>A?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);x(e,A?a:null==a?void 0:a[0])},showCancelButton:X,multiple:A,label:ye(m),fullWidth:!0,displayEmpty:!0,autoFocus:O,error:Boolean(_),disabled:N,value:se?A?[]:"":(null==g?void 0:g.id)||g||(A?[]:""),searchPlaceholder:k,CustomDropdownIcon:K,sx:A&&(null==g?void 0:g.length)?{...F,"& .MuiSelect-select":{padding:"5.5px !important"}}:F,MenuProps:{PaperProps:{onScroll:Me,style:{maxHeight:295,maxWidth:250}}},input:N?void 0:/* @__PURE__ */e.jsx(v.default,{label:"",sx:W,endAdornment:/* @__PURE__ */e.jsx(p.default,{position:"end",children:ee||D?/* @__PURE__ */e.jsx(h.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):X&&Ne&&/* @__PURE__ */e.jsx(f.default,{"aria-label":"clear selection",onClick:Ce,edge:"end",sx:xe?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(y.Close,{fontSize:"small",sx:{color:"theme.primary.800"}})})})}),renderValue:l=>{var a,i;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(t.default,{selectedLabel:z,data:(i=l,Array.isArray(i)&&(null==i?void 0:i.length)>0&&(null==i?void 0:i.filter(e=>e))),placeholder:M,onDelete:T,disabled:N,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(ke)&&(null==ke?void 0:ke.length)>0&&(null==(a=null==ke?void 0:ke.find(e=>(null==e?void 0:e.value)==g))?void 0:a.label)||l||M})},handleSearch:e=>{Z(e),ce(!0)},children:[j({options:ke,multiple:Boolean(A),placeholder:M,values:g,with_checkboxes:!0,field:{enable_footer:Q,onFooterClick:U,label:m},disabledIds:J,handleClear:Ce,handleChange:$,hasParent:G}),me.isLoadingMore&&/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(h.default,{size:20})})})]})};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n id: string \| number;\n value: string \| number;\n label: string \| React.ReactNode;\n disabled?: boolean;\n isGroup?: boolean;\n options?: IOption[];\n searchLabel?: string;\n}\n\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\ninterface IMenuItems {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: any;\n disabledIds: any[];\n handleClear: () => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n labelId: string;\n label: string;\n value: any;\n onChange: (event: any, selectedData?: any) => void;\n options: IOption[];\n multiple?: boolean;\n placeholder?: string;\n size?: \"small\" \| \"medium\";\n searchPlaceholder?: string;\n CustomDropDownIcon: React.ReactNode;\n customStyle: any;\n name?: string;\n defaultValue?: any;\n apiType?: string;\n isInternal?: boolean;\n autoFocus?: any;\n error?: any;\n disabled: any;\n customeFilter?: string;\n attributes?: string;\n getSelectedData?: (row: any) => void;\n disabledIds: any[];\n labelKey?: string;\n valueKey?: string;\n inputStyle?: any;\n onChipRemove?: (value: string) => void;\n selectedLabel?: string;\n is_loading?: boolean;\n hasParent?: boolean;\n sortOrder?: string;\n handleChange?: (value: string \| string[]) => void;\n enable_footer?: boolean;\n onFooterClick?: () => void;\n showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n field,\n disabledIds,\n handleClear,\n handleChange,\n hasParent = false,\n}: IMenuItems) => {\n const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n const items: React.ReactElement[] = [];\n \n if (!multiple) {\n items.push(\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n <Typography type='s3' color='theme.secondary.1000'>\n <em>{placeholder}</em>\n </Typography>\n </MenuItem>\n );\n }\n\n const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n // Parent selection handlers\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n \n const isParentSelected = valueArray.includes(parentValue);\n const updatedValues = isParentSelected\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...new Set([...valueArray, parentValue, ...childValues])];\n \n handleChange?.(updatedValues);\n };\n\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.every((childValue) => valueArray.includes(childValue));\n };\n\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.some((childValue) => valueArray.includes(childValue));\n };\n\n Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n items.push(\n <MenuItem\n value={option?.value}\n key={option?.value}\n disabled={Boolean(option?.disabled) \|\| itemDisabled(option?.value)}\n className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={\n hasParent\n ? isAllOptionsSelected(option.value, option.options \|\| [])\n : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() => \n hasParent \n ? handleParentChange(option.value, option.options \|\| [])\n : handleChange?.(option.value)\n }\n />\n )}\n <Typography \n type='s3' \n color='theme.secondary.1000'\n onClick={() => handleChange?.(option.value)}\n >\n {option?.label}\n </Typography>\n </Box>\n </MenuItem>\n );\n\n // Handle child options for grouped items\n if (option?.isGroup && Array.isArray(option?.options)) {\n option.options.forEach((opt) => {\n items.push(\n <MenuItem\n value={opt.value}\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.value)}\n sx={{ pl: 5 }}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\n key={`${option.value}-${opt.value}`}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n />\n )}\n <Typography \n type='s3' \n color='theme.secondary.1000'\n onClick={() => handleChange?.(String(opt.value))}\n >\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\n </Typography>\n </Box>\n </MenuItem>\n );\n });\n }\n });\n\n // Footer item\n if (field.enable_footer) {\n items.push(\n <Box key=\"footer\">\n <Divider flexItem />\n <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {field.label}\n </Typography>\n </MenuItem>\n </Box>\n );\n }\n\n // No data fallback\n if (!items.length \|\| (items.length == 1 && !multiple)) {\n items.push(\n <MenuItem disabled key=\"no-data\">\n No data available\n </MenuItem>\n );\n }\n\n return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n const {\n labelId,\n label,\n value,\n onChange,\n options,\n multiple = false,\n size = \"small\",\n searchPlaceholder,\n placeholder,\n name,\n defaultValue,\n apiType,\n isInternal = false,\n autoFocus,\n error,\n disabled,\n customeFilter,\n attributes,\n getSelectedData,\n disabledIds,\n onChipRemove,\n selectedLabel,\n is_loading,\n customStyle={},\n CustomDropDownIcon,\n labelKey,\n valueKey,\n inputStyle,\n hasParent = false,\n sortOrder = 'id:-1',\n handleChange,\n enable_footer = false,\n onFooterClick,\n showCancelButton = true\n } = props;\n\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n const [initailLoading, setInitialLoading] = useState(false);\n const [searchInitiate, setSearchInitiate] = useState(false);\n const [open, setOpen] = useState(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const {t}=useTranslation();\n \n // Pagination state\n const [pagination, setPagination] = useState<IPaginationState>({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n\n const { isRtl } = useLanguage();\n const limit = 25;\n\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| !apiType;\n }, [isInternal, apiType]);\n\n // Local search function for internal options\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return options \|\| [];\n \n const lowercasedSearchTerm = searchTerm.toLowerCase();\n \n const filteredOptions = hasParent\n ? options?.reduce((acc: IOption[], opt) => {\n const searchedOptions = opt.options?.filter((item) => {\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n });\n \n if (searchedOptions?.length) {\n acc.push({ ...opt, options: searchedOptions });\n }\n \n return acc;\n }, []) \|\| []\n : options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n \n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options, hasParent]);\n\n // Clear Selected Options\n const handleClear = () => {\n onChange({ target: { value: multiple ? [] : null } });\n if (getSelectedData && typeof getSelectedData === \"function\") {\n getSelectedData(null);\n }\n };\n\n // Get unique options\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n const uniqueOptions = [\n ...new Map(data?.map(item => [item.value, item])).values()\n ];\n return uniqueOptions;\n }, []);\n\n // Sort by selected values\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n const selectedValues = Array.isArray(value) ? value : [value];\n const sortedValue = sortBy(arrayToSort, (item) => {\n const index = selectedValues.indexOf(item.id \|\| item.value);\n return index === -1 ? Infinity : index;\n });\n return sortedValue;\n }, []);\n\n // Options with search and pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, value);\n }\n return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n // Handle scroll pagination\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n \n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n const nextPage = pagination.page + 1;\n fetchOptions(searchQuery, customeFilter, nextPage, true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n // Update Options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? dynamicOptions : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n // Fetch Options with pagination support\n const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n if (!apiType) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n const {data=[],pagination={}} = await fetchApi({\n apiKey: apiType,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters,\n select: attributes,\n order: sortOrder\n },\n labelKey,\n valueKey\n });\n\n if (data && Array.isArray(data)) {\n updateOptions(data, append);\n \n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: pagination?.totalCount > (page*limit),\n total: pagination?.totalCount,\n isLoadingMore: false\n }));\n\n if (data?.length > 0) {\n setSelectedData();\n }\n }\n \n return data \|\| [];\n } catch (error) {\n console.error('Error fetching options:', error);\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\n return [];\n } finally {\n setLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n // Search Options with debounce\n const debounceSearch = useMemo(\n () => debounce(async (searchTerm: string) => {\n if (loading) return;\n \n if (!searchTerm && !isInternalOptions && searchInitiate) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions('', customeFilter, 1, false);\n }\n if (searchTerm?.length > 1 && !isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions(searchTerm, customeFilter, 1, false);\n }\n }, 700),\n //eslint-disable-next-line react-hooks/exhaustive-deps\n [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n );\n\n // Initial fetch with filter change detection\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n if (condition&&!isInternalOptions && !isAlredyLoaded) {\n setPrevFilter(customeFilter);\n setOptions([]);\n setIsAlredyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlredyLoaded) {\n await fetchOptions(searchQuery, customeFilter, 1, false);\n setIsAlredyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n // Set Selected Data\n const setSelectedData = useCallback(() => {\n let hasOptions = false;\n const isInOptions = filteredOptions?.filter((i: any) => \n multiple ? value?.includes(i?.value) : i?.value == value\n );\n \n if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n hasOptions = true;\n }\n return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\n\n // Fetch Options for Selected Id\n const fetchIdOptions = useCallback(async () => {\n if (open) return;\n if (await setSelectedData()) return;\n \n const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n \n if (condition) {\n setInitialLoading(true);\n await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n setInitialLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, value, JSON.stringify(customeFilter) ]);\n\n const hasValue = multiple\n ? Array.isArray(value) && value.length > 0\n : value !== null && value !== undefined && value !== \"\";\n\n // Effects\n useEffect(() => {\n if (open) {\n debounceSearch(searchQuery);\n }\n return () => debounceSearch.cancel();\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n useEffect(() => {\n setSelectedData();\n }, [setSelectedData]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n if (customeFilter && condition) {\n setIsAlredyLoaded(false);\n }\n }, [customeFilter, prevFilter]);\n\n useEffect(() => {\n if (value && !open) {\n const selectedData = options?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ) \|\| [];\n setSelectedOptions(selectedData);\n }\n setSelectedOptions(filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ));\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, open, options, multiple]);\n\n const handleOnChange = (event: any) => {\n const { value } = event.target;\n if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) \|\| !value) return;\n \n const isSelected = (item: any) => {\n return multiple ? value?.includes(item?.value) : item?.value === value;\n };\n\n const selected = filteredOptions?.filter(isSelected);\n onChange(event, multiple ? selected : selected?.[0]);\n };\n\n const removeUndefine = (selectOptions: any[]) => {\n return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n };\n\n return (\n <Select\n labelId={labelId}\n name={name}\n defaultValue={defaultValue \|\| (multiple ? [] : '')}\n placeholder={placeholder}\n className=\"filter-select\"\n size={size}\n onOpen={() => setOpen(true)}\n onClose={() => {\n setOpen(false);\n if (searchQuery?.length > 0) {\n setIsAlredyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }}\n onChange={handleOnChange}\n showCancelButton={showCancelButton}\n multiple={multiple}\n label={t(label)}\n fullWidth\n displayEmpty\n autoFocus={autoFocus}\n error={Boolean(error)}\n disabled={disabled}\n value={initailLoading ? (multiple ? [] : '') : value?.id \|\| value \|\| (multiple ? [] : '')}\n searchPlaceholder={searchPlaceholder}\n CustomDropdownIcon={CustomDropDownIcon}\n sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 295,maxWidth:250 }\n }\n }}\n input={\n !disabled ? (\n <OutlinedInput\n label=\"\"\n sx={inputStyle}\n endAdornment={\n <InputAdornment position=\"end\">\n {loading \|\| is_loading ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n showCancelButton && hasValue && (\n <IconButton\n aria-label=\"clear selection\"\n onClick={handleClear}\n edge=\"end\"\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size=\"small\"\n >\n <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n ) : undefined\n }\n renderValue={(selected?: string \| string[]) => {\n return (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n selectedLabel={selectedLabel}\n data={removeUndefine(selected)}\n placeholder={placeholder}\n onDelete={onChipRemove}\n disabled={disabled}\n chipProps={{\n sx: {\n bgcolor: 'theme.primary.100',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: 'theme.primary.800',\n fontWeight: \"500\",\n }\n }\n }}\n />\n ) : (\n Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n (option: any) => option?.value == value\n )?.label \|\| selected \|\| placeholder\n )}\n </>\n );\n }}\n handleSearch={(text) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(multiple),\n placeholder,\n values: value,\n with_checkboxes: true,\n field: { \n ...props, \n enable_footer, \n onFooterClick, \n label \n },\n disabledIds,\n handleClear,\n handleChange,\n hasParent,\n t: (key: string) => key\n })}\n {pagination.isLoadingMore && (\n <MenuItem disabled>\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n <CircularProgress size={20} />\n </Box>\n </MenuItem>\n )}\n </Select>\n );\n};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","index","id","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","fetchApi","apiKey","limit","skip","search","select","order","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","find","handleSearch","text","justifyContent","width"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n id: string \| number;\n value: string \| number;\n label: string \| React.ReactNode;\n disabled?: boolean;\n isGroup?: boolean;\n options?: IOption[];\n searchLabel?: string;\n}\n\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\ninterface IMenuItems {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: any;\n disabledIds: any[];\n handleClear: () => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n labelId: string;\n label: string;\n value: any;\n onChange: (event: any, selectedData?: any) => void;\n options: IOption[];\n multiple?: boolean;\n placeholder?: string;\n size?: \"small\" \| \"medium\";\n searchPlaceholder?: string;\n CustomDropDownIcon: React.ReactNode;\n customStyle: any;\n name?: string;\n defaultValue?: any;\n apiType?: string;\n isInternal?: boolean;\n autoFocus?: any;\n error?: any;\n disabled: any;\n customeFilter?: string;\n attributes?: string;\n getSelectedData?: (row: any) => void;\n disabledIds: any[];\n labelKey?: string;\n valueKey?: string;\n inputStyle?: any;\n onChipRemove?: (value: string) => void;\n selectedLabel?: string;\n is_loading?: boolean;\n hasParent?: boolean;\n sortOrder?: string;\n handleChange?: (value: string \| string[]) => void;\n enable_footer?: boolean;\n onFooterClick?: () => void;\n showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n field,\n disabledIds,\n handleClear,\n handleChange,\n hasParent = false,\n}: IMenuItems) => {\n const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n const items: React.ReactElement[] = [];\n \n if (!multiple) {\n items.push(\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n <Typography type='s3' color='theme.secondary.1000'>\n <em>{placeholder}</em>\n </Typography>\n </MenuItem>\n );\n }\n\n const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n // Parent selection handlers\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n \n const isParentSelected = valueArray.includes(parentValue);\n const updatedValues = isParentSelected\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...new Set([...valueArray, parentValue, ...childValues])];\n \n handleChange?.(updatedValues);\n };\n\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.every((childValue) => valueArray.includes(childValue));\n };\n\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.some((childValue) => valueArray.includes(childValue));\n };\n\n Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n items.push(\n <MenuItem\n value={option?.value}\n key={option?.value}\n disabled={Boolean(option?.disabled) \|\| itemDisabled(option?.value)}\n className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={\n hasParent\n ? isAllOptionsSelected(option.value, option.options \|\| [])\n : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() => \n hasParent \n ? handleParentChange(option.value, option.options \|\| [])\n : handleChange?.(option.value)\n }\n />\n )}\n <Typography \n type='s3' \n color='theme.secondary.1000'\n onClick={() => handleChange?.(option.value)}\n >\n {option?.label}\n </Typography>\n </Box>\n </MenuItem>\n );\n\n // Handle child options for grouped items\n if (option?.isGroup && Array.isArray(option?.options)) {\n option.options.forEach((opt) => {\n items.push(\n <MenuItem\n value={opt.value}\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.value)}\n sx={{ pl: 5 }}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\n key={`${option.value}-${opt.value}`}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n />\n )}\n <Typography \n type='s3' \n color='theme.secondary.1000'\n onClick={() => handleChange?.(String(opt.value))}\n >\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\n </Typography>\n </Box>\n </MenuItem>\n );\n });\n }\n });\n\n // Footer item\n if (field.enable_footer) {\n items.push(\n <Box key=\"footer\">\n <Divider flexItem />\n <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {field.label}\n </Typography>\n </MenuItem>\n </Box>\n );\n }\n\n // No data fallback\n if (!items.length \|\| (items.length == 1 && !multiple)) {\n items.push(\n <MenuItem disabled key=\"no-data\">\n No data available\n </MenuItem>\n );\n }\n\n return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n const {\n labelId,\n label,\n value,\n onChange,\n options,\n multiple = false,\n size = \"small\",\n searchPlaceholder,\n placeholder,\n name,\n defaultValue,\n apiType,\n isInternal = false,\n autoFocus,\n error,\n disabled,\n customeFilter,\n attributes,\n getSelectedData,\n disabledIds,\n onChipRemove,\n selectedLabel,\n is_loading,\n customStyle={},\n CustomDropDownIcon,\n labelKey,\n valueKey,\n inputStyle,\n hasParent = false,\n sortOrder = 'id:-1',\n handleChange,\n enable_footer = false,\n onFooterClick,\n showCancelButton = true\n } = props;\n\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n const [initailLoading, setInitialLoading] = useState(false);\n const [searchInitiate, setSearchInitiate] = useState(false);\n const [open, setOpen] = useState(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const {t}=useTranslation();\n \n // Pagination state\n const [pagination, setPagination] = useState<IPaginationState>({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n\n const { isRtl } = useLanguage();\n const limit = 25;\n\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| !apiType;\n }, [isInternal, apiType]);\n\n // Local search function for internal options\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return options \|\| [];\n \n const lowercasedSearchTerm = searchTerm.toLowerCase();\n \n const filteredOptions = hasParent\n ? options?.reduce((acc: IOption[], opt) => {\n const searchedOptions = opt.options?.filter((item) => {\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n });\n \n if (searchedOptions?.length) {\n acc.push({ ...opt, options: searchedOptions });\n }\n \n return acc;\n }, []) \|\| []\n : options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n \n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options, hasParent]);\n\n // Clear Selected Options\n const handleClear = () => {\n onChange({ target: { value: multiple ? [] : null } });\n if (getSelectedData && typeof getSelectedData === \"function\") {\n getSelectedData(null);\n }\n };\n\n // Get unique options\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n const uniqueOptions = [\n ...new Map(data?.map(item => [item.value, item])).values()\n ];\n return uniqueOptions;\n }, []);\n\n // Sort by selected values\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n const selectedValues = Array.isArray(value) ? value : [value];\n const sortedValue = sortBy(arrayToSort, (item) => {\n const index = selectedValues.indexOf(item.id \|\| item.value);\n return index === -1 ? Infinity : index;\n });\n return sortedValue;\n }, []);\n\n // Options with search and pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, value);\n }\n return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n // Handle scroll pagination\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n \n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n const nextPage = pagination.page + 1;\n fetchOptions(searchQuery, customeFilter, nextPage, true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n // Update Options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? dynamicOptions : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n // Fetch Options with pagination support\n const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n if (!apiType) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n const {data=[],pagination={}} = await fetchApi({\n apiKey: apiType,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters,\n select: attributes,\n order: sortOrder\n },\n labelKey,\n valueKey\n });\n\n if (data && Array.isArray(data)) {\n updateOptions(data, append);\n \n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: pagination?.totalCount > (page*limit),\n total: pagination?.totalCount,\n isLoadingMore: false\n }));\n\n if (data?.length > 0) {\n setSelectedData();\n }\n }\n \n return data \|\| [];\n } catch (error) {\n console.error('Error fetching options:', error);\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\n return [];\n } finally {\n setLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n // Search Options with debounce\n const debounceSearch = useMemo(\n () => debounce(async (searchTerm: string) => {\n if (loading) return;\n \n if (!searchTerm && !isInternalOptions && searchInitiate) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions('', customeFilter, 1, false);\n }\n if (searchTerm?.length > 1 && !isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions(searchTerm, customeFilter, 1, false);\n }\n }, 700),\n //eslint-disable-next-line react-hooks/exhaustive-deps\n [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n );\n\n // Initial fetch with filter change detection\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n if (condition&&!isInternalOptions && !isAlredyLoaded) {\n setPrevFilter(customeFilter);\n setOptions([]);\n setIsAlredyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlredyLoaded) {\n await fetchOptions(searchQuery, customeFilter, 1, false);\n setIsAlredyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n // Set Selected Data\n const setSelectedData = useCallback(() => {\n let hasOptions = false;\n const isInOptions = filteredOptions?.filter((i: any) => \n multiple ? value?.includes(i?.value) : i?.value == value\n );\n \n if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n hasOptions = true;\n }\n return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\n\n // Fetch Options for Selected Id\n const fetchIdOptions = useCallback(async () => {\n if (open) return;\n if (await setSelectedData()) return;\n \n const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n \n if (condition) {\n setInitialLoading(true);\n await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n setInitialLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, value, JSON.stringify(customeFilter) ]);\n\n const hasValue = multiple\n ? Array.isArray(value) && value.length > 0\n : value !== null && value !== undefined && value !== \"\";\n\n // Effects\n useEffect(() => {\n if (open) {\n debounceSearch(searchQuery);\n }\n return () => debounceSearch.cancel();\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n useEffect(() => {\n setSelectedData();\n }, [setSelectedData]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n if (customeFilter && condition) {\n setIsAlredyLoaded(false);\n }\n }, [customeFilter, prevFilter]);\n\n useEffect(() => {\n if (value && !open) {\n const selectedData = options?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ) \|\| [];\n setSelectedOptions(selectedData);\n }\n setSelectedOptions(filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ));\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, open, options, multiple]);\n\n const handleOnChange = (event: any) => {\n const { value } = event.target;\n if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) \|\| !value) return;\n \n const isSelected = (item: any) => {\n return multiple ? value?.includes(item?.value) : item?.value === value;\n };\n\n const selected = filteredOptions?.filter(isSelected);\n onChange(event, multiple ? selected : selected?.[0]);\n };\n\n const removeUndefine = (selectOptions: any[]) => {\n return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n };\n\n return (\n <Select\n labelId={labelId}\n name={name}\n defaultValue={defaultValue \|\| (multiple ? [] : '')}\n placeholder={placeholder}\n className=\"filter-select\"\n size={size}\n onOpen={() => setOpen(true)}\n onClose={() => {\n setOpen(false);\n if (searchQuery?.length > 0) {\n setIsAlredyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }}\n onChange={handleOnChange}\n showCancelButton={showCancelButton}\n multiple={multiple}\n label={t(label)}\n fullWidth\n displayEmpty\n autoFocus={autoFocus}\n error={Boolean(error)}\n disabled={disabled}\n value={initailLoading ? (multiple ? [] : '') : value?.id \|\| value \|\| (multiple ? [] : '')}\n searchPlaceholder={searchPlaceholder}\n CustomDropdownIcon={CustomDropDownIcon}\n sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 295,maxWidth:250 }\n }\n }}\n input={\n !disabled ? (\n <OutlinedInput\n label=\"\"\n sx={inputStyle}\n endAdornment={\n <InputAdornment position=\"end\">\n {loading \|\| is_loading ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n showCancelButton && hasValue && (\n <IconButton\n aria-label=\"clear selection\"\n onClick={handleClear}\n edge=\"end\"\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size=\"small\"\n >\n <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n ) : undefined\n }\n renderValue={(selected?: string \| string[]) => {\n return (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n selectedLabel={selectedLabel}\n data={removeUndefine(selected)}\n placeholder={placeholder}\n onDelete={onChipRemove}\n disabled={disabled}\n chipProps={{\n sx: {\n bgcolor: 'theme.primary.100',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: 'theme.primary.800',\n fontWeight: \"500\",\n }\n }\n }}\n />\n ) : (\n Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n (option: any) => option?.value == value\n )?.label \|\| selected \|\| placeholder\n )}\n </>\n );\n }}\n handleSearch={(text) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(multiple),\n placeholder,\n values: value,\n with_checkboxes: true,\n field: { \n ...props, \n enable_footer, \n onFooterClick, \n label \n },\n disabledIds,\n handleClear,\n handleChange,\n hasParent,\n t: (key: string) => key\n })}\n {pagination.isLoadingMore && (\n <MenuItem disabled>\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n <CircularProgress size={20} />\n </Box>\n </MenuItem>\n )}\n </Select>\n );\n};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","index","id","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","fetchApi","apiKey","limit","skip","search","select","order","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","find","handleSearch","text","justifyContent","width"],"mappings":"msCAwFA,MAAMA,EAAoB,EACtBC,UACAC,WACAC,cACAC,kBACAC,SACAC,QACAC,cACAC,cACAC,eACAC,aAAY,MAEZ,MAAMC,EAAgBC,GAAY,MAAAL,OAAA,EAAAA,EAAaM,SAASD,GAClDE,EAA8B,GAE/BZ,GACDY,EAAMC;iBACFC,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAACC,MAAM,GAAqBC,GAAI,CAAEC,QAAS,eAAgBC,OAAQ,eAAgBC,EAAG,eAAgBC,EAAG,gBACvHC,wBAAAT,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACxBH,wBAAAT,EAAAA,IAAC,KAAA,CAAIS,SAAAtB,OAFmB,gBAQxC,MAAM0B,EAAiBC,MAAMC,QAAQ1B,SAAUA,WAAQ2B,OAAQb,GAAUA,GAAS,GAe5Ec,EAAuB,CAACC,EAAqBC,KAC/C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOO,EAAYI,MAAOC,GAAeF,EAAW1B,SAAS4B,KAG3DC,EAAyBP,IAC3B,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOO,EAAYO,KAAMF,GAAeF,EAAW1B,SAAS4B,KAwGhE,OArGAX,MAAMC,QAAQ9B,KAAY,MAAAA,OAAA,EAAAA,EAAS2C,QAAS,IAAK,MAAA3C,GAAAA,EAAS4C,QAASC,IAC/DhC,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO,MAAA2B,OAAA,EAAAA,EAAQ3B,MAEfD,SAAU6B,QAAQ,MAAAD,OAAA,EAAAA,EAAQ5B,WAAaP,QAAamC,WAAQ3B,OAC5D6B,WAAW,MAAAF,OAAA,EAAAA,EAAQG,SAAU,yBAA2B,GACxDC,QAAS,KACiB,IAAlB,MAAA7C,OAAA,EAAAA,EAAQuC,SACRpC,KAIRiB,wBAAA0B,EAAAA,KAACC,WAAIhC,GAAI,CAAEiC,QAAS,OAAQC,IAAK,GAC5B7B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACuC,EAAAA,SAAA,CACGC,QACI9C,EACMuB,EAAqBa,EAAO3B,MAAO2B,EAAO7C,SAAW,IACrD8C,QAAQjB,MAAMC,QAAQ1B,WAAWA,WAAQoD,QAAQ,MAAAX,OAAA,EAAAA,EAAQ3B,SAAS,GAE5EuC,cACIhD,GAAagC,EAAsBI,EAAO7C,SAAW,IAEzD0D,SAAU,IACNjD,EAjDD,EAACwB,EAAqBC,KAC7C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GAG/D+B,EADmBrB,EAAW1B,SAASqB,GAEvCK,EAAWP,OAAQb,GAAUA,IAAUe,IAAgBE,EAAYvB,SAASM,IAC5E,mBAAI,IAAI0C,IAAI,IAAItB,EAAYL,KAAgBE,KAElD,MAAA3B,GAAAA,EAAemD,IAyCeE,CAAmBhB,EAAO3B,MAAO2B,EAAO7C,SAAW,IACnD,MAAAQ,OAAA,EAAAA,EAAeqC,EAAO3B;eAIxCH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNsB,QAAS,IAAM,MAAAzC,OAAA,EAAAA,EAAeqC,EAAO3B,OAEpCM,SAAA,MAAAqB,OAAA,EAAAA,EAAQiB,YAhCZ,MAAAjB,OAAA,EAAAA,EAAQ3B,eAuCjB2B,WAAQG,UAAWnB,MAAMC,QAAQ,MAAAe,OAAA,EAAAA,EAAQ7C,UACzC6C,EAAO7C,QAAQ4C,QAASmB,IACpBlD,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO6C,EAAI7C,MACXD,SAAU6B,QAAQiB,EAAI9C,WAAaP,EAAaqD,EAAI7C,OACpDC,GAAI,CAAE6C,GAAI,GACVf,QAAS,KACiB,IAAlB,MAAA7C,OAAA,EAAAA,EAAQuC,SACRpC,KAKRiB,wBAAA0B,EAAAA,KAACC,WAAIhC,GAAI,CAAEiC,QAAS,OAAQC,IAAK,GAC5B7B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACuC,EAAAA,SAAA,CACGC,QAAST,QAAQjB,MAAMC,QAAQ1B,KAAW,MAAAA,OAAA,EAAAA,EAAQoD,QAAQO,EAAI7C,SAAS;eAG/EH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNsB,QAAS,IAAM,MAAAzC,OAAA,EAAAA,EAAeyD,OAAOF,EAAI7C,QAExCM,SAAa,qBAATsC,MAA6B,iCAAmCC,EAAID,OAASC,EAAI7C,YAbzF,GAAG2B,EAAO3B,SAAS6C,EAAI7C,eAuB5Cb,EAAM6D,eACNrD,EAAMC;sBACDqC,EAAAA,QAAA,CACG3B,SAAA;iBAAAT,IAACoD,EAAAA,QAAA,CAAQC,UAAQ;eACjBlB,EAAAA,KAAClC,EAAAA,SAASG,GAAI,CAAEkC,IAAK,GAAKJ,QAAS5C,EAAMgE,cACrC7C,SAAA;iBAAAT,IAACuD,EAAAA,QAAA,CAAIC,SAAS;eACdrB,EAAAA,KAACzB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBH,SAAA,CAAA,cACnCnB,EAAMyD,cALrB,WAaZjD,EAAM8B,SAA2B,GAAhB9B,EAAM8B,QAAgB1C,IACxCY,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAAeO,8BAAV,YAMxBX,mBAGgD2D,IACvD,MAAMC,QACFA,EAAAX,MACAA,EAAA5C,MACAA,EAAAwC,SACAA,EAAA1D,QACAA,EAAAC,SACAA,GAAW,EAAAyE,KACXA,EAAO,QAAAC,kBACPA,EAAAzE,YACAA,EAAA0E,KACAA,EAAAC,aACAA,EAAAC,QACAA,EAAAC,WACAA,GAAa,EAAAC,UACbA,EAAAC,MACAA,EAAAhE,SACAA,EAAAiE,cACAA,EAAAC,WACAA,EAAAC,gBACAA,EAAA9E,YACAA,EAAA+E,aACAA,EAAAC,cACAA,EAAAC,WACAA,EAAAC,YACAA,EAAY,CAAA,EAAAC,mBACZA,EAAAC,SACAA,EAAAC,SACAA,EAAAC,WACAA,EAAAnF,UACAA,GAAY,EAAAoF,UACZA,EAAY,QAAArF,aACZA,EAAA0D,cACAA,GAAgB,EAAAG,cAChBA,EAAAyB,iBACAA,GAAmB,GACnBtB,GAEGuB,EAAaC,GAAkBC,EAAAA,SAAS,KACxCC,GAASC,IAAcF,EAAAA,UAAkB,IACzCG,GAAgBC,IAAcJ,EAAAA,SAAoB,KAClDK,GAAiBC,IAAsBN,EAAAA,SAAoB,KAC3DO,GAAgBC,IAAqBR,EAAAA,UAAS,IAC9CS,GAAgBC,IAAqBV,EAAAA,UAAS,IAC9CW,GAAgBC,IAAqBZ,EAAAA,UAAS,IAC9Ca,GAAMC,IAAWd,EAAAA,UAAS,IAC1Be,GAAYC,IAAiBhB,EAAAA,SAAc,OAC5CiB,EAACA,IAAGC,oBAGHC,GAAYC,IAAiBpB,WAA2B,CAC3DqB,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAGLC,MAAEA,IAAUC,gBAGZC,GAAoBC,EAAAA,QAAQ,IACvB9C,IAAeD,EACvB,CAACC,EAAYD,IAGVgD,GAAuBC,EAAAA,YAAY,CAACC,EAAoB9G,KAC1D,IAAK8G,EAAY,OAAOhI,GAAW,GAEnC,MAAMiI,EAAuBD,EAAWE,cAElCC,EAAkB1H,GAClB,MAAAT,OAAA,EAAAA,EAASoI,OAAO,CAACC,EAAgBtE,WAC7B,MAAMuE,EAAkB,OAAAC,EAAAxE,EAAI/D,cAAJ,EAAAuI,EAAaxG,OAAQyG,IACzC,MAAM1E,EAAQ2E,EAAAA,QAAMC,eAAeF,EAAK1E,OAAS0E,EAAKG,YAAc1E,OAAOuE,EAAK1E,OAChF,OAAOA,MAAAA,OAAAA,EAAAA,EAAOoE,cAActH,SAASqH,KAOzC,aAJIK,WAAiB3F,SACjB0F,EAAIvH,KAAK,IAAKiD,EAAK/D,QAASsI,IAGzBD,GACR,MAAO,IACV,MAAArI,OAAA,EAAAA,EAAS+B,OAAQgC,IACb,MAAMD,EAAQ2E,EAAAA,QAAMC,eAAe3E,EAAID,OAASC,EAAI4E,YAAc1E,OAAOF,EAAID,OAC7E,OAAOA,MAAAA,OAAAA,EAAAA,EAAOoE,cAActH,SAASqH,OACnC,GAEZ,OAAOW,GAAqBT,EAAiBjH,IAE9C,CAAClB,EAASS,IAGPF,GAAc,KAChBmD,EAAS,CAAEmF,OAAQ,CAAE3H,MAAOjB,EAAW,GAAK,QACxCmF,GAA8C,mBAApBA,GAC1BA,EAAgB,OAKlB0D,GAAmBf,cAAagB,GACZ,IACf,IAAIC,IAAI,MAAAD,OAAA,EAAAA,EAAM3G,IAAIoG,GAAQ,CAACA,EAAKtH,MAAOsH,KAAQpI,UAGvD,IAGGwI,GAAuBb,EAAAA,YAAY,CAACkB,EAAwB/H,KAC9D,MAAMU,EAAiBC,MAAMC,QAAQZ,GAASA,EAAQ,CAACA,GAKvD,OAJoBgI,EAAAA,OAAOD,EAAcT,IACrC,MAAMW,EAAQvH,EAAe4B,QAAQgF,EAAKY,IAAMZ,EAAKtH,OACrD,WAAOiI,EAAeE,IAAWF,KAGtC,IAGGhB,GAAkBN,EAAAA,QAAQ,IACxBD,GACOE,GAAqB/B,EAAa7E,GAEtC0H,GAAqBE,GAAiB,IAAI1C,MAAmBE,KAAmBpF,GAExF,CAAC6E,EAAaK,GAAgBpG,EAASkB,EAAO0G,GAAmBtB,GAAiBwB,GAAsBc,GAAsBE,KAG3HQ,GAAevB,cAAawB,IAC9B,MAAMC,UAAEA,EAAAC,aAAWA,EAAAC,aAAcA,GAAiBH,EAAMI,cAGxD,GAFiBF,EAAeD,GAAaE,EAAe,IAE5CtC,GAAWG,UAAYH,GAAWI,gBAAkBI,GAAmB,CACnF,MAAMgC,EAAWxC,GAAWE,KAAO,EACnCuC,GAAa9D,EAAab,EAAe0E,GAAU,EACvD,GAED,CAACxC,GAAWG,QAASH,GAAWI,cAAeJ,GAAWE,KAAMM,GAAmB7B,EAAa+D,KAAKC,UAAU7E,KAG5G8E,GAAgBjC,EAAAA,YAAY,CAACkC,EAAuBC,GAAS,KAC/D,MACMC,EAAgBrB,GAAiB,IADpBoB,EAAS9D,GAAiBE,MACa2D,IAC1D5D,GAAW8D,IACZ,CAAC/D,GAAgBE,GAAiBwC,KAG/Be,GAAe9B,EAAAA,YAAYqC,MAAOpC,EAAkB,GAAIqC,EAAUnF,EAAeoC,EAAO,EAAG4C,GAAS,KACtG,IAAKpF,EAAS,MAAO,GAErBqB,IAAW,GACPmB,EAAO,GACPD,WAA4BiD,EAAM9C,eAAe,KAGrD,IACI,MAAMuB,KAACA,EAAK,GAAG3B,WAAAA,EAAW,CAAA,SAAYmD,WAAS,CAC3CC,OAAQ1F,EACRuF,QAAS,CACLI,MArGF,GAsGEC,KAtGF,IAsGSpD,EAAO,GACdqD,OAAQ3C,EACRqC,UACAO,OAAQzF,EACR0F,MAAOhF,GAEXH,WACAC,aAoBJ,OAjBIoD,GAAQlH,MAAMC,QAAQiH,KACtBiB,GAAcjB,EAAMmB,GAGpB7C,GAAciD,IAAA,IACPA,EACHhD,OACAC,SAASH,MAAAA,OAAAA,EAAAA,EAAY0D,YAvHvB,GAuHqCxD,EACnCG,MAAOL,MAAAA,OAAAA,EAAAA,EAAY0D,WACnBtD,eAAe,MAGf,MAAAuB,OAAA,EAAAA,EAAMpG,QAAS,GACfoI,MAIDhC,GAAQ,EACnB,OAAS9D,GAGL,OADAoC,WAA4BiD,EAAM9C,eAAe,KAC1C,EACX,CAAA,QACIrB,IAAW,EACf,GAED,CAACrB,EAASK,EAAYU,EA1IX,GA0I6BmE,KAGrCgB,GAAiBnD,EAAAA,QACnB,IAAMoD,EAAAA,SAASb,MAAOpC,IACd9B,KAEC8B,GAAeJ,KAAqBhB,KACrCS,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELoC,GAAa,GAAI3E,EAAe,GAAG,KAEzC,MAAA8C,OAAA,EAAAA,EAAYrF,QAAS,IAAMiF,KAC3BP,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELoC,GAAa7B,EAAY9C,EAAe,GAAG,MAEtD,KAEH,CAAC0C,GAAmBhB,GAAgBkD,KAAKC,UAAU7E,KAIjDgG,GAAenD,EAAAA,YAAYqC,YACXN,KAAKC,UAAU7E,KAAmB4E,KAAKC,UAAU/C,MAEnDY,IAAsBpB,KAClCS,GAAc/B,GACdmB,GAAW,IACXI,IAAkB,GAClBY,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAIVG,IAAsBpB,WACjBqD,GAAa9D,EAAab,EAAe,GAAG,GAClDuB,IAAkB,KAGvB,CAACqD,KAAKC,UAAU7E,GAAgB0C,GAAmBpB,KAGhDuE,GAAkBhD,EAAAA,YAAY,KAChC,IAAIoD,GAAa,EACjB,MAAMC,EAAc,MAAAjD,QAAA,EAAAA,GAAiBpG,OAAQsJ,GACzCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,GAOvD,OAJKW,MAAMC,QAAQsJ,KAAgB,MAAAA,OAAA,EAAAA,EAAazI,QAAS,IACrD,MAAAyC,GAAAA,EAAkBnF,EAAWmL,EAAcA,EAAY,IACvDD,GAAa,GAEVA,GACR,CAAChD,GAAiBjH,EAAOjB,EAAUmF,IAGhCkG,GAAiBvD,EAAAA,YAAYqC,UAC/B,GAAItD,GAAM,OACV,SAAUiE,KAAmB,OAE7B,MAAMQ,EAAStL,EAAWiB,IAAS,MAAAA,OAAA,EAAAA,EAAOa,OAAOyJ,GAAK1I,QAAQ2I,OAAOD,MAAOC,OAAOvK,GAASA,EAAQ,MACjFjB,GAAW,MAAAsL,OAAA,EAAAA,EAAQ5I,QAAS,EAAI4I,KAAY3D,KAG3DjB,IAAkB,SACZkD,GAAa,GAAI,IAAK3E,EAAoB,SAAUqG,GAAY,GAAG,GACzE5E,IAAkB,KAGvB,CAACG,GAAM5F,EAAS4I,KAAKC,UAAU7E,KAE5BwG,GAAWzL,EACX4B,MAAMC,QAAQZ,IAAUA,EAAMyB,OAAS,EACvCzB,SAAmD,KAAVA,EA6D/C,OA1DAyK,EAAAA,UAAU,KACF7E,IACAkE,GAAejF,GAEZ,IAAMiF,GAAeY,UAE7B,CAAC7F,EAAa+D,KAAKC,UAAU7E,GAAgB4B,GAAMN,GAAgBwE,KAEtEW,EAAAA,UAAU,KACNZ,MACD,CAACA,KAEJY,EAAAA,UAAU,KACNL,MACD,CAACA,KAEJK,EAAAA,UAAU,KACF7E,IACAoE,MAEL,CAACpE,GAAMoE,KAEVS,EAAAA,UAAU,KACN,MAAME,EAAY/B,KAAKC,UAAU7E,KAAmB4E,KAAKC,UAAU/C,IAC/D9B,GAAiB2G,GACjBpF,IAAkB,IAEvB,CAACvB,EAAe8B,KAEnB2E,EAAAA,UAAU,KACN,GAAIzK,IAAU4F,GAAM,CAChB,MAAMgF,GAAe,MAAA9L,OAAA,EAAAA,EAAS+B,OAAQsJ,GAClCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,KAClD,GACLqF,GAAmBuF,EACvB,CACAvF,GAAmB,MAAA4B,QAAA,EAAAA,GAAiBpG,OAAQsJ,GACxCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,KAGxD,CAACA,EAAO4F,GAAM9G,EAASC,mBAmBtBiD,EAAAA,KAAC6I,EAAAA,OAAA,CACGtH,UACAG,OACAC,aAAcA,IAAiB5E,EAAW,GAAK,IAC/CC,cACA6C,UAAU,gBACV2B,OACAsH,OAAQ,IAAMjF,IAAQ,GACtBkF,QAAS,KACLlF,IAAQ,IACJ,MAAAhB,OAAA,EAAAA,EAAapD,QAAS,GACtB8D,IAAkB,GAEtBI,IAAkB,GAClBb,EAAe,KAEnBtC,SAjCgB6F,IACpB,MAAQrI,MAAAA,GAAUqI,EAAMV,OACxB,GAAK5I,GAAY4B,MAAMC,QAAQZ,IAA0C,IAAhCA,MAAAA,OAAAA,EAAAA,EAAOa,OAAOyJ,GAAKA,GAAG7I,UAAiBzB,EAAO,OAEvF,MAIMgL,QAAW/D,aAAiBpG,OAJdyG,GACTvI,EAAWiB,MAAAA,OAAAA,EAAAA,EAAON,SAAS,MAAA4H,OAAA,EAAAA,EAAMtH,cAASsH,WAAMtH,SAAUA,GAIrEwC,EAAS6F,EAAOtJ,EAAWiM,EAAW,MAAAA,OAAA,EAAAA,EAAW,KAyB7CpG,mBACA7F,WACA6D,MAAOoD,GAAEpD,GACTqI,WAAS,EACTC,cAAY,EACZpH,YACAC,MAAOnC,QAAQmC,GACfhE,WACAC,MAAOwF,GAAkBzG,EAAW,GAAK,IAAM,MAAAiB,OAAA,EAAAA,EAAOkI,KAAMlI,IAAUjB,EAAW,GAAK,IACtF0E,oBACA0H,mBAAoB5G,EACpBtE,GAAMlB,IAAY,MAAAiB,OAAA,EAAAA,EAAOyB,QAAU,IAAI6C,EAAa,sBAAuB,CAAE8G,QAAS,qBAAwB9G,EAC9G+G,UAAW,CACPC,WAAY,CACRC,SAAUnD,GACVoD,MAAO,CAAEC,UAAW,IAAIC,SAAS,OAGzCC,MACK5L,OA2BG,iBA1BAF,EAAAA,IAAC+L,EAAAA,QAAA,CACGhJ,MAAM,GACN3C,GAAIyE,EACJmH,4BACIhM,EAAAA,IAACiM,EAAAA,QAAA,CAAeC,SAAS,MACpBzL,aAAW+D,iBACRxE,EAAAA,IAACmM,EAAAA,QAAA,CACGxI,KAAM,GACNvD,GAAI,CAAEgM,GAAI,EAAGxL,MAAO,aAGxBmE,GAAoB4F,mBAChB3K,EAAAA,IAACqM,EAAAA,QAAA,CACG,aAAW,kBACXnK,QAAS1C,GACT8M,KAAK,MACLlM,GAAIuG,GAAQ,CAAE4F,GAAI,KAAQ,CAAEH,GAAI,KAChCzI,KAAK,QAELlD,wBAAAT,EAAAA,IAACwM,EAAAA,OAAMhJ,SAAS,QAAQpD,GAAI,CAAEQ,MAAO,6BASrE6L,YAActB,UAtEEuB;AAuEZ,OACI1M,EAAAA,IAAA2M,EAAAA,SAAA,CACKlM,SAAAK,MAAMC,QAAQoK,kBACXnL,EAAAA,IAAC4M,EAAAA,QAAA,CACGrI,gBACAyD,MA5EJ0E,EA4EyBvB,EA3EtCrK,MAAMC,QAAQ2L,KAAkB,MAAAA,OAAA,EAAAA,EAAe9K,QAAS,IAAK,MAAA8K,OAAA,EAAAA,EAAe1L,OAAQc,GAAWA,KA4E9E3C,cACA0N,SAAUvI,EACVpE,WACA4M,UAAW,CACP1M,GAAI,CACA2M,QAAS,oBACTC,OAAQ,EAER,yBAA0B,CACtBpM,MAAO,oBACPqM,WAAY,WAM5BnM,MAAMC,QAAQqG,MAAoB,MAAAA,QAAA,EAAAA,GAAiBxF,QAAS,IAAK,OAAA4F,EAAA,MAAAJ,QAAA,EAAAA,GAAiB8F,KAC7EpL,IAAgB,MAAAA,OAAA,EAAAA,EAAQ3B,QAASA,SAD2B,EAAAqH,EAE9DzE,QAASoI,GAAYhM,KAKxCgO,aAAeC,IACXnI,EAAemI,GACftH,IAAkB,IAGrBrF,SAAA,CAAAzB,EAAkB,CACfC,QAASmI,GACTlI,SAAU6C,QAAQ7C,GAClBC,cACAE,OAAQc,EACRf,iBAAiB,EACjBE,MAAO,CAEH6D,gBACAG,gBACAP,SAEJxD,cACAC,eACAC,eACAC,cAGH2G,GAAWI,8BACRzG,MAACC,EAAAA,QAAA,CAASC,UAAQ,EACdO,0BAAAT,IAACoC,EAAAA,QAAA,CAAIhC,GAAI,CAAEiC,QAAS,OAAQgL,eAAgB,SAAUC,MAAO,QACzD7M,8BAAC0L,EAAAA,QAAA,CAAiBxI,KAAM"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -42,9 +42,7 @@ const shareSlice = createSlice({
     );
   }
 });
-var reducer = shareSlice.reducer;
 export {
-  reducer as default,
   shareSlice
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n name: \"share\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n\n builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n state.loading = true;\n state.error = \"\";\n state.users = [];\n state.departments = [];\n state.isError = false;\n });\n\n /-------------------------------- get share drive fullfiled State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.fulfilled,\n (state, action) => {\n state.loading = false;\n state.users = action.payload?.data?.users?.map((user: any) => ({\n ...user,\n label: `${user.first_name} ${user.last_name}`,\n value: user.id,\n }));\n state.departments = action.payload?.data?.roles?.map((role: any) => ({\n ...role,\n label: role.name,\n value: role.id,\n }));\n state.error = \"\";\n state.isError = false;\n },\n );\n\n /-------------------------------- get share drive Rejected State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.rejected,\n (state, action) => {\n state.loading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n },\n );\n },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;~~AAED,IAAA,UAAe,WAAW;~~"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n name: \"share\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n\n builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n state.loading = true;\n state.error = \"\";\n state.users = [];\n state.departments = [];\n state.isError = false;\n });\n\n /-------------------------------- get share drive fullfiled State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.fulfilled,\n (state, action) => {\n state.loading = false;\n state.users = action.payload?.data?.users?.map((user: any) => ({\n ...user,\n label: `${user.first_name} ${user.last_name}`,\n value: user.id,\n }));\n state.departments = action.payload?.data?.roles?.map((role: any) => ({\n ...role,\n label: role.name,\n value: role.id,\n }));\n state.error = \"\";\n state.isError = false;\n },\n );\n\n /-------------------------------- get share drive Rejected State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.rejected,\n (state, action) => {\n state.loading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n },\n );\n },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const d=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,d,l,t,s,o;e.loading=!1,e.users=null==(l=null==(d=null==(a=r.payload)?void 0:a.data)?void 0:d.users)?void 0:l.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});var l=d.reducer;exports.default=l,exports.shareSlice=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const l=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,l,d,t,s,o;e.loading=!1,e.users=null==(d=null==(l=null==(a=r.payload)?void 0:a.data)?void 0:l.users)?void 0:d.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});exports.shareSlice=l;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n name: \"share\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n\n builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n state.loading = true;\n state.error = \"\";\n state.users = [];\n state.departments = [];\n state.isError = false;\n });\n\n /-------------------------------- get share drive fullfiled State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.fulfilled,\n (state, action) => {\n state.loading = false;\n state.users = action.payload?.data?.users?.map((user: any) => ({\n ...user,\n label: `${user.first_name} ${user.last_name}`,\n value: user.id,\n }));\n state.departments = action.payload?.data?.roles?.map((role: any) => ({\n ...role,\n label: role.name,\n value: role.id,\n }));\n state.error = \"\";\n state.isError = false;\n },\n );\n\n /-------------------------------- get share drive Rejected State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.rejected,\n (state, action) => {\n state.loading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n },\n );\n },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message"~~,"reducer"~~],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU~~,OAMxB,IAAAsB,EAAerC,EAAWqC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n name: \"share\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n\n builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n state.loading = true;\n state.error = \"\";\n state.users = [];\n state.departments = [];\n state.isError = false;\n });\n\n /-------------------------------- get share drive fullfiled State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.fulfilled,\n (state, action) => {\n state.loading = false;\n state.users = action.payload?.data?.users?.map((user: any) => ({\n ...user,\n label: `${user.first_name} ${user.last_name}`,\n value: user.id,\n }));\n state.departments = action.payload?.data?.roles?.map((role: any) => ({\n ...role,\n label: role.name,\n value: role.id,\n }));\n state.error = \"\";\n state.isError = false;\n },\n );\n\n /-------------------------------- get share drive Rejected State ---------------------------------/\n builder.addCase(\n getAllUserAndDepartmentDropdown.rejected,\n (state, action) => {\n state.loading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n },\n );\n },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message"],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU"}