@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAllMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\n\nexport type SelectAllCheckboxState =\n\t| 'notSelected'\n\t| 'selectAll'\n\t| 'partiallySelected';\n\nexport const SelectAllMenu: React.FC<{\n\toptions: DropdownOption[];\n\tonSelect: (newState: SelectAllCheckboxState) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected || false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected || false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' || checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","filter","option","disabled","forEach","op","nestedOption","push","selected","every","Boolean","length","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"iNAUO,MAAMA,EAIRA,EAAGC,UAASC,WAAUC,cAC1B,MAAOC,EAAaC,GACnBC,EAAiC,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,GAAU,KACT,MAAMC,EAAwB,GAE9BR,EACES,QAAQC,IAAaA,EAAwBC,WAC7CC,SAASF,IACJA,EAAyBV,QAC5BU,EAAyBV,QACxBS,QAAQI,IAAQA,EAAGF,WACnBC,SAASE,IACTN,EAAWO,KAAKD,EAAaE,WAAY,EAAM,IAGjDR,EAAWO,KAAML,EAAwBM,WAAY,EACrD,IAGCR,EAAWS,MAAMC,SACpBd,EAAe,aACLI,EAAWC,OAAOS,SAASC,OAAS,EAC9Cf,EAAe,qBAEfA,EAAe,cACf,GACC,CAACJ,IAGHoB,EAACC,EAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAA,MAAAS,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCd,EAACe,EACA,CAAAC,KAAkB,QAAZlC,EAAoB,QAAU,UACpCmC,UACiB,cAAhBlC,GAA+C,sBAAhBA,EAEhCmC,mBAAoC,sBAAhBnC,EACpBoC,cAAejC,OAIlBkC,QAAS,WACR"}
+{"version":3,"file":"SelectAllMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\n\nexport type SelectAllCheckboxState =\n\t| 'notSelected'\n\t| 'selectAll'\n\t| 'partiallySelected';\n\nexport const SelectAllMenu: React.FC<{\n\toptions: DropdownOption[];\n\tonSelect: (newState: SelectAllCheckboxState) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected || false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected || false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' || checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","_ref","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","filter","option","disabled","forEach","op","nestedOption","push","selected","every","Boolean","length","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"iNAUaA,MAAAA,EAIRC,IAAmC,IAAlCC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAASH,EACnC,MAAOI,EAAaC,GACnBC,EAAiC,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,GAAU,KACT,MAAMC,EAAwB,GAE9BR,EACES,QAAQC,IAAaA,EAAwBC,WAC7CC,SAASF,IACJA,EAAyBV,QAC5BU,EAAyBV,QACxBS,QAAQI,IAAQA,EAAGF,WACnBC,SAASE,IACTN,EAAWO,KAAKD,EAAaE,WAAY,EAAM,IAGjDR,EAAWO,KAAML,EAAwBM,WAAY,EACrD,IAGCR,EAAWS,MAAMC,SACpBd,EAAe,aACLI,EAAWC,OAAOS,SAASC,OAAS,EAC9Cf,EAAe,qBAEfA,EAAe,cACf,GACC,CAACJ,IAGHoB,EAACC,EAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAA,MAAAS,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCd,EAACe,EACA,CAAAC,KAAkB,QAAZlC,EAAoB,QAAU,UACpCmC,UACiB,cAAhBlC,GAA+C,sBAAhBA,EAEhCmC,mBAAoC,sBAAhBnC,EACpBoC,cAAejC,OAIlBkC,QAAS,WACR"}

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1,2 +1,2 @@
-import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=({onSearch:a,version:m})=>{const[h,l]=t(""),[d,u]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===m?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===m?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===m?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===m?18:24,height:"2.0"===m?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{u(!0),a(""),l("")},Icon:c,width:"2.0"===m?18:24,height:"2.0"===m?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:d,onChangeText:o=>{u(!1),l(o),a(o)}})}))};export{a as SearchBox};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:m,version:l}=a;const[h,d]=t(""),[u,f]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{f(!0),m(""),d("")},Icon:c,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:u,onChangeText:o=>{f(!1),d(o),m(o)}})}))};export{a as SearchBox};
 //# sourceMappingURL=SearchBox.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\t\t\t\tCOLORS.stroke.primary\n\t\t\t\t\t}`,\n\t\t\t\t\tpadding: `${version === '2.0' ? '6px 8px' : '14px 16px'}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","onSearch","version","val","setVal","useState","reset","setReset","_jsx","InputStyleContext","Provider","Object","assign","value","InputWrapper","borderRadius","border","borderBottom","COLORS","stroke","primary","padding","IconHolder","marginLeft","input","minHeight","children","Input","noKeyDownChange","skipFocus","placeholder","variant","leftIcon","icon","SearchIcon","width","height","color","content","rightIcon","IconButton","onClick","Icon","CrossIcon","iconColor","_Fragment","onChangeText","text"],"mappings":"6cAQO,MAAMA,EAGRA,EAAGC,WAAUC,cACjB,MAAOC,EAAKC,GAAUC,EAAS,KACxBC,EAAOC,GAAYF,GAAS,GAEnC,OACCG,EAACC,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,aAAc,GAAe,QAAZf,EAAoB,GAAM,aAC1CgB,EAAOC,OAAOC,UAEfC,QAAS,IAAe,QAAZnB,EAAoB,UAAY,cAE7CoB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDlB,EAACmB,EACA,CAAAC,iBACA,EAAAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ7B,EAAoB,QAAU,UACvC8B,SAAU,CACTC,KAAMA,IACLzB,EAAC0B,GACAC,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjCmC,MAAOnB,EAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ9B,EAGAK,EAACgC,EACA,CAAAC,QAASA,KACRlC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXsC,KAAMC,EACNR,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjC0C,UAAW1B,EAAOoB,QAAQR,cAX3BtB,EAAAqC,EAAA,KAeHvC,MAAOA,EACPwC,aAAeC,IACdxC,GAAS,GACTH,EAAO2C,GACP9C,EAAS8C,EAAK,MAGY"}
+{"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\t\t\t\tCOLORS.stroke.primary\n\t\t\t\t\t}`,\n\t\t\t\t\tpadding: `${version === '2.0' ? '6px 8px' : '14px 16px'}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","_ref","onSearch","version","val","setVal","useState","reset","setReset","_jsx","InputStyleContext","Provider","Object","assign","value","InputWrapper","borderRadius","border","borderBottom","COLORS","stroke","primary","padding","IconHolder","marginLeft","input","minHeight","children","Input","noKeyDownChange","skipFocus","placeholder","variant","leftIcon","icon","SearchIcon","width","height","color","content","rightIcon","IconButton","onClick","Icon","CrossIcon","iconColor","_Fragment","onChangeText","text"],"mappings":"6cAQaA,MAAAA,EAGRC,IAA0B,IAAzBC,SAAEA,EAAQC,QAAEA,GAASF,EAC1B,MAAOG,EAAKC,GAAUC,EAAS,KACxBC,EAAOC,GAAYF,GAAS,GAEnC,OACCG,EAACC,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,aAAiB,GAAY,QAAZf,EAAoB,GAAM,aAC1CgB,EAAOC,OAAOC,UAEfC,QAAS,IAAe,QAAZnB,EAAoB,UAAY,cAE7CoB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDlB,EAACmB,EACA,CAAAC,iBACA,EAAAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ7B,EAAoB,QAAU,UACvC8B,SAAU,CACTC,KAAMA,IACLzB,EAAC0B,GACAC,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjCmC,MAAOnB,EAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ9B,EAGAK,EAACgC,EACA,CAAAC,QAASA,KACRlC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXsC,KAAMC,EACNR,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjC0C,UAAW1B,EAAOoB,QAAQR,cAX3BtB,EAAAqC,EAAA,KAeHvC,MAAOA,EACPwC,aAAeC,IACdxC,GAAS,GACTH,EAAO2C,GACP9C,EAAS8C,EAAK,MAGY"}

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const o=({searchedString:o,height:i,isLoading:n,containerWidth:r,errorMessage:s,onRetry:a})=>{const l=!!s&&!n;return t("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:n,title:l?"Failed to load options":"No results found",subTitle:l?s:`Sorry we could not find any results for "${null!=o?o:""}"`,actionButton:l?{buttonText:"Try again",buttonType:"text",onClick:a}:void 0,containerWidth:r})}))};export{o as SearchZeroState};
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const o=o=>{let{searchedString:i,height:n,isLoading:r,containerWidth:s,errorMessage:a,onRetry:l}=o;const d=!!a&&!r;return t("div",Object.assign({style:{height:n,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:r,title:d?"Failed to load options":"No results found",subTitle:d?a:`Sorry we could not find any results for "${null!=i?i:""}"`,actionButton:d?{buttonText:"Try again",buttonType:"text",onClick:l}:void 0,containerWidth:s})}))};export{o as SearchZeroState};
 //# sourceMappingURL=SearchZeroState.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t  }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","_jsx","Object","assign","style","display","alignItems","children","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined"],"mappings":"uGAGO,MAAMA,EAORA,EACJC,iBACAC,SACAC,YACAC,iBACAC,eACAC,cAEA,MAAMC,IAAiBF,IAAiBF,EAExC,OACCK,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNT,OAAQA,EACRU,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAACO,EACA,CAAAZ,UAAWA,EACXa,MAAOT,EAAe,yBAA2B,mBACjDU,SACCV,EACGF,EACA,4CACAJ,QAAAA,EAAkB,MAGtBiB,aACCX,EACG,CACAY,WAAY,YACZC,WAAY,OACZC,QAASf,QAETgB,EAEJlB,eAAgBA,MAEZ"}
+{"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t  }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","_ref","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","_jsx","Object","assign","style","display","alignItems","children","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined"],"mappings":"uGAGaA,MAAAA,EAORC,IAOA,IAPCC,eACLA,EAAcC,OACdA,EAAMC,UACNA,EAASC,eACTA,EAAcC,aACdA,EAAYC,QACZA,GACAN,EACA,MAAMO,IAAiBF,IAAiBF,EAExC,OACCK,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNT,OAAQA,EACRU,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAACO,EACA,CAAAZ,UAAWA,EACXa,MAAOT,EAAe,yBAA2B,mBACjDU,SACCV,EACGF,EACA,4CACAJ,QAAAA,EAAkB,MAGtBiB,aACCX,EACG,CACAY,WAAY,YACZC,WAAY,OACZC,QAASf,QAETgB,EAEJlB,eAAgBA,MAEZ"}

package/dist/esm/components/dropdown/hooks/useDropdown.js

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import t from"lodash/debounce";import{useState as s,useRef as l,useEffect as n,useCallback as c,useMemo as i}from"react";import{iterateOnOptionsRaw as o,iterateOnOptions as a}from"../OpenedDropdown/utils/iterationOnOptions.js";const r=(r="1.0",u,d,v,f,p,b,g=[],O)=>{const[j,h]=s(null!=u?u:[]),[m,w]=s([]),[S,C]=s(""),[E,y]=s(void 0),F=l(j),L=l(p);n((()=>{L.current=p}),[p]),n((()=>{if(F.current=j,m.length&&S&&p){let e=[...m];const t=j.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),b&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!g.includes(e.value)})))),w(f&&!v?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[j]),n((()=>{if(u){const e=[...u];h(f&&!v?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[u]);const A=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},x=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},M=e=>!(!f||!O&&0!==O)&&x(e)>=O,D=c((t=>e(void 0,void 0,void 0,(function*(){const e=L.current;if(!t||!e)return;const s=[];o(F.current,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)}));try{const l=yield e(t);if(y(void 0),l){const e=l.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));w([...e])}else w([])}catch(e){w([]),y(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}}))),[]),H=i((()=>t(D,300)),[D]);function R(e,t){if(f){if(e.selected&&O&&M(j))return;if(m.length&&S&&p)if(e.selected){if(O&&M(j))return;let s=!1;const l=a(j,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];h([...l]),"2.0"===r&&_(l)}else{let s=!1,l=a(j,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];h([...l]),"2.0"===r&&_(l)}else{const s=a(j,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];h([...s]),"2.0"===r&&_(s)}}else null==d||d(e)}function _(e){const t=A(null!=e?e:F.current);null==d||d([...t])}return n((()=>()=>null==H?void 0:H.cancel()),[H]),{latestDropdownOptionsRef:F,dropdownOptions:j,search:function(e){C(e),w([]),y(void 0),e?H(e):null==H||H.cancel()},searchedString:S,searchedOptions:m,searchError:E,retrySearch:function(){S&&(y(void 0),D(S))},onApplyHandler:R,selectAllHandler:function(e){if(m.length&&S&&p)"selectAll"===e?function(e){let t=[...j];if(e&&O&&O>0){const e=x(t),s=O-e;if(s<=0)return;let l=0;m.forEach((e=>{if(l>=s)return;let n=!1;t=t.map((t=>{const s=e;return t.selected||t.disabled?t:void 0!==s.value&&s.value===t.value?(n=!0,l++,Object.assign(Object.assign({},t),{selected:!0})):t})),!n&&l<s&&(e.disabled||(t.push(Object.assign(Object.assign({},e),{selected:!0})),l++))})),h([...t]),"2.0"===r&&_(t)}}(!0):function(e){let t=[...j];e?m.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):m.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),h([...t]),"2.0"===r&&_(t)}(!1);else if("selectAll"===e)if(O&&O>0){const e=x(j),t=O-e;if(t<=0)return;let s=0;const l=j.map((e=>{var l;if(e.options){const l=e;return Object.assign(Object.assign({},l),{options:l.options.map((e=>{var l;return e.disabled||e.selected||S&&!(null===(l=e.label)||void 0===l?void 0:l.toLowerCase().includes(S.toLowerCase()))?e:s<t?(s++,Object.assign(Object.assign({},e),{selected:!0})):e}))})}{const n=e;return n.disabled||(n.selected||S&&!(null===(l=n.label)||void 0===l?void 0:l.toLowerCase().includes(S.toLowerCase())))?e:s<t?(s++,Object.assign(Object.assign({},e),{selected:!0})):e}}));h([...l]),"2.0"===r&&_(l)}else{const e=a(j,{selected:!0},(e=>{var t;return S?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(S.toLowerCase()))&&!e.disabled:!e.disabled}));h([...e]),"2.0"===r&&_(e)}else if("notSelected"===e){const e=a(j,{selected:!1},(e=>!e.disabled));h([...e]),"2.0"===r&&_(e)}},onMultiSelectClear:function(){const e=a(j,{selected:!1});h([...e]),"2.0"===r&&_(e)},onFreeFormSelect:function(e){if(!f)return void R({label:S,value:S,isFreeForm:!0,selected:!0});const t=j.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===S&&t.value===S?e:t.selected})));e&&(t.some((e=>e.label===S&&e.value===S))||t.unshift({label:S,value:S,isFreeForm:!0,selected:!0})),h([...t]),"2.0"===r&&_(t)},onMultiSelectApply:_,getSelectedOptions:A,getCurrentSelectionCount:x,isMaxSelectionsReached:M,maxSelections:O}};export{r as useDropdown};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import t from"lodash/debounce";import{useState as s,useRef as n,useEffect as l,useCallback as i,useMemo as c}from"react";import{iterateOnOptionsRaw as o,iterateOnOptions as a}from"../OpenedDropdown/utils/iterationOnOptions.js";const r=function(){let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",d=arguments.length>1?arguments[1]:void 0,u=arguments.length>2?arguments[2]:void 0,v=arguments.length>3?arguments[3]:void 0,f=arguments.length>4?arguments[4]:void 0,g=arguments.length>5?arguments[5]:void 0,p=arguments.length>6?arguments[6]:void 0,b=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],O=arguments.length>8?arguments[8]:void 0;const[h,j]=s(null!=d?d:[]),[m,w]=s([]),[S,C]=s(""),[E,y]=s(void 0),F=n(h),L=n(g);l((()=>{L.current=g}),[g]),l((()=>{if(F.current=h,m.length&&S&&g){let e=[...m];const t=h.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),p&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!b.includes(e.value)})))),w(f&&!v?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[h]),l((()=>{if(d){const e=[...d];j(f&&!v?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]);const A=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},x=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},M=e=>!(!f||!O&&0!==O)&&x(e)>=O,D=i((t=>e(void 0,void 0,void 0,(function*(){const e=L.current;if(!t||!e)return;const s=[];o(F.current,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)}));try{const n=yield e(t);if(y(void 0),n){const e=n.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));w([...e])}else w([])}catch(e){w([]),y(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}}))),[]),H=c((()=>t(D,300)),[D]);function R(e,t){if(f){if(e.selected&&O&&M(h))return;if(m.length&&S&&g)if(e.selected){if(O&&M(h))return;let s=!1;const n=a(h,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||n.push(e),t)return[...n];j([...n]),"2.0"===r&&_(n)}else{let s=!1,n=a(h,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(n=n.filter((t=>t.value!==e.value))),t)return[...n];j([...n]),"2.0"===r&&_(n)}else{const s=a(h,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];j([...s]),"2.0"===r&&_(s)}}else null==u||u(e)}function _(e){const t=A(null!=e?e:F.current);null==u||u([...t])}return l((()=>()=>null==H?void 0:H.cancel()),[H]),{latestDropdownOptionsRef:F,dropdownOptions:h,search:function(e){C(e),w([]),y(void 0),e?H(e):null==H||H.cancel()},searchedString:S,searchedOptions:m,searchError:E,retrySearch:function(){S&&(y(void 0),D(S))},onApplyHandler:R,selectAllHandler:function(e){if(m.length&&S&&g)"selectAll"===e?function(e){let t=[...h];if(e&&O&&O>0){const e=x(t),s=O-e;if(s<=0)return;let n=0;m.forEach((e=>{if(n>=s)return;let l=!1;t=t.map((t=>{const s=e;return t.selected||t.disabled?t:void 0!==s.value&&s.value===t.value?(l=!0,n++,Object.assign(Object.assign({},t),{selected:!0})):t})),!l&&n<s&&(e.disabled||(t.push(Object.assign(Object.assign({},e),{selected:!0})),n++))})),j([...t]),"2.0"===r&&_(t)}}(!0):function(e){let t=[...h];e?m.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):m.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),j([...t]),"2.0"===r&&_(t)}(!1);else if("selectAll"===e)if(O&&O>0){const e=x(h),t=O-e;if(t<=0)return;let s=0;const n=h.map((e=>{var n;if(e.options){const n=e;return Object.assign(Object.assign({},n),{options:n.options.map((e=>{var n;return e.disabled||e.selected||S&&!(null===(n=e.label)||void 0===n?void 0:n.toLowerCase().includes(S.toLowerCase()))?e:s<t?(s++,Object.assign(Object.assign({},e),{selected:!0})):e}))})}{const l=e;return l.disabled||(l.selected||S&&!(null===(n=l.label)||void 0===n?void 0:n.toLowerCase().includes(S.toLowerCase())))?e:s<t?(s++,Object.assign(Object.assign({},e),{selected:!0})):e}}));j([...n]),"2.0"===r&&_(n)}else{const e=a(h,{selected:!0},(e=>{var t;return S?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(S.toLowerCase()))&&!e.disabled:!e.disabled}));j([...e]),"2.0"===r&&_(e)}else if("notSelected"===e){const e=a(h,{selected:!1},(e=>!e.disabled));j([...e]),"2.0"===r&&_(e)}},onMultiSelectClear:function(){const e=a(h,{selected:!1});j([...e]),"2.0"===r&&_(e)},onFreeFormSelect:function(e){if(!f)return void R({label:S,value:S,isFreeForm:!0,selected:!0});const t=h.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===S&&t.value===S?e:t.selected})));e&&(t.some((e=>e.label===S&&e.value===S))||t.unshift({label:S,value:S,isFreeForm:!0,selected:!0})),j([...t]),"2.0"===r&&_(t)},onMultiSelectApply:_,getSelectedOptions:A,getCurrentSelectionCount:x,isMaxSelectionsReached:M,maxSelections:O}};export{r as useDropdown};
 //# sourceMappingURL=useDropdown.js.map

package/dist/esm/components/dropdown/hooks/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/dropdown/hooks/useDropdown.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';\nimport {\n\titerateOnOptions,\n\titerateOnOptionsRaw,\n} from '../OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, GroupedOption, SingleOption } from '../type';\n\nexport const useDropdown = (\n\tversion = '1.0',\n\toptions: DropdownOption[],\n\tonSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined,\n\tskipSorting?: boolean,\n\tisMultiSelect?: boolean,\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>,\n\tdisableOtherSearchedOption?: boolean,\n\tdisableSearchedOptionExcept: string[] = [],\n\tmaxSelections?: number,\n) => {\n\tconst [dropdownOptions, setDropdownOptions] = useState(options ?? []);\n\tconst [searchedOptions, setSearchedOptions] = useState<DropdownOption[]>([]);\n\tconst [searchedString, setSearchedString] = useState('');\n\tconst [searchError, setSearchError] = useState<string | undefined>(undefined);\n\tconst latestDropdownOptionsRef = useRef(dropdownOptions);\n\t/** Store latest onSearch so performSearch/debouncedSearch stay stable when parent re-renders with new callback reference. */\n\tconst onSearchRef = useRef(onSearch);\n\n\tuseEffect(() => {\n\t\tonSearchRef.current = onSearch;\n\t}, [onSearch]);\n\n\tuseEffect(() => {\n\t\tlatestDropdownOptionsRef.current = dropdownOptions;\n\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tlet searchedOptionsClone = [...searchedOptions] as SingleOption[];\n\t\t\tconst dropdownOptionFlat = dropdownOptions\n\t\t\t\t.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\treturn (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t\t}));\n\t\t\t\t\t}\n\t\t\t\t\tconst op = option as SingleOption;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t\t.flat();\n\n\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\tconst selectedDropdownOption = dropdownOptionFlat.find(\n\t\t\t\t\t(dropdownOption) => {\n\t\t\t\t\t\tif (option.value === dropdownOption.value) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t},\n\t\t\t\t);\n\n\t\t\t\tif (selectedDropdownOption) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedDropdownOption.selected,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t});\n\n\t\t\t// disable other options except selected in searched options\n\t\t\tif (disableOtherSearchedOption) {\n\t\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tdisabled: !disableSearchedOptionExcept.includes(option.value),\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetSearchedOptions([\n\t\t\t\t\t...searchedOptionsClone.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([...searchedOptionsClone]);\n\t\t\t}\n\t\t}\n\t}, [dropdownOptions]);\n\n\tuseEffect(() => {\n\t\tif (options) {\n\t\t\tconst writeOptions = [...options];\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetDropdownOptions([\n\t\t\t\t\t...writeOptions.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetDropdownOptions([...writeOptions]);\n\t\t\t}\n\t\t}\n\t}, [options]);\n\n\tconst getSelectedOptions = (data: DropdownOption[]) => {\n\t\tconst selectedOptions: DropdownOption[] = [];\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOptions = (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t);\n\t\t\t\tselectedOptions.push({\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: [...groupedOptions],\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tselectedOptions.push({ ...option });\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn selectedOptions;\n\t};\n\n\t// Count current selections for max selection limit\n\tconst getCurrentSelectionCount = (data: DropdownOption[]) => {\n\t\tlet count = 0;\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tcount += (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t).length;\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn count;\n\t};\n\n\t// Check if max selections limit is reached\n\tconst isMaxSelectionsReached = (data: DropdownOption[]) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) return false;\n\t\treturn getCurrentSelectionCount(data) >= maxSelections;\n\t};\n\n\t/** Reads onSearch from ref so it stays stable ([] deps). No-ops when onSearchRef.current is undefined. */\n\tconst performSearch = useCallback(async (searchKey: string) => {\n\t\tconst onSearchFn = onSearchRef.current;\n\t\tif (!searchKey || !onSearchFn) return;\n\n\t\tconst selectedIds: (string | number)[] = [];\n\t\titerateOnOptionsRaw(latestDropdownOptionsRef.current, (option) => {\n\t\t\tif (option.selected && !selectedIds.includes(option.value)) {\n\t\t\t\tselectedIds.push(option.value);\n\t\t\t}\n\t\t});\n\n\t\ttry {\n\t\t\tconst response = await onSearchFn(searchKey);\n\t\t\tsetSearchError(undefined);\n\t\t\tif (response) {\n\t\t\t\tconst updatedResponseData = response.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => ({\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\tselected: selectedIds.includes(op.value),\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedIds.includes((option as SingleOption).value),\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tsetSearchedOptions([...updatedResponseData]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tsetSearchedOptions([]);\n\t\t\tsetSearchError(\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\t}, []);\n\n\t/** Independent of onSearch so debounce is stable when callers pass inline functions. Pending searches are preserved across parent re-renders. performSearch no-ops when onSearchRef.current is undefined. */\n\tconst debouncedSearch = useMemo(\n\t\t() => debounce(performSearch, 300),\n\t\t[performSearch],\n\t);\n\n\tuseEffect(() => () => debouncedSearch?.cancel(), [debouncedSearch]);\n\n\tfunction search(searchKey: string) {\n\t\tsetSearchedString(searchKey);\n\t\tsetSearchedOptions([]);\n\t\tsetSearchError(undefined);\n\n\t\tif (!searchKey) {\n\t\t\tdebouncedSearch?.cancel();\n\t\t\treturn;\n\t\t}\n\n\t\tdebouncedSearch(searchKey);\n\t}\n\n\tfunction retrySearch() {\n\t\tif (searchedString) {\n\t\t\tsetSearchError(undefined);\n\t\t\tperformSearch(searchedString);\n\t\t}\n\t}\n\n\t/**\n\t * wrapper to prepare option for onSelect\n\t * for single select, this will call the onClose handler ,\n\t * for multiselect, it will do state update for options list\n\t * \t\tto make any option select,\n\t * \t\t\t\tonApplyHandler({ label, value: selected: true })\n\t *    to deselect any option\n\t * \t\t\t\tonApplyHandler({ label, value: selected: false })\n\t * @param optionSelect\n\t */\n\tfunction onApplyHandler(optionSelect: SingleOption, returnOnly?: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonSelect?.(optionSelect);\n\t\t} else {\n\t\t\t// Check if trying to select and max selections is reached\n\t\t\tif (\n\t\t\t\toptionSelect.selected &&\n\t\t\t\tmaxSelections &&\n\t\t\t\tisMaxSelectionsReached(dropdownOptions)\n\t\t\t) {\n\t\t\t\t// Max selections reached, don't allow new selections\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\t\t/** Search mode */\n\t\t\t\t/**\n\t\t\t\t * on selected, push it to dropdown options,\n\t\t\t\t * on un-select, remove from dropdown option\n\t\t\t\t */\n\n\t\t\t\tif (optionSelect.selected) {\n\t\t\t\t\t// Check max selections for search mode too\n\t\t\t\t\tif (maxSelections && isMaxSelectionsReached(dropdownOptions)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t/** check if already there or not,\n\t\t\t\t\t * if yes, just update\n\t\t\t\t\t * else ,\n\t\t\t\t\t * \tappend\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList.push(optionSelect);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t/** un-select,\n\t\t\t\t\t * if already present in initial data,\n\t\t\t\t\t * yes, just update\n\t\t\t\t\t * else,\n\t\t\t\t\t * \tremove\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tlet currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList = currList.filter((option) => {\n\t\t\t\t\t\t\tif (option.value === optionSelect.value) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t(optionForValidation: SingleOption) =>\n\t\t\t\t\t\toptionForValidation.value === optionSelect.value,\n\t\t\t\t);\n\n\t\t\t\tif (returnOnly) {\n\t\t\t\t\treturn [...currList];\n\t\t\t\t}\n\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllForSearch(select: boolean) {\n\t\t// const allSearchedValues = searchedOptions.map(option => option.value);\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select) {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found) {\n\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t}\n\t}\n\n\tfunction selectAllForSearchWithLimit(select: boolean) {\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select && maxSelections && maxSelections > 0) {\n\t\t\tconst currentCount = getCurrentSelectionCount(clonedDropdownOptions);\n\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t// Already at max, don't select any more\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet selectedCount = 0;\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tif (selectedCount >= remainingSlots) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t// Skip if already selected\n\t\t\t\t\tif ((dOption as SingleOption).selected) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\t\t\t\t\t// Skip if disabled\n\t\t\t\t\tif ((dOption as SingleOption).disabled) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found && selectedCount < remainingSlots) {\n\t\t\t\t\tconst newOption = option as SingleOption;\n\t\t\t\t\tif (!newOption.disabled) {\n\t\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\t\tif (version === '2.0') {\n\t\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllHandler(newState: SelectAllCheckboxState) {\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tselectAllForSearchWithLimit(true);\n\t\t\t} else {\n\t\t\t\tselectAllForSearch(false);\n\t\t\t}\n\t\t} else {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tif (maxSelections && maxSelections > 0) {\n\t\t\t\t\t// Only select up to maxSelections limit\n\t\t\t\t\tconst currentCount = getCurrentSelectionCount(dropdownOptions);\n\t\t\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t\t\t// Already at max, don't select any more\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet selectedCount = 0;\n\t\t\t\t\tconst newOptions = dropdownOptions.map((option) => {\n\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t// Handle grouped options\n\t\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => {\n\t\t\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\t\t\tif (op.disabled) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t\t\t!op.label\n\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\t\t\treturn { ...op, selected: true };\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\tif (singleOption.disabled) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t!singleOption.label\n\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\treturn { ...option, selected: true };\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// No max selection limit, select all\n\t\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: true },\n\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\tsearchedString\n\t\t\t\t\t\t\t\t? option.label\n\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) && !option.disabled\n\t\t\t\t\t\t\t\t: !option.disabled,\n\t\t\t\t\t);\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (newState === 'notSelected') {\n\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: false },\n\t\t\t\t\t(option) => !option.disabled,\n\t\t\t\t);\n\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onMultiSelectClear() {\n\t\tconst newOptions = iterateOnOptions(dropdownOptions, { selected: false });\n\t\tsetDropdownOptions([...newOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(newOptions);\n\t\t}\n\t}\n\n\tfunction onFreeFormSelect(selected: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonApplyHandler({\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t\tisFreeForm: true,\n\t\t\t\tselected: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst updatedList = dropdownOptions.map((option) =>\n\t\t\t(option as GroupedOption).options\n\t\t\t\t? option\n\t\t\t\t: {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t/** free form check */\n\t\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t\t(option as SingleOption).value === searchedString\n\t\t\t\t\t\t\t\t? /** to mark as selected or not */\n\t\t\t\t\t\t\t\t  selected\n\t\t\t\t\t\t\t\t: (option as SingleOption).selected,\n\t\t\t\t  },\n\t\t);\n\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\t!updatedList.some(\n\t\t\t\t\t(option) =>\n\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t(option as SingleOption).value === searchedString,\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedList.unshift({\n\t\t\t\t\tlabel: searchedString,\n\t\t\t\t\tvalue: searchedString,\n\t\t\t\t\tisFreeForm: true,\n\t\t\t\t\tselected: true,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tsetDropdownOptions([...updatedList]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(updatedList);\n\t\t}\n\t}\n\n\t/**\n\t * This is called when appy button is called,\n\t * here iterate and pick all options where selected if true.\n\t */\n\tfunction onMultiSelectApply(options?: DropdownOption[]) {\n\t\tconst optionsToSend: DropdownOption[] = getSelectedOptions(\n\t\t\toptions ?? latestDropdownOptionsRef.current,\n\t\t);\n\n\t\tonSelect?.([...optionsToSend]);\n\t}\n\n\treturn {\n\t\tlatestDropdownOptionsRef,\n\t\tdropdownOptions,\n\t\tsearch,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tsearchError,\n\t\tretrySearch,\n\t\tonApplyHandler,\n\t\tselectAllHandler,\n\t\tonMultiSelectClear,\n\t\tonFreeFormSelect,\n\t\tonMultiSelectApply,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t\tisMaxSelectionsReached,\n\t\tmaxSelections,\n\t};\n};\n"],"names":["useDropdown","version","options","onSelect","skipSorting","isMultiSelect","onSearch","disableOtherSearchedOption","disableSearchedOptionExcept","maxSelections","dropdownOptions","setDropdownOptions","useState","searchedOptions","setSearchedOptions","searchedString","setSearchedString","searchError","setSearchError","undefined","latestDropdownOptionsRef","useRef","onSearchRef","useEffect","current","length","searchedOptionsClone","dropdownOptionFlat","map","option","op","value","selected","flat","selectedDropdownOption","find","dropdownOption","Object","assign","disabled","includes","sort","writeOptions","getSelectedOptions","data","selectedOptions","forEach","groupedOptions","filter","push","getCurrentSelectionCount","count","isMaxSelectionsReached","performSearch","useCallback","searchKey","__awaiter","onSearchFn","selectedIds","iterateOnOptionsRaw","response","updatedResponseData","groupedOption","error","Error","message","debouncedSearch","useMemo","debounce","onApplyHandler","optionSelect","returnOnly","alreadyPresentInInitialOptions","currList","iterateOnOptions","optionForValidation","onMultiSelectApply","optionsToSend","cancel","search","retrySearch","selectAllHandler","newState","select","clonedDropdownOptions","currentCount","remainingSlots","selectedCount","found","dOption","singleOption","selectAllForSearchWithLimit","selectAllForSearch","newOptions","_a","label","toLowerCase","onMultiSelectClear","onFreeFormSelect","isFreeForm","updatedList","some","unshift"],"mappings":"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"}
+{"version":3,"file":"useDropdown.js","sources":["../../../../../src/components/dropdown/hooks/useDropdown.tsx"],"sourcesContent":["import debounce from 'lodash/debounce';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';\nimport {\n\titerateOnOptions,\n\titerateOnOptionsRaw,\n} from '../OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, GroupedOption, SingleOption } from '../type';\n\nexport const useDropdown = (\n\tversion = '1.0',\n\toptions: DropdownOption[],\n\tonSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined,\n\tskipSorting?: boolean,\n\tisMultiSelect?: boolean,\n\tonSearch?: (searchKey: string) => Promise<DropdownOption[]>,\n\tdisableOtherSearchedOption?: boolean,\n\tdisableSearchedOptionExcept: string[] = [],\n\tmaxSelections?: number,\n) => {\n\tconst [dropdownOptions, setDropdownOptions] = useState(options ?? []);\n\tconst [searchedOptions, setSearchedOptions] = useState<DropdownOption[]>([]);\n\tconst [searchedString, setSearchedString] = useState('');\n\tconst [searchError, setSearchError] = useState<string | undefined>(undefined);\n\tconst latestDropdownOptionsRef = useRef(dropdownOptions);\n\t/** Store latest onSearch so performSearch/debouncedSearch stay stable when parent re-renders with new callback reference. */\n\tconst onSearchRef = useRef(onSearch);\n\n\tuseEffect(() => {\n\t\tonSearchRef.current = onSearch;\n\t}, [onSearch]);\n\n\tuseEffect(() => {\n\t\tlatestDropdownOptionsRef.current = dropdownOptions;\n\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tlet searchedOptionsClone = [...searchedOptions] as SingleOption[];\n\t\t\tconst dropdownOptionFlat = dropdownOptions\n\t\t\t\t.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\treturn (option as GroupedOption).options.map((op) => ({\n\t\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t\t}));\n\t\t\t\t\t}\n\t\t\t\t\tconst op = option as SingleOption;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: op.value,\n\t\t\t\t\t\tselected: op.selected,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t\t.flat();\n\n\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\tconst selectedDropdownOption = dropdownOptionFlat.find(\n\t\t\t\t\t(dropdownOption) => {\n\t\t\t\t\t\tif (option.value === dropdownOption.value) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t},\n\t\t\t\t);\n\n\t\t\t\tif (selectedDropdownOption) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedDropdownOption.selected,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn option;\n\t\t\t});\n\n\t\t\t// disable other options except selected in searched options\n\t\t\tif (disableOtherSearchedOption) {\n\t\t\t\tsearchedOptionsClone = searchedOptionsClone.map((option) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tdisabled: !disableSearchedOptionExcept.includes(option.value),\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetSearchedOptions([\n\t\t\t\t\t...searchedOptionsClone.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([...searchedOptionsClone]);\n\t\t\t}\n\t\t}\n\t}, [dropdownOptions]);\n\n\tuseEffect(() => {\n\t\tif (options) {\n\t\t\tconst writeOptions = [...options];\n\t\t\tif (isMultiSelect && !skipSorting) {\n\t\t\t\tsetDropdownOptions([\n\t\t\t\t\t...writeOptions.sort((option) =>\n\t\t\t\t\t\t(option as SingleOption).selected ? -1 : 1,\n\t\t\t\t\t),\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\tsetDropdownOptions([...writeOptions]);\n\t\t\t}\n\t\t}\n\t}, [options]);\n\n\tconst getSelectedOptions = (data: DropdownOption[]) => {\n\t\tconst selectedOptions: DropdownOption[] = [];\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tconst groupedOptions = (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t);\n\t\t\t\tselectedOptions.push({\n\t\t\t\t\t...option,\n\t\t\t\t\toptions: [...groupedOptions],\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tselectedOptions.push({ ...option });\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn selectedOptions;\n\t};\n\n\t// Count current selections for max selection limit\n\tconst getCurrentSelectionCount = (data: DropdownOption[]) => {\n\t\tlet count = 0;\n\t\tdata.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\tcount += (option as GroupedOption).options.filter(\n\t\t\t\t\t(op) => op.selected === true,\n\t\t\t\t).length;\n\t\t\t} else {\n\t\t\t\tif ((option as SingleOption).selected) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn count;\n\t};\n\n\t// Check if max selections limit is reached\n\tconst isMaxSelectionsReached = (data: DropdownOption[]) => {\n\t\tif (!isMultiSelect || (!maxSelections && maxSelections !== 0)) return false;\n\t\treturn getCurrentSelectionCount(data) >= maxSelections;\n\t};\n\n\t/** Reads onSearch from ref so it stays stable ([] deps). No-ops when onSearchRef.current is undefined. */\n\tconst performSearch = useCallback(async (searchKey: string) => {\n\t\tconst onSearchFn = onSearchRef.current;\n\t\tif (!searchKey || !onSearchFn) return;\n\n\t\tconst selectedIds: (string | number)[] = [];\n\t\titerateOnOptionsRaw(latestDropdownOptionsRef.current, (option) => {\n\t\t\tif (option.selected && !selectedIds.includes(option.value)) {\n\t\t\t\tselectedIds.push(option.value);\n\t\t\t}\n\t\t});\n\n\t\ttry {\n\t\t\tconst response = await onSearchFn(searchKey);\n\t\t\tsetSearchError(undefined);\n\t\t\tif (response) {\n\t\t\t\tconst updatedResponseData = response.map((option) => {\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => ({\n\t\t\t\t\t\t\t\t...op,\n\t\t\t\t\t\t\t\tselected: selectedIds.includes(op.value),\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: selectedIds.includes((option as SingleOption).value),\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tsetSearchedOptions([...updatedResponseData]);\n\t\t\t} else {\n\t\t\t\tsetSearchedOptions([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tsetSearchedOptions([]);\n\t\t\tsetSearchError(\n\t\t\t\terror instanceof Error\n\t\t\t\t\t? error.message\n\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\t}, []);\n\n\t/** Independent of onSearch so debounce is stable when callers pass inline functions. Pending searches are preserved across parent re-renders. performSearch no-ops when onSearchRef.current is undefined. */\n\tconst debouncedSearch = useMemo(\n\t\t() => debounce(performSearch, 300),\n\t\t[performSearch],\n\t);\n\n\tuseEffect(() => () => debouncedSearch?.cancel(), [debouncedSearch]);\n\n\tfunction search(searchKey: string) {\n\t\tsetSearchedString(searchKey);\n\t\tsetSearchedOptions([]);\n\t\tsetSearchError(undefined);\n\n\t\tif (!searchKey) {\n\t\t\tdebouncedSearch?.cancel();\n\t\t\treturn;\n\t\t}\n\n\t\tdebouncedSearch(searchKey);\n\t}\n\n\tfunction retrySearch() {\n\t\tif (searchedString) {\n\t\t\tsetSearchError(undefined);\n\t\t\tperformSearch(searchedString);\n\t\t}\n\t}\n\n\t/**\n\t * wrapper to prepare option for onSelect\n\t * for single select, this will call the onClose handler ,\n\t * for multiselect, it will do state update for options list\n\t * \t\tto make any option select,\n\t * \t\t\t\tonApplyHandler({ label, value: selected: true })\n\t *    to deselect any option\n\t * \t\t\t\tonApplyHandler({ label, value: selected: false })\n\t * @param optionSelect\n\t */\n\tfunction onApplyHandler(optionSelect: SingleOption, returnOnly?: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonSelect?.(optionSelect);\n\t\t} else {\n\t\t\t// Check if trying to select and max selections is reached\n\t\t\tif (\n\t\t\t\toptionSelect.selected &&\n\t\t\t\tmaxSelections &&\n\t\t\t\tisMaxSelectionsReached(dropdownOptions)\n\t\t\t) {\n\t\t\t\t// Max selections reached, don't allow new selections\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\t\t/** Search mode */\n\t\t\t\t/**\n\t\t\t\t * on selected, push it to dropdown options,\n\t\t\t\t * on un-select, remove from dropdown option\n\t\t\t\t */\n\n\t\t\t\tif (optionSelect.selected) {\n\t\t\t\t\t// Check max selections for search mode too\n\t\t\t\t\tif (maxSelections && isMaxSelectionsReached(dropdownOptions)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t/** check if already there or not,\n\t\t\t\t\t * if yes, just update\n\t\t\t\t\t * else ,\n\t\t\t\t\t * \tappend\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList.push(optionSelect);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t/** un-select,\n\t\t\t\t\t * if already present in initial data,\n\t\t\t\t\t * yes, just update\n\t\t\t\t\t * else,\n\t\t\t\t\t * \tremove\n\t\t\t\t\t */\n\n\t\t\t\t\tlet alreadyPresentInInitialOptions = false;\n\t\t\t\t\tlet currList = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t\t(optionForValidation: SingleOption) => {\n\t\t\t\t\t\t\tif (optionForValidation.value === optionSelect.value) {\n\t\t\t\t\t\t\t\talreadyPresentInInitialOptions = true;\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t},\n\t\t\t\t\t);\n\n\t\t\t\t\tif (alreadyPresentInInitialOptions) {\n\t\t\t\t\t\tcurrList = currList.filter((option) => {\n\t\t\t\t\t\t\tif (option.value === optionSelect.value) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tif (returnOnly) {\n\t\t\t\t\t\treturn [...currList];\n\t\t\t\t\t}\n\t\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst currList = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: optionSelect.selected } as Partial<SingleOption>,\n\t\t\t\t\t(optionForValidation: SingleOption) =>\n\t\t\t\t\t\toptionForValidation.value === optionSelect.value,\n\t\t\t\t);\n\n\t\t\t\tif (returnOnly) {\n\t\t\t\t\treturn [...currList];\n\t\t\t\t}\n\t\t\t\tsetDropdownOptions([...currList]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(currList);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllForSearch(select: boolean) {\n\t\t// const allSearchedValues = searchedOptions.map(option => option.value);\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select) {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found) {\n\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: false,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t}\n\t}\n\n\tfunction selectAllForSearchWithLimit(select: boolean) {\n\t\tlet clonedDropdownOptions = [...dropdownOptions];\n\n\t\tif (select && maxSelections && maxSelections > 0) {\n\t\t\tconst currentCount = getCurrentSelectionCount(clonedDropdownOptions);\n\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t// Already at max, don't select any more\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet selectedCount = 0;\n\t\t\tsearchedOptions.forEach((option) => {\n\t\t\t\tif (selectedCount >= remainingSlots) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet found = false;\n\t\t\t\tclonedDropdownOptions = clonedDropdownOptions.map((dOption) => {\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t// Skip if already selected\n\t\t\t\t\tif ((dOption as SingleOption).selected) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\t\t\t\t\t// Skip if disabled\n\t\t\t\t\tif ((dOption as SingleOption).disabled) {\n\t\t\t\t\t\treturn dOption;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof singleOption.value !== 'undefined' &&\n\t\t\t\t\t\tsingleOption.value === (dOption as SingleOption).value\n\t\t\t\t\t) {\n\t\t\t\t\t\tfound = true;\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...dOption,\n\t\t\t\t\t\t\tselected: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn dOption;\n\t\t\t\t});\n\n\t\t\t\tif (!found && selectedCount < remainingSlots) {\n\t\t\t\t\tconst newOption = option as SingleOption;\n\t\t\t\t\tif (!newOption.disabled) {\n\t\t\t\t\t\tclonedDropdownOptions.push({ ...option, selected: true });\n\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetDropdownOptions([...clonedDropdownOptions]);\n\t\t\tif (version === '2.0') {\n\t\t\t\tonMultiSelectApply(clonedDropdownOptions);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction selectAllHandler(newState: SelectAllCheckboxState) {\n\t\tif (searchedOptions.length && searchedString && onSearch) {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tselectAllForSearchWithLimit(true);\n\t\t\t} else {\n\t\t\t\tselectAllForSearch(false);\n\t\t\t}\n\t\t} else {\n\t\t\tif (newState === 'selectAll') {\n\t\t\t\tif (maxSelections && maxSelections > 0) {\n\t\t\t\t\t// Only select up to maxSelections limit\n\t\t\t\t\tconst currentCount = getCurrentSelectionCount(dropdownOptions);\n\t\t\t\t\tconst remainingSlots = maxSelections - currentCount;\n\n\t\t\t\t\tif (remainingSlots <= 0) {\n\t\t\t\t\t\t// Already at max, don't select any more\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet selectedCount = 0;\n\t\t\t\t\tconst newOptions = dropdownOptions.map((option) => {\n\t\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\t\t// Handle grouped options\n\t\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...groupedOption,\n\t\t\t\t\t\t\t\toptions: groupedOption.options.map((op) => {\n\t\t\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\t\t\tif (op.disabled) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\t\t\tif (op.selected) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t\t\t!op.label\n\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\t\t\treturn { ...op, selected: true };\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn op;\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\t\t\t// Skip disabled options\n\t\t\t\t\t\t\tif (singleOption.disabled) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check if already selected\n\t\t\t\t\t\t\tif (singleOption.selected) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Check search filter\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tsearchedString &&\n\t\t\t\t\t\t\t\t!singleOption.label\n\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase())\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Select if we have remaining slots\n\t\t\t\t\t\t\tif (selectedCount < remainingSlots) {\n\t\t\t\t\t\t\t\tselectedCount++;\n\t\t\t\t\t\t\t\treturn { ...option, selected: true };\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn option;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// No max selection limit, select all\n\t\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t\t{ selected: true },\n\t\t\t\t\t\t(option) =>\n\t\t\t\t\t\t\tsearchedString\n\t\t\t\t\t\t\t\t? option.label\n\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t.includes(searchedString.toLowerCase()) && !option.disabled\n\t\t\t\t\t\t\t\t: !option.disabled,\n\t\t\t\t\t);\n\t\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\t\tif (version === '2.0') {\n\t\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (newState === 'notSelected') {\n\t\t\t\tconst newOptions = iterateOnOptions(\n\t\t\t\t\tdropdownOptions,\n\t\t\t\t\t{ selected: false },\n\t\t\t\t\t(option) => !option.disabled,\n\t\t\t\t);\n\t\t\t\tsetDropdownOptions([...newOptions]);\n\t\t\t\tif (version === '2.0') {\n\t\t\t\t\tonMultiSelectApply(newOptions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction onMultiSelectClear() {\n\t\tconst newOptions = iterateOnOptions(dropdownOptions, { selected: false });\n\t\tsetDropdownOptions([...newOptions]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(newOptions);\n\t\t}\n\t}\n\n\tfunction onFreeFormSelect(selected: boolean) {\n\t\tif (!isMultiSelect) {\n\t\t\tonApplyHandler({\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t\tisFreeForm: true,\n\t\t\t\tselected: true,\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst updatedList = dropdownOptions.map((option) =>\n\t\t\t(option as GroupedOption).options\n\t\t\t\t? option\n\t\t\t\t: {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected:\n\t\t\t\t\t\t\t/** free form check */\n\t\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t\t(option as SingleOption).value === searchedString\n\t\t\t\t\t\t\t\t? /** to mark as selected or not */\n\t\t\t\t\t\t\t\t  selected\n\t\t\t\t\t\t\t\t: (option as SingleOption).selected,\n\t\t\t\t  },\n\t\t);\n\n\t\tif (selected) {\n\t\t\tif (\n\t\t\t\t!updatedList.some(\n\t\t\t\t\t(option) =>\n\t\t\t\t\t\toption.label === searchedString &&\n\t\t\t\t\t\t(option as SingleOption).value === searchedString,\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedList.unshift({\n\t\t\t\t\tlabel: searchedString,\n\t\t\t\t\tvalue: searchedString,\n\t\t\t\t\tisFreeForm: true,\n\t\t\t\t\tselected: true,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tsetDropdownOptions([...updatedList]);\n\t\tif (version === '2.0') {\n\t\t\tonMultiSelectApply(updatedList);\n\t\t}\n\t}\n\n\t/**\n\t * This is called when appy button is called,\n\t * here iterate and pick all options where selected if true.\n\t */\n\tfunction onMultiSelectApply(options?: DropdownOption[]) {\n\t\tconst optionsToSend: DropdownOption[] = getSelectedOptions(\n\t\t\toptions ?? latestDropdownOptionsRef.current,\n\t\t);\n\n\t\tonSelect?.([...optionsToSend]);\n\t}\n\n\treturn {\n\t\tlatestDropdownOptionsRef,\n\t\tdropdownOptions,\n\t\tsearch,\n\t\tsearchedString,\n\t\tsearchedOptions,\n\t\tsearchError,\n\t\tretrySearch,\n\t\tonApplyHandler,\n\t\tselectAllHandler,\n\t\tonMultiSelectClear,\n\t\tonFreeFormSelect,\n\t\tonMultiSelectApply,\n\t\tgetSelectedOptions,\n\t\tgetCurrentSelectionCount,\n\t\tisMaxSelectionsReached,\n\t\tmaxSelections,\n\t};\n};\n"],"names":["useDropdown","version","arguments","length","undefined","options","onSelect","skipSorting","isMultiSelect","onSearch","disableOtherSearchedOption","disableSearchedOptionExcept","maxSelections","dropdownOptions","setDropdownOptions","useState","searchedOptions","setSearchedOptions","searchedString","setSearchedString","searchError","setSearchError","latestDropdownOptionsRef","useRef","onSearchRef","useEffect","current","searchedOptionsClone","dropdownOptionFlat","map","option","op","value","selected","flat","selectedDropdownOption","find","dropdownOption","Object","assign","disabled","includes","sort","writeOptions","getSelectedOptions","data","selectedOptions","forEach","groupedOptions","filter","push","getCurrentSelectionCount","count","isMaxSelectionsReached","performSearch","useCallback","searchKey","__awaiter","onSearchFn","selectedIds","iterateOnOptionsRaw","response","updatedResponseData","groupedOption","error","Error","message","debouncedSearch","useMemo","debounce","onApplyHandler","optionSelect","returnOnly","alreadyPresentInInitialOptions","currList","iterateOnOptions","optionForValidation","onMultiSelectApply","optionsToSend","cancel","search","retrySearch","selectAllHandler","newState","select","clonedDropdownOptions","currentCount","remainingSlots","selectedCount","found","dOption","singleOption","selectAllForSearchWithLimit","selectAllForSearch","newOptions","_a","label","toLowerCase","onMultiSelectClear","onFreeFormSelect","isFreeForm","updatedList","some","unshift"],"mappings":"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"}

package/dist/esm/components/dynamic-tabs/DynamicTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTabs.js","sources":["../../../../src/components/dynamic-tabs/DynamicTabs.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface DynamicTabsDetails {\n\tid: number;\n\ttext: string;\n\taction: (tabName: string) => void;\n\tdisplayText?: string;\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface DynamicTabsStyleDetails {\n\ttype: 'SQUARE' | 'CAPSULE';\n\tsize?: 'REGULAR' | 'SMALL';\n\tstyle?: { [property: string]: string | number };\n}\n\nexport interface DynamicTabsProps {\n\ttabsInfo: DynamicTabsDetails[];\n\ttabStyleInfo: DynamicTabsStyleDetails;\n\tselectedTabId?: number;\n\twrapperStyle?: React.CSSProperties;\n\ttabWidth?: string;\n}\n\nexport const DynamicTabs = (props: DynamicTabsProps) => {\n\tconst [selectedTab, setSelectedTab] = useState<number>(0);\n\tconst { tabsInfo, tabStyleInfo } = props;\n\tconst onTabClick = (tabDetails: DynamicTabsDetails) => {\n\t\tsetSelectedTab(tabDetails.id);\n\t\ttabDetails.action(tabDetails.text);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.selectedTabId === undefined || props.selectedTabId === null) {\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedTab(props.selectedTabId);\n\t}, [props.selectedTabId]);\n\n\treturn (\n\t\t<div style={props.wrapperStyle ?? {}}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tborderColor: DEFAULT_THEME.colorsV2.stroke.primary,\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL'\n\t\t\t\t\t\t\t? 'unset'\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{tabsInfo.map((tabDetails, idx) => {\n\t\t\t\t\tconst borderLeftRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === 0 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tconst borderRightRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === tabsInfo.length - 1 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tconst borderColor =\n\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.stroke.primary;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip key={tabDetails.id} {...(tabDetails.tooltipProps ?? {})}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonTabClick(tabDetails);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\twidth: props.tabWidth ?? '110px',\n\t\t\t\t\t\t\t\t\tborderTop: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderLeft: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderRight: `${\n\t\t\t\t\t\t\t\t\t\t(idx === tabsInfo.length - 1 &&\n\t\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'SQUARE') ||\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE' ||\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.background.brandLight\n\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t\tborderTopLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderBottomLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderTopRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tborderBottomRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL' ? '2px 14px' : '8px 24px',\n\t\t\t\t\t\t\t\t\tmarginRight: tabStyleInfo.style?.['marginRight'],\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-around',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tabDetails.text}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["DynamicTabs","props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","useEffect","undefined","selectedTabId","_jsx","Object","assign","style","_a","wrapperStyle","children","display","alignItems","borderColor","DEFAULT_THEME","colorsV2","stroke","primary","backgroundColor","size","surface","standard","map","tabDetails","idx","borderLeftRadius","type","_b","_c","borderRightRadius","_e","_d","length","_f","id","content","brand","Tooltip","tooltipProps","_g","onClick","action","text","onTabClick","cursor","flex","width","_h","tabWidth","borderTop","borderBottom","borderLeft","borderRight","background","brandLight","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","padding","marginRight","_j","justifyContent","BodySecondary","color","secondary"],"mappings":"wPA2BaA,MAAAA,EAAeC,UAC3B,MAAOC,EAAaC,GAAkBC,EAAiB,IACjDC,SAAEA,EAAQC,aAAEA,GAAiBL,EAanC,OAPAM,GAAU,UACmBC,IAAxBP,EAAMQ,eAAuD,OAAxBR,EAAMQ,eAG/CN,EAAeF,EAAMQ,cAAc,GACjC,CAACR,EAAMQ,gBAGTC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAA6B,QAAtBC,EAAAb,EAAMc,oBAAgB,IAAAD,EAAAA,EAAA,CAAA,GACjC,CAAAE,SAAAN,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNI,QAAS,OACTC,WAAY,SACZC,YAAaC,EAAcC,SAASC,OAAOC,QAC3CC,gBACwB,WAAvBlB,eAAAA,EAAcmB,MACX,QACAL,EAAcC,SAASK,QAAQC,WAGnC,CAAAX,SAAAX,EAASuB,KAAI,CAACC,EAAYC,2BAC1B,MAAMC,EACiB,YAAtBzB,EAAa0B,KACiC,QAA3CC,EAAqB,QAArBnB,EAAAR,EAAaO,aAAQ,IAAAC,OAAA,EAAAA,EAAqB,2BAAC,IAAAmB,EAAAA,EAAI,GACvC,IAARH,GAAmC,WAAtBxB,EAAa0B,MACR,QAAlBE,EAAA5B,EAAaO,aAAK,IAAAqB,OAAA,EAAAA,EAAwB,qBACzC5B,EAAaO,MAA2B,oBACxC,EACD,EAEEsB,EACiB,YAAtB7B,EAAa0B,KACiC,QAA3CI,EAAqB,QAArBC,EAAA/B,EAAaO,aAAQ,IAAAwB,OAAA,EAAAA,EAAqB,2BAAC,IAAAD,EAAAA,EAAI,GAC/CN,IAAQzB,EAASiC,OAAS,GAA2B,WAAtBhC,EAAa0B,MAC1B,QAAlBO,EAAAjC,EAAaO,aAAK,IAAA0B,OAAA,EAAAA,EAAwB,qBACzCjC,EAAaO,MAA2B,oBACxC,EACD,EACEM,EACLU,EAAWW,KAAOtC,EACfkB,EAAcC,SAASoB,QAAQC,MAC/BtB,EAAcC,SAASC,OAAOC,QAClC,OACCb,EAACiC,EAAgChC,OAAAC,OAAA,CAAA,EAAwB,UAAvBiB,EAAWe,oBAAY,IAAAC,EAAAA,EAAI,CAAA,EAAG,CAAA7B,SAC/DN,uBACCoC,QAASA,KAlDIjB,KACnB1B,EAAe0B,EAAWW,IAC1BX,EAAWkB,OAAOlB,EAAWmB,KAAK,EAiD3BC,CAAWpB,EAAW,EAEvBhB,MAAO,CACNqC,OAAQ,UACRjC,QAAS,OACTkC,KAAM,EACNC,cAAOC,EAAApD,EAAMqD,wBAAY,QACzBC,UAAW,aAAapC,IACxBqC,aAAc,aAAarC,IAC3BsC,WAAY,aAAatC,IACzBuC,YAAa,GACX5B,IAAQzB,EAASiC,OAAS,GACJ,WAAtBhC,EAAa0B,MACQ,YAAtB1B,EAAa0B,MACbH,EAAWW,KAAOtC,EACf,EACA,aACQiB,IACZK,gBACCK,EAAWW,KAAOtC,EACfkB,EAAcC,SAASsC,WAAWC,WAClCxC,EAAcC,SAASK,QAAQC,SACnCkC,oBAAqB9B,EACrB+B,uBAAwB/B,EACxBgC,qBAAsB5B,EACtB6B,wBAAyB7B,EACzB8B,QACwB,WAAvB3D,aAAY,EAAZA,EAAcmB,MAAmB,WAAa,WAC/CyC,YAA+B,QAAlBC,EAAA7D,EAAaO,aAAK,IAAAsD,OAAA,EAAAA,EAAgB,YAC/CC,eAAgB,iBAChB,CAAApD,SAEDN,EAAC2D,EACA1D,OAAAC,OAAA,CAAAC,MAAO,CACNyD,MACCzC,EAAWW,KAAOtC,EACfkB,EAAcC,SAASoB,QAAQC,MAC/BtB,EAAcC,SAASoB,QAAQ8B,YAGnC,CAAAvD,SAAAa,EAAWmB,aA3CDnB,EAAWW,GA8Cf,SAIR"}
+{"version":3,"file":"DynamicTabs.js","sources":["../../../../src/components/dynamic-tabs/DynamicTabs.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface DynamicTabsDetails {\n\tid: number;\n\ttext: string;\n\taction: (tabName: string) => void;\n\tdisplayText?: string;\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface DynamicTabsStyleDetails {\n\ttype: 'SQUARE' | 'CAPSULE';\n\tsize?: 'REGULAR' | 'SMALL';\n\tstyle?: { [property: string]: string | number };\n}\n\nexport interface DynamicTabsProps {\n\ttabsInfo: DynamicTabsDetails[];\n\ttabStyleInfo: DynamicTabsStyleDetails;\n\tselectedTabId?: number;\n\twrapperStyle?: React.CSSProperties;\n\ttabWidth?: string;\n}\n\nexport const DynamicTabs = (props: DynamicTabsProps) => {\n\tconst [selectedTab, setSelectedTab] = useState<number>(0);\n\tconst { tabsInfo, tabStyleInfo } = props;\n\tconst onTabClick = (tabDetails: DynamicTabsDetails) => {\n\t\tsetSelectedTab(tabDetails.id);\n\t\ttabDetails.action(tabDetails.text);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.selectedTabId === undefined || props.selectedTabId === null) {\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedTab(props.selectedTabId);\n\t}, [props.selectedTabId]);\n\n\treturn (\n\t\t<div style={props.wrapperStyle ?? {}}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tborderColor: DEFAULT_THEME.colorsV2.stroke.primary,\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL'\n\t\t\t\t\t\t\t? 'unset'\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{tabsInfo.map((tabDetails, idx) => {\n\t\t\t\t\tconst borderLeftRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === 0 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tconst borderRightRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === tabsInfo.length - 1 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tconst borderColor =\n\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.stroke.primary;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip key={tabDetails.id} {...(tabDetails.tooltipProps ?? {})}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonTabClick(tabDetails);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\twidth: props.tabWidth ?? '110px',\n\t\t\t\t\t\t\t\t\tborderTop: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderLeft: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderRight: `${\n\t\t\t\t\t\t\t\t\t\t(idx === tabsInfo.length - 1 &&\n\t\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'SQUARE') ||\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE' ||\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.background.brandLight\n\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t\tborderTopLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderBottomLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderTopRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tborderBottomRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL' ? '2px 14px' : '8px 24px',\n\t\t\t\t\t\t\t\t\tmarginRight: tabStyleInfo.style?.['marginRight'],\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-around',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{tabDetails.text}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["DynamicTabs","props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","useEffect","undefined","selectedTabId","_jsx","Object","assign","style","_a","wrapperStyle","children","display","alignItems","borderColor","DEFAULT_THEME","colorsV2","stroke","primary","backgroundColor","size","surface","standard","map","tabDetails","idx","borderLeftRadius","type","_b","_c","borderRightRadius","_e","_d","length","_f","id","content","brand","Tooltip","tooltipProps","_g","onClick","action","text","onTabClick","cursor","flex","width","_h","tabWidth","borderTop","borderBottom","borderLeft","borderRight","background","brandLight","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","padding","marginRight","_j","justifyContent","BodySecondary","color","secondary"],"mappings":"wPA2BaA,MAAAA,EAAeC,UAC3B,MAAOC,EAAaC,GAAkBC,EAAiB,IACjDC,SAAEA,EAAQC,aAAEA,GAAiBL,EAanC,OAPAM,GAAU,UACmBC,IAAxBP,EAAMQ,eAAuD,OAAxBR,EAAMQ,eAG/CN,EAAeF,EAAMQ,cAAc,GACjC,CAACR,EAAMQ,gBAGTC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAA6B,QAAtBC,EAAAb,EAAMc,oBAAgB,IAAAD,EAAAA,EAAA,CAAA,GACjC,CAAAE,SAAAN,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNI,QAAS,OACTC,WAAY,SACZC,YAAaC,EAAcC,SAASC,OAAOC,QAC3CC,gBACwB,WAAvBlB,eAAAA,EAAcmB,MACX,QACAL,EAAcC,SAASK,QAAQC,WAGnC,CAAAX,SAAAX,EAASuB,KAAI,CAACC,EAAYC,2BAC1B,MAAMC,EACiB,YAAtBzB,EAAa0B,KACiC,QAA3CC,EAAqB,QAArBnB,EAAAR,EAAaO,aAAQ,IAAAC,OAAA,EAAAA,EAAqB,2BAAC,IAAAmB,EAAAA,EAAI,GACvC,IAARH,GAAmC,WAAtBxB,EAAa0B,MACR,QAAlBE,EAAA5B,EAAaO,aAAK,IAAAqB,OAAA,EAAAA,EAAwB,qBACzC5B,EAAaO,MAA2B,oBACxC,EACD,EAEEsB,EACiB,YAAtB7B,EAAa0B,KACiC,QAA3CI,EAAqB,QAArBC,EAAA/B,EAAaO,aAAQ,IAAAwB,OAAA,EAAAA,EAAqB,2BAAC,IAAAD,EAAAA,EAAI,GAC/CN,IAAQzB,EAASiC,OAAS,GAA2B,WAAtBhC,EAAa0B,MAC1B,QAAlBO,EAAAjC,EAAaO,aAAK,IAAA0B,OAAA,EAAAA,EAAwB,qBACzCjC,EAAaO,MAA2B,oBACxC,EACD,EACEM,EACLU,EAAWW,KAAOtC,EACfkB,EAAcC,SAASoB,QAAQC,MAC/BtB,EAAcC,SAASC,OAAOC,QAClC,OACCb,EAACiC,EAAgChC,OAAAC,OAAA,CAAA,EAAwB,UAAvBiB,EAAWe,oBAAY,IAAAC,EAAAA,EAAI,CAAA,EAAG,CAAA7B,SAC/DN,uBACCoC,QAASA,KAlDIjB,KACnB1B,EAAe0B,EAAWW,IAC1BX,EAAWkB,OAAOlB,EAAWmB,KAAK,EAiD3BC,CAAWpB,EAAW,EAEvBhB,MAAO,CACNqC,OAAQ,UACRjC,QAAS,OACTkC,KAAM,EACNC,cAAOC,EAAApD,EAAMqD,wBAAY,QACzBC,UAAwB,aAAApC,IACxBqC,aAA2B,aAAArC,IAC3BsC,WAAyB,aAAAtC,IACzBuC,eACE5B,IAAQzB,EAASiC,OAAS,GACJ,WAAtBhC,EAAa0B,MACQ,YAAtB1B,EAAa0B,MACbH,EAAWW,KAAOtC,EACf,EACA,aACQiB,IACZK,gBACCK,EAAWW,KAAOtC,EACfkB,EAAcC,SAASsC,WAAWC,WAClCxC,EAAcC,SAASK,QAAQC,SACnCkC,oBAAqB9B,EACrB+B,uBAAwB/B,EACxBgC,qBAAsB5B,EACtB6B,wBAAyB7B,EACzB8B,QACwB,WAAvB3D,aAAY,EAAZA,EAAcmB,MAAmB,WAAa,WAC/CyC,YAA+B,QAAlBC,EAAA7D,EAAaO,aAAK,IAAAsD,OAAA,EAAAA,EAAgB,YAC/CC,eAAgB,iBAChB,CAAApD,SAEDN,EAAC2D,EACA1D,OAAAC,OAAA,CAAAC,MAAO,CACNyD,MACCzC,EAAWW,KAAOtC,EACfkB,EAAcC,SAASoB,QAAQC,MAC/BtB,EAAcC,SAASoB,QAAQ8B,YAGnC,CAAAvD,SAAAa,EAAWmB,aA3CDnB,EAAWW,GA8Cf,SAIR"}

package/dist/esm/components/fab-menu/FABMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption | DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' | '2.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight || 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"4RAWaA,MAAAA,EAoBPC,IACL,MAAMC,SACLA,EAAQC,YACRA,EAAWC,YACXA,EAAWC,aACXA,EAAYC,YACZA,EAAWC,eACXA,EAAcC,UACdA,EAASC,WACTA,EAAUC,WACVA,EAAUC,wBACVA,EAAuBC,sBACvBA,EAAqBC,iBACrBA,EAAgBC,YAChBA,EAAWC,OACXA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,aACZA,GACGlB,EACJ,OACCmB,kBACCA,EAACC,iBACAC,KAAMZ,EACNa,MAAOnB,EACPoB,OAAQnB,EACRoB,MAAOnB,EACPoB,SAAUnB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdS,YAAaR,GAAY,CAAAS,SAEzBR,EAACS,EAAc,CACdC,QAAS3B,EACTqB,OAAQf,GAAc,GACtBc,MAAO,GAAGf,MACVN,SAAUA,EACV6B,QAAS9B,EAAM8B,cAGZ"}
+{"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption | DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' | '2.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight || 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"4RAWaA,MAAAA,EAoBPC,IACL,MAAMC,SACLA,EAAQC,YACRA,EAAWC,YACXA,EAAWC,aACXA,EAAYC,YACZA,EAAWC,eACXA,EAAcC,UACdA,EAASC,WACTA,EAAUC,WACVA,EAAUC,wBACVA,EAAuBC,sBACvBA,EAAqBC,iBACrBA,EAAgBC,YAChBA,EAAWC,OACXA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,aACZA,GACGlB,EACJ,OACCmB,kBACCA,EAACC,iBACAC,KAAMZ,EACNa,MAAOnB,EACPoB,OAAQnB,EACRoB,MAAOnB,EACPoB,SAAUnB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdS,YAAaR,GAAY,CAAAS,SAEzBR,EAACS,EAAc,CACdC,QAAS3B,EACTqB,OAAQf,GAAc,GACtBc,SAAUf,MACVN,SAAUA,EACV6B,QAAS9B,EAAM8B,cAGZ"}

package/dist/esm/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1,2 +1,2 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as r,useCallback as a}from"react";import d,{ACTIONS as s}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const m=({children:m,fetchVisibleFeatures:b,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:v,module:x,router:k,storeId:S,onAnnouncementShown:C,onAnnouncementInteracted:T})=>{var w;const{majorUpdateFeatures:B,minorUpdateFeatures:I,isLoading:F,markFeatureAsViewed:E}=u({fetchVisibleFeatures:b,getStoreFeatureProgress:g,fetchFeatureById:h,markFeatureAsViewedForStore:y,isFeatureApplicableToCurrentPage:v,module:x,router:k}),[N,j]=i(null),[P,U]=i(null),[W,V]=i(!1),[O,M]=i([]),[q,_]=i(!1),[A,L]=i([]),[R,$]=i(!1),[z,H]=i(!1),[Z,D]=i([]),[G,J]=i(!1),[K,Q]=i(!1),[X,Y]=i(!1),[tt,et]=i(""),[ot,nt]=i(!1),[it,rt]=i(!1),[at,dt]=i(!1),[st,lt]=i(0),[ut,ct]=i(0),[pt,ft]=i(new Set);r((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__floater {\n\t\t\t\tright: 12px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),r((()=>{lt((t=>t+1)),ct((t=>t+1)),rt(!1),dt(!1),ft(new Set)}),[null==k?void 0:k.pathname]),r((()=>{if(!(B.length>0)||N||F||R||ot)0!==B.length||F||Q(!0);else{Q(!1),J(!1),V(!1),M([]),U(null),D([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?mt(B[0]):t<e?setTimeout(o,1e3):Q(!0)};o()}}),[B,N,F,R,ot]),r((()=>{var t;const e=null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId;if(!e||F||0===I.length)return;const o=I.find((t=>t.id===e));if(!o||!o.featureTag)return;J(!0),H(!0);let n=0;const i=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];D(t),St(o,t),clearInterval(i)}else n>=25&&(H(!1),clearInterval(i))}),200);return()=>{clearInterval(i)}}),[I,null===(w=null==k?void 0:k.query)||void 0===w?void 0:w.featureId,F]),r((()=>{var t;if(I.length>0&&!F&&!W&&!z&&!P&&!G&&K&&!ot){let t=null,e=null,o=null,n=!1;const i=()=>{if(n||z||P||G||!K)return;const i=I.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(pt.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));i.length>0&&(D(i),St(i[0],i),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}W||n||z||P||G||!K||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||z||P||G||!K||i()}),200))})),e=()=>{W||n||z||P||G||!K||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||z||P||G||!K||i()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),i(),setTimeout((()=>{n||z||P||G||!K||i()}),100),setTimeout((()=>{n||z||P||G||!K||i()}),1e3),setTimeout((()=>{n||z||P||G||!K||i()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===I.length||F){(null===(t=null==k?void 0:k.query)||void 0===t?void 0:t.featureId)&&P||(V(!1),M([]),U(null),D([]),J(!1))}}),[I,F,W,z,P,G,K,E,ot]);const mt=t=>{j(t);const o=B.findIndex((e=>e.id===t.id)),n=B.length,i=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>bt(t),onExplore:e=>gt(t,e),onPrevious:()=>ht(t),onNext:()=>yt(t),setIsClosing:rt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(i),_(!0),C&&S&&C({storeId:S,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo})},bt=a((e=>t(void 0,void 0,void 0,(function*(){const t=e||N;t&&($(!0),yield Promise.all(B.map((t=>E(t.id)))),_(!1),j(null),L([]),Q(!0),T&&S&&T({storeId:S,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout((()=>{$(!1)}),500))}))),[N,B,E]),gt=a(((e,o)=>t(void 0,void 0,void 0,(function*(){var t,n;$(!0),yield E(e.id);const i=null!=o?o:null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===i&&e.productVideo&&(et(e.productVideo),Y(!0),nt(!0)),"Open link"===i){const t=(null===(n=e.primaryButton)||void 0===n?void 0:n.redirectionUrl)||e.redirectUrl;t&&!t.startsWith("http")&&(window.location.href=t)}_(!1),j(null),L([]);B.findIndex((t=>t.id===e.id))===B.length-1&&Q(!0),T&&S&&T({storeId:S,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Primary",buttonName:e.buttonText||"Explore",buttonUrl:e.redirectUrl||e.productVideo}),setTimeout((()=>{$(!1)}),500)}))),[B,E]),ht=a((t=>{const o=t||N;if(!o)return;const n=B.findIndex((t=>t.id===o.id));if(n>0){const t=B[n-1];j(t);const o=n-1,i=B.length,r=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:i,onSkip:()=>bt(t),onExplore:e=>gt(t,e),onPrevious:()=>ht(t),onNext:()=>yt(t),setIsClosing:rt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r)}}),[N,B]),yt=a((t=>{const o=t||N;if(!o)return;const n=B.findIndex((t=>t.id===o.id));if(n<B.length-1){const t=B[n+1];j(t);const o=n+1,i=B.length,r=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:i,onSkip:()=>bt(t),onExplore:e=>gt(t,e),onPrevious:()=>ht(t),onNext:()=>yt(t),setIsClosing:rt}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];L(r)}else $(!0),E(o.id),_(!1),j(null),L([]),Q(!0),setTimeout((()=>{$(!1)}),500)}),[N,B,E]),vt=()=>{if(B.length>0&&!N){document.querySelector('[data-testid="whats-new-button"]')&&mt(B[0])}};r((()=>(window.showMajorUpdatePopup=vt,()=>{delete window.showMajorUpdatePopup})),[B,N]);const xt=a((t=>{const{action:e}=t;e===s.CLOSE&&(N&&($(!0),B.forEach((t=>{E(t.id)})),Q(!0),setTimeout((()=>{$(!1)}),500)),_(!1),j(null),L([]))}),[N,B,E]),kt=a((t=>{const{action:e}=t;if(e===s.CLOSE){if(P){H(!0),E(P.id);Z.findIndex((t=>t.id===P.id))===Z.length-1&&J(!0),setTimeout((()=>{H(!1)}),500)}V(!1),U(null),M([])}}),[P,Z,E]),St=(o,n)=>t(void 0,void 0,void 0,(function*(){U(o);const t=n||Z,i=t.findIndex((t=>t.id===o.id)),r=t.length,a=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,d=document.querySelector(a);if(d)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(d,120)}catch(t){}const s=[{target:a,content:e(p,{feature:o,currentIndex:i,totalFeatures:r,onSkip:()=>Ct(o),onExplore:t=>Tt(o,t),onPrevious:()=>wt(o),onNext:()=>Bt(o),setIsClosing:dt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s),V(!0)})),Ct=a((e=>t(void 0,void 0,void 0,(function*(){const t=e||P;if(t){H(!0),yield E(t.id),ft((e=>new Set(e).add(t.id))),V(!1),U(null),M([]);const e=Z.find((e=>e.id!==t.id&&!pt.has(e.id)));setTimeout((()=>{H(!1),e?St(e,Z):J(!0)}),500)}}))),[P,Z,E,pt]),Tt=a(((e,o)=>t(void 0,void 0,void 0,(function*(){var t,n;H(!0),yield E(e.id),ft((t=>new Set(t).add(e.id)));const i=null!=o?o:null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===i&&e.productVideo&&(et(e.productVideo),Y(!0),nt(!0)),"Open link"===i){const t=(null===(n=e.primaryButton)||void 0===n?void 0:n.redirectionUrl)||e.redirectUrl;t&&!t.startsWith("http")&&(window.location.href=t)}V(!1),U(null),M([]);const r=Z.find((t=>t.id!==e.id&&!pt.has(t.id)));setTimeout((()=>{H(!1),r&&"Play Video"!==i?St(r,Z):r||J(!0)}),500)}))),[Z,E,pt]),wt=a((o=>t(void 0,void 0,void 0,(function*(){const t=o||P;if(!t)return;const n=Z.findIndex((e=>e.id===t.id));if(n>0){const t=Z[n-1];U(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=document.querySelector(o);if(i)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(i,120)}catch(t){}const r=n-1,a=Z.length,d=[{target:o,content:e(p,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>Ct(t),onExplore:e=>Tt(t,e),onPrevious:()=>wt(t),onNext:()=>Bt(t),setIsClosing:dt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(d)}}))),[P,Z]),Bt=a((o=>t(void 0,void 0,void 0,(function*(){const t=o||P;if(!t)return;const n=Z.findIndex((e=>e.id===t.id));if(n<Z.length-1){const t=Z[n+1];U(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=document.querySelector(o);if(i)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(i,120)}catch(t){}const r=n+1,a=Z.length,d=[{target:o,content:e(p,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>Ct(t),onExplore:e=>Tt(t,e),onPrevious:()=>wt(t),onNext:()=>Bt(t),setIsClosing:dt}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(d)}else H(!0),J(!0),E(t.id),V(!1),U(null),M([]),setTimeout((()=>{H(!1)}),500)}))),[P,Z,E]);return o(n,{children:[m,A.length>0&&e(d,{steps:A,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:xt,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:it?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${st}`),O.length>0&&e(d,{steps:O,run:W,continuous:!1,showProgress:!1,showSkipButton:!1,callback:kt,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:at?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:at?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ut}`),e(f,{isOpen:X,videoUrl:tt,onClose:()=>{Y(!1),et(""),nt(!1);const t=Z.find((t=>!pt.has(t.id)));t?setTimeout((()=>{St(t,Z)}),300):J(!0)}})]})};export{m as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as r,useCallback as a}from"react";import d,{ACTIONS as s}from"react-joyride";import"./constants/animations.js";import{SELECTORS as l}from"./constants/selectors.js";import{useFeatureAnnouncements as u}from"./hooks/useFeatureAnnouncements.js";import c from"./MajorUpdatePopup.js";import p from"./MinorUpdatePopup.js";import{VideoModal as f}from"./VideoModal.js";const m=m=>{let{children:b,fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:v,isFeatureApplicableToCurrentPage:x,module:k,router:S,storeId:C,onAnnouncementShown:T,onAnnouncementInteracted:w}=m;var B;const{majorUpdateFeatures:I,minorUpdateFeatures:F,isLoading:E,markFeatureAsViewed:N}=u({fetchVisibleFeatures:g,getStoreFeatureProgress:h,fetchFeatureById:y,markFeatureAsViewedForStore:v,isFeatureApplicableToCurrentPage:x,module:k,router:S}),[j,P]=i(null),[U,W]=i(null),[V,O]=i(!1),[M,q]=i([]),[_,A]=i(!1),[L,R]=i([]),[$,z]=i(!1),[H,Z]=i(!1),[D,G]=i([]),[J,K]=i(!1),[Q,X]=i(!1),[Y,tt]=i(!1),[et,ot]=i(""),[nt,it]=i(!1),[rt,at]=i(!1),[dt,st]=i(!1),[lt,ut]=i(0),[ct,pt]=i(0),[ft,mt]=i(new Set);r((()=>{const t="minor-spotlight-cutout-style";let e=document.getElementById(t);return e||(e=document.createElement("style"),e.id=t,document.head.appendChild(e)),e.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__floater {\n\t\t\t\tright: 12px !important;\n\t\t\t\tleft: auto !important;\n\t\t\t}\n\t\t",()=>{const e=document.getElementById(t);e&&e.remove()}}),[]),r((()=>{ut((t=>t+1)),pt((t=>t+1)),at(!1),st(!1),mt(new Set)}),[null==S?void 0:S.pathname]),r((()=>{if(!(I.length>0)||j||E||$||nt)0!==I.length||E||X(!0);else{X(!1),K(!1),O(!1),q([]),W(null),G([]);let t=0;const e=10,o=()=>{t++;document.querySelector('[data-testid="whats-new-button"]')?bt(I[0]):t<e?setTimeout(o,1e3):X(!0)};o()}}),[I,j,E,$,nt]),r((()=>{var t;const e=null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId;if(!e||E||0===F.length)return;const o=F.find((t=>t.id===e));if(!o||!o.featureTag)return;K(!0),Z(!0);let n=0;const i=setInterval((()=>{n++;const t=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(t)){const t=[o];G(t),Ct(o,t),clearInterval(i)}else n>=25&&(Z(!1),clearInterval(i))}),200);return()=>{clearInterval(i)}}),[F,null===(B=null==S?void 0:S.query)||void 0===B?void 0:B.featureId,E]),r((()=>{var t;if(F.length>0&&!E&&!V&&!H&&!U&&!J&&Q&&!nt){let t=null,e=null,o=null,n=!1;const i=()=>{if(n||H||U||J||!Q)return;const i=F.filter((t=>{if(!t.featureTag||""===t.featureTag.trim())return!1;if(ft.has(t.id))return!1;const e=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`;return null!==document.querySelector(e)}));i.length>0&&(G(i),Ct(i[0],i),t&&(t.disconnect(),t=null),e&&(window.removeEventListener("scroll",e),e=null),o&&(clearTimeout(o),o=null))};return t=new MutationObserver((t=>{let e=!1;for(const o of t){if("childList"===o.type&&o.addedNodes.length>0)for(let t=0;t<o.addedNodes.length;t++){const n=o.addedNodes[t];if(n.nodeType===Node.ELEMENT_NODE){const t=n;if(t.id||t.querySelector("[id]")){e=!0;break}}}if(e)break}V||n||H||U||J||!Q||!e||(o&&clearTimeout(o),o=setTimeout((()=>{n||H||U||J||!Q||i()}),200))})),e=()=>{V||n||H||U||J||!Q||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||H||U||J||!Q||i()}),300)})))},t&&t.observe(document.body,{childList:!0,subtree:!0}),e&&window.addEventListener("scroll",e,{passive:!0}),i(),setTimeout((()=>{n||H||U||J||!Q||i()}),100),setTimeout((()=>{n||H||U||J||!Q||i()}),1e3),setTimeout((()=>{n||H||U||J||!Q||i()}),500),()=>{n=!0,t&&t.disconnect(),e&&window.removeEventListener("scroll",e),o&&clearTimeout(o)}}if(0===F.length||E){(null===(t=null==S?void 0:S.query)||void 0===t?void 0:t.featureId)&&U||(O(!1),q([]),W(null),G([]),K(!1))}}),[F,E,V,H,U,J,Q,N,nt]);const bt=t=>{P(t);const o=I.findIndex((e=>e.id===t.id)),n=I.length,i=[{target:l.WHATS_NEW_BUTTON,content:e(c,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>gt(t),onExplore:e=>ht(t,e),onPrevious:()=>yt(t),onNext:()=>vt(t),setIsClosing:at}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(i),A(!0),T&&C&&T({storeId:C,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo})},gt=a((e=>t(void 0,void 0,void 0,(function*(){const t=e||j;t&&(z(!0),yield Promise.all(I.map((t=>N(t.id)))),A(!1),P(null),R([]),X(!0),w&&C&&w({storeId:C,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout((()=>{z(!1)}),500))}))),[j,I,N]),ht=a(((e,o)=>t(void 0,void 0,void 0,(function*(){var t,n;z(!0),yield N(e.id);const i=null!=o?o:null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===i&&e.productVideo&&(ot(e.productVideo),tt(!0),it(!0)),"Open link"===i){const t=(null===(n=e.primaryButton)||void 0===n?void 0:n.redirectionUrl)||e.redirectUrl;t&&!t.startsWith("http")&&(window.location.href=t)}A(!1),P(null),R([]);I.findIndex((t=>t.id===e.id))===I.length-1&&X(!0),w&&C&&w({storeId:C,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Primary",buttonName:e.buttonText||"Explore",buttonUrl:e.redirectUrl||e.productVideo}),setTimeout((()=>{z(!1)}),500)}))),[I,N]),yt=a((t=>{const o=t||j;if(!o)return;const n=I.findIndex((t=>t.id===o.id));if(n>0){const t=I[n-1];P(t);const o=n-1,i=I.length,r=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:i,onSkip:()=>gt(t),onExplore:e=>ht(t,e),onPrevious:()=>yt(t),onNext:()=>vt(t),setIsClosing:at}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(r)}}),[j,I]),vt=a((t=>{const o=t||j;if(!o)return;const n=I.findIndex((t=>t.id===o.id));if(n<I.length-1){const t=I[n+1];P(t);const o=n+1,i=I.length,r=[{target:'[data-testid="whats-new-button"]',content:e(c,{feature:t,currentIndex:o,totalFeatures:i,onSkip:()=>gt(t),onExplore:e=>ht(t,e),onPrevious:()=>yt(t),onNext:()=>vt(t),setIsClosing:at}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];R(r)}else z(!0),N(o.id),A(!1),P(null),R([]),X(!0),setTimeout((()=>{z(!1)}),500)}),[j,I,N]),xt=()=>{if(I.length>0&&!j){document.querySelector('[data-testid="whats-new-button"]')&&bt(I[0])}};r((()=>(window.showMajorUpdatePopup=xt,()=>{delete window.showMajorUpdatePopup})),[I,j]);const kt=a((t=>{const{action:e}=t;e===s.CLOSE&&(j&&(z(!0),I.forEach((t=>{N(t.id)})),X(!0),setTimeout((()=>{z(!1)}),500)),A(!1),P(null),R([]))}),[j,I,N]),St=a((t=>{const{action:e}=t;if(e===s.CLOSE){if(U){Z(!0),N(U.id);D.findIndex((t=>t.id===U.id))===D.length-1&&K(!0),setTimeout((()=>{Z(!1)}),500)}O(!1),W(null),q([])}}),[U,D,N]),Ct=(o,n)=>t(void 0,void 0,void 0,(function*(){W(o);const t=n||D,i=t.findIndex((t=>t.id===o.id)),r=t.length,a=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,d=document.querySelector(a);if(d)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(d,120)}catch(t){}const s=[{target:a,content:e(p,{feature:o,currentIndex:i,totalFeatures:r,onSkip:()=>Tt(o),onExplore:t=>wt(o,t),onPrevious:()=>Bt(o),onNext:()=>It(o),setIsClosing:st}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];q(s),O(!0)})),Tt=a((e=>t(void 0,void 0,void 0,(function*(){const t=e||U;if(t){Z(!0),yield N(t.id),mt((e=>new Set(e).add(t.id))),O(!1),W(null),q([]);const e=D.find((e=>e.id!==t.id&&!ft.has(e.id)));setTimeout((()=>{Z(!1),e?Ct(e,D):K(!0)}),500)}}))),[U,D,N,ft]),wt=a(((e,o)=>t(void 0,void 0,void 0,(function*(){var t,n;Z(!0),yield N(e.id),mt((t=>new Set(t).add(e.id)));const i=null!=o?o:null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===i&&e.productVideo&&(ot(e.productVideo),tt(!0),it(!0)),"Open link"===i){const t=(null===(n=e.primaryButton)||void 0===n?void 0:n.redirectionUrl)||e.redirectUrl;t&&!t.startsWith("http")&&(window.location.href=t)}O(!1),W(null),q([]);const r=D.find((t=>t.id!==e.id&&!ft.has(t.id)));setTimeout((()=>{Z(!1),r&&"Play Video"!==i?Ct(r,D):r||K(!0)}),500)}))),[D,N,ft]),Bt=a((o=>t(void 0,void 0,void 0,(function*(){const t=o||U;if(!t)return;const n=D.findIndex((e=>e.id===t.id));if(n>0){const t=D[n-1];W(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=document.querySelector(o);if(i)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(i,120)}catch(t){}const r=n-1,a=D.length,d=[{target:o,content:e(p,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>Tt(t),onExplore:e=>wt(t,e),onPrevious:()=>Bt(t),onNext:()=>It(t),setIsClosing:st}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];q(d)}}))),[U,D]),It=a((o=>t(void 0,void 0,void 0,(function*(){const t=o||U;if(!t)return;const n=D.findIndex((e=>e.id===t.id));if(n<D.length-1){const t=D[n+1];W(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,i=document.querySelector(o);if(i)try{const{scrollToElementSmooth:t}=yield import("./utils/elementHelpers.js");yield t(i,120)}catch(t){}const r=n+1,a=D.length,d=[{target:o,content:e(p,{feature:t,currentIndex:r,totalFeatures:a,onSkip:()=>Tt(t),onExplore:e=>wt(t,e),onPrevious:()=>Bt(t),onNext:()=>It(t),setIsClosing:st}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];q(d)}else Z(!0),K(!0),N(t.id),O(!1),W(null),q([]),setTimeout((()=>{Z(!1)}),500)}))),[U,D,N]);return o(n,{children:[b,L.length>0&&e(d,{steps:L,run:_,continuous:!1,showProgress:!1,showSkipButton:!1,callback:kt,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:rt?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${lt}`),M.length>0&&e(d,{steps:M,run:V,continuous:!1,showProgress:!1,showSkipButton:!1,callback:St,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:dt?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:dt?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ct}`),e(f,{isOpen:Y,videoUrl:et,onClose:()=>{tt(!1),ot(""),it(!1);const t=D.find((t=>!ft.has(t.id)));t?setTimeout((()=>{Ct(t,D)}),300):K(!0)}})]})};export{m as default};
 //# sourceMappingURL=FeatureAnnouncementProvider.js.map