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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=({options:i,onSelect:c,version:r})=>{const[o,a]=t.useState("notSelected");function n(){"partiallySelected"===o&&c("notSelected"),"selectAll"===o&&c("notSelected"),"notSelected"===o&&c("selectAll")}return t.useEffect((()=>{const e=[];i.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[i]),e.jsx(s.ListItem,{version:r,onClick:e=>{e.preventDefault(),n()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:n})})),variant:"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=i=>{let{options:c,onSelect:r,version:o}=i;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[c]),e.jsx(s.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})})),variant:"default"})};
 //# sourceMappingURL=SelectAllMenu.js.map

package/dist/cjs/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","jsx","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"6OAcKA,EAAGC,UAASC,WAAUC,cAC1B,MAAOC,EAAaC,GACnBC,EAAQA,SAAyB,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,EAAAA,WAAU,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,EAAAA,IAACC,EAAAA,SAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAAS,IAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCf,EAACS,IAAAO,WACA,CAAAC,KAAkB,QAAZnC,EAAoB,QAAU,UACpCoC,UACiB,cAAhBnC,GAA+C,sBAAhBA,EAEhCoC,mBAAoC,sBAAhBpC,EACpBqC,cAAelC,OAIlBmC,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":["_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","jsx","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"6OAcKA,IAAmC,IAAlCC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAASH,EACnC,MAAOI,EAAaC,GACnBC,EAAQA,SAAyB,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,EAAAA,WAAU,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,EAAAA,IAACC,EAAAA,SAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAAS,IAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCf,EAACS,IAAAO,WACA,CAAAC,KAAkB,QAAZnC,EAAoB,QAAU,UACpCoC,UACiB,cAAhBnC,GAA+C,sBAAhBA,EAEhCoC,mBAAoC,sBAAhBpC,EACpBqC,cAAelC,OAIlBmC,QAAS,WACR"}

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

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

package/dist/cjs/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","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","Fragment","onChangeText","text"],"mappings":"gcAWKA,EAAGC,WAAUC,cACjB,MAAOC,EAAKC,GAAUC,EAAQA,SAAC,KACxBC,EAAOC,GAAYF,EAAQA,UAAC,GAEnC,OACCG,EAACC,IAAAC,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,aAAc,GAAe,QAAZhB,EAAoB,GAAM,aAC1CiB,EAAMA,OAACC,OAAOC,UAEfC,QAAS,IAAe,QAAZpB,EAAoB,UAAY,cAE7CqB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDnB,EAACC,IAAAmB,QACA,CAAAC,iBACA,EAAAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ9B,EAAoB,QAAU,UACvC+B,SAAU,CACTC,KAAMA,IACL1B,EAACC,IAAA0B,WACAC,MAAmB,QAAZlC,EAAoB,GAAK,GAChCmC,OAAoB,QAAZnC,EAAoB,GAAK,GACjCoC,MAAOnB,EAAAA,OAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ/B,EAGAK,EAAAC,IAACgC,aACA,CAAAC,QAASA,KACRnC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXuC,KAAMC,EAAS,QACfR,MAAmB,QAAZlC,EAAoB,GAAK,GAChCmC,OAAoB,QAAZnC,EAAoB,GAAK,GACjC2C,UAAW1B,EAAAA,OAAOoB,QAAQR,cAX3BvB,EAAAC,IAAAqC,EAAAC,SAAA,KAeHzC,MAAOA,EACP0C,aAAeC,IACd1C,GAAS,GACTH,EAAO6C,GACPhD,EAASgD,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":["_ref","onSearch","version","val","setVal","useState","reset","setReset","_jsx","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","Fragment","onChangeText","text"],"mappings":"gcAWKA,IAA0B,IAAzBC,SAAEA,EAAQC,QAAEA,GAASF,EAC1B,MAAOG,EAAKC,GAAUC,EAAQA,SAAC,KACxBC,EAAOC,GAAYF,EAAQA,UAAC,GAEnC,OACCG,EAACC,IAAAC,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,aAAiB,GAAY,QAAZhB,EAAoB,GAAM,aAC1CiB,EAAMA,OAACC,OAAOC,UAEfC,QAAS,IAAe,QAAZpB,EAAoB,UAAY,cAE7CqB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDnB,EAACC,IAAAmB,QACA,CAAAC,iBACA,EAAAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ9B,EAAoB,QAAU,UACvC+B,SAAU,CACTC,KAAMA,IACL1B,EAACC,IAAA0B,WACAC,MAAmB,QAAZlC,EAAoB,GAAK,GAChCmC,OAAoB,QAAZnC,EAAoB,GAAK,GACjCoC,MAAOnB,EAAAA,OAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ/B,EAGAK,EAAAC,IAACgC,aACA,CAAAC,QAASA,KACRnC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXuC,KAAMC,EAAS,QACfR,MAAmB,QAAZlC,EAAoB,GAAK,GAChCmC,OAAoB,QAAZnC,EAAoB,GAAK,GACjC2C,UAAW1B,EAAAA,OAAOoB,QAAQR,cAX3BvB,EAAAC,IAAAqC,EAAAC,SAAA,KAeHzC,MAAOA,EACP0C,aAAeC,IACd1C,GAAS,GACTH,EAAO6C,GACPhD,EAASgD,EAAK,MAGY"}

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

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

package/dist/cjs/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","jsx","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined"],"mappings":"+KAUKA,EACJC,iBACAC,SACAC,YACAC,iBACAC,eACAC,cAEA,MAAMC,IAAiBF,IAAiBF,EAExC,OACCK,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNT,OAAQA,EACRU,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAAAO,IAACC,YACA,CAAAb,UAAWA,EACXc,MAAOV,EAAe,yBAA2B,mBACjDW,SACCX,EACGF,EACA,4CACAJ,QAAAA,EAAkB,MAGtBkB,aACCZ,EACG,CACAa,WAAY,YACZC,WAAY,OACZC,QAAShB,QAETiB,EAEJnB,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":["_ref","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","_jsx","Object","assign","style","display","alignItems","children","jsx","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined"],"mappings":"+KAUKA,IAOA,IAPCC,eACLA,EAAcC,OACdA,EAAMC,UACNA,EAASC,eACTA,EAAcC,aACdA,EAAYC,QACZA,GACAN,EACA,MAAMO,IAAiBF,IAAiBF,EAExC,OACCK,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNT,OAAQA,EACRU,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAAAO,IAACC,YACA,CAAAb,UAAWA,EACXc,MAAOV,EAAe,yBAA2B,mBACjDW,SACCX,EACGF,EACA,4CACAJ,QAAAA,EAAkB,MAGtBkB,aACCZ,EACG,CACAa,WAAY,YACZC,WAAY,OACZC,QAAShB,QAETiB,EAEJnB,eAAgBA,MAEZ"}

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

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

package/dist/cjs/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":["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/cjs/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":["props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","useEffect","undefined","selectedTabId","_jsx","Object","assign","style","_a","wrapperStyle","children","jsx","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":"2PA2B4BA,UAC3B,MAAOC,EAAaC,GAAkBC,EAAQA,SAAS,IACjDC,SAAEA,EAAQC,aAAEA,GAAiBL,EAanC,OAPAM,EAAAA,WAAU,UACmBC,IAAxBP,EAAMQ,eAAuD,OAAxBR,EAAMQ,eAG/CN,EAAeF,EAAMQ,cAAc,GACjC,CAACR,EAAMQ,gBAGTC,MAAA,MAAAC,OAAAC,OAAA,CAAKC,MAA6B,QAAtBC,EAAAb,EAAMc,oBAAgB,IAAAD,EAAAA,EAAA,CAAA,GACjC,CAAAE,SAAAN,EAAAO,IAAA,MAAAN,OAAAC,OAAA,CACCC,MAAO,CACNK,QAAS,OACTC,WAAY,SACZC,YAAaC,EAAaA,cAACC,SAASC,OAAOC,QAC3CC,gBACwB,WAAvBnB,eAAAA,EAAcoB,MACX,QACAL,EAAAA,cAAcC,SAASK,QAAQC,WAGnC,CAAAZ,SAAAX,EAASwB,KAAI,CAACC,EAAYC,2BAC1B,MAAMC,EACiB,YAAtB1B,EAAa2B,KACiC,QAA3CC,EAAqB,QAArBpB,EAAAR,EAAaO,aAAQ,IAAAC,OAAA,EAAAA,EAAqB,2BAAC,IAAAoB,EAAAA,EAAI,GACvC,IAARH,GAAmC,WAAtBzB,EAAa2B,MACR,QAAlBE,EAAA7B,EAAaO,aAAK,IAAAsB,OAAA,EAAAA,EAAwB,qBACzC7B,EAAaO,MAA2B,oBACxC,EACD,EAEEuB,EACiB,YAAtB9B,EAAa2B,KACiC,QAA3CI,EAAqB,QAArBC,EAAAhC,EAAaO,aAAQ,IAAAyB,OAAA,EAAAA,EAAqB,2BAAC,IAAAD,EAAAA,EAAI,GAC/CN,IAAQ1B,EAASkC,OAAS,GAA2B,WAAtBjC,EAAa2B,MAC1B,QAAlBO,EAAAlC,EAAaO,aAAK,IAAA2B,OAAA,EAAAA,EAAwB,qBACzClC,EAAaO,MAA2B,oBACxC,EACD,EACEO,EACLU,EAAWW,KAAOvC,EACfmB,EAAAA,cAAcC,SAASoB,QAAQC,MAC/BtB,EAAaA,cAACC,SAASC,OAAOC,QAClC,OACCd,EAAAA,IAACkC,EAAAA,QAAgCjC,OAAAC,OAAA,CAAA,EAAwB,UAAvBkB,EAAWe,oBAAY,IAAAC,EAAAA,EAAI,CAAA,EAAG,CAAA9B,SAC/DN,2BACCqC,QAASA,KAlDIjB,KACnB3B,EAAe2B,EAAWW,IAC1BX,EAAWkB,OAAOlB,EAAWmB,KAAK,EAiD3BC,CAAWpB,EAAW,EAEvBjB,MAAO,CACNsC,OAAQ,UACRjC,QAAS,OACTkC,KAAM,EACNC,cAAOC,EAAArD,EAAMsD,wBAAY,QACzBC,UAAW,aAAapC,IACxBqC,aAAc,aAAarC,IAC3BsC,WAAY,aAAatC,IACzBuC,YAAa,GACX5B,IAAQ1B,EAASkC,OAAS,GACJ,WAAtBjC,EAAa2B,MACQ,YAAtB3B,EAAa2B,MACbH,EAAWW,KAAOvC,EACf,EACA,aACQkB,IACZK,gBACCK,EAAWW,KAAOvC,EACfmB,EAAAA,cAAcC,SAASsC,WAAWC,WAClCxC,EAAAA,cAAcC,SAASK,QAAQC,SACnCkC,oBAAqB9B,EACrB+B,uBAAwB/B,EACxBgC,qBAAsB5B,EACtB6B,wBAAyB7B,EACzB8B,QACwB,WAAvB5D,aAAY,EAAZA,EAAcoB,MAAmB,WAAa,WAC/CyC,YAA+B,QAAlBC,EAAA9D,EAAaO,aAAK,IAAAuD,OAAA,EAAAA,EAAgB,YAC/CC,eAAgB,iBAChB,CAAArD,SAEDN,EAACO,IAAAqD,gBACA3D,OAAAC,OAAA,CAAAC,MAAO,CACN0D,MACCzC,EAAWW,KAAOvC,EACfmB,EAAAA,cAAcC,SAASoB,QAAQC,MAC/BtB,EAAAA,cAAcC,SAASoB,QAAQ8B,YAGnC,CAAAxD,SAAAc,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":["props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","useEffect","undefined","selectedTabId","_jsx","Object","assign","style","_a","wrapperStyle","children","jsx","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":"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"}

package/dist/cjs/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":["props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"gUA+BMA,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,EAAAA,oBACCA,EAACC,IAAAC,sCACAC,KAAMb,EACNc,MAAOpB,EACPqB,OAAQpB,EACRqB,MAAOpB,EACPqB,SAAUpB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdU,YAAaT,GAAY,CAAAU,SAEzBT,MAACU,iBAAc,CACdC,QAAS5B,EACTsB,OAAQhB,GAAc,GACtBe,MAAO,GAAGhB,MACVN,SAAUA,EACV8B,QAAS/B,EAAM+B,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":["props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"gUA+BMA,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,EAAAA,oBACCA,EAACC,IAAAC,sCACAC,KAAMb,EACNc,MAAOpB,EACPqB,OAAQpB,EACRqB,MAAOpB,EACPqB,SAAUpB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdU,YAAaT,GAAY,CAAAU,SAEzBT,MAACU,iBAAc,CACdC,QAAS5B,EACTsB,OAAQhB,GAAc,GACtBe,SAAUhB,MACVN,SAAUA,EACV8B,QAAS/B,EAAM+B,cAGZ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),i=require("./MajorUpdatePopup.js"),s=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=({children:d,fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:m,module:g,router:h,storeId:y,onAnnouncementShown:S,onAnnouncementInteracted:x})=>{var v;const{majorUpdateFeatures:k,minorUpdateFeatures:C,isLoading:T,markFeatureAsViewed:w}=r.useFeatureAnnouncements({fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:m,module:g,router:h}),[I,B]=o.useState(null),[j,E]=o.useState(null),[F,N]=o.useState(!1),[_,q]=o.useState([]),[P,U]=o.useState(!1),[O,W]=o.useState([]),[V,M]=o.useState(!1),[A,L]=o.useState(!1),[R,$]=o.useState([]),[z,H]=o.useState(!1),[Z,D]=o.useState(!1),[G,J]=o.useState(!1),[K,Q]=o.useState(""),[X,Y]=o.useState(!1),[ee,te]=o.useState(!1),[oe,ne]=o.useState(!1),[ae,re]=o.useState(0),[ie,se]=o.useState(0),[le,de]=o.useState(new Set);o.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.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 t=document.getElementById(e);t&&t.remove()}}),[]),o.useEffect((()=>{re((e=>e+1)),se((e=>e+1)),te(!1),ne(!1),de(new Set)}),[null==h?void 0:h.pathname]),o.useEffect((()=>{if(!(k.length>0)||I||T||V||X)0!==k.length||T||D(!0);else{D(!1),H(!1),N(!1),q([]),E(null),$([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?ue(k[0]):e<t?setTimeout(o,1e3):D(!0)};o()}}),[k,I,T,V,X]),o.useEffect((()=>{var e;const t=null===(e=null==h?void 0:h.query)||void 0===e?void 0:e.featureId;if(!t||T||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;H(!0),L(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];$(e),ye(o,e),clearInterval(a)}else n>=25&&(L(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(v=null==h?void 0:h.query)||void 0===v?void 0:v.featureId,T]),o.useEffect((()=>{var e;if(C.length>0&&!T&&!F&&!A&&!j&&!z&&Z&&!X){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||A||j||z||!Z)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(le.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&($(a),ye(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}F||n||A||j||z||!Z||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||A||j||z||!Z||a()}),200))})),t=()=>{F||n||A||j||z||!Z||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||A||j||z||!Z||a()}),300)})))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||A||j||z||!Z||a()}),100),setTimeout((()=>{n||A||j||z||!Z||a()}),1e3),setTimeout((()=>{n||A||j||z||!Z||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||T){(null===(e=null==h?void 0:h.query)||void 0===e?void 0:e.featureId)&&j||(N(!1),q([]),E(null),$([]),H(!1))}}),[C,T,F,A,j,z,Z,w,X]);const ue=e=>{B(e);const o=k.findIndex((t=>t.id===e.id)),n=k.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>ce(e),onExplore:t=>pe(e,t),onPrevious:()=>fe(e),onNext:()=>be(e),setIsClosing:te}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r),U(!0),S&&y&&S({storeId:y,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo})},ce=o.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=t||I;e&&(M(!0),yield Promise.all(k.map((e=>w(e.id)))),U(!1),B(null),W([]),D(!0),x&&y&&x({storeId:y,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout((()=>{M(!1)}),500))}))),[I,k,w]),pe=o.useCallback(((t,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,n;M(!0),yield w(t.id);const a=null!=o?o:null===(e=t.primaryButton)||void 0===e?void 0:e.action;if("Play Video"===a&&t.productVideo&&(Q(t.productVideo),J(!0),Y(!0)),"Open link"===a){const e=(null===(n=t.primaryButton)||void 0===n?void 0:n.redirectionUrl)||t.redirectUrl;e&&!e.startsWith("http")&&(window.location.href=e)}U(!1),B(null),W([]);k.findIndex((e=>e.id===t.id))===k.length-1&&D(!0),x&&y&&x({storeId:y,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo,buttonClicked:"Primary",buttonName:t.buttonText||"Explore",buttonUrl:t.redirectUrl||t.productVideo}),setTimeout((()=>{M(!1)}),500)}))),[k,w]),fe=o.useCallback((e=>{const o=e||I;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n>0){const e=k[n-1];B(e);const o=n-1,a=k.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>ce(e),onExplore:t=>pe(e,t),onPrevious:()=>fe(e),onNext:()=>be(e),setIsClosing:te}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r)}}),[I,k]),be=o.useCallback((e=>{const o=e||I;if(!o)return;const n=k.findIndex((e=>e.id===o.id));if(n<k.length-1){const e=k[n+1];B(e);const o=n+1,a=k.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>ce(e),onExplore:t=>pe(e,t),onPrevious:()=>fe(e),onNext:()=>be(e),setIsClosing:te}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];W(r)}else M(!0),w(o.id),U(!1),B(null),W([]),D(!0),setTimeout((()=>{M(!1)}),500)}),[I,k,w]),me=()=>{if(k.length>0&&!I){document.querySelector('[data-testid="whats-new-button"]')&&ue(k[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=me,()=>{delete window.showMajorUpdatePopup})),[k,I]);const ge=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(I&&(M(!0),k.forEach((e=>{w(e.id)})),D(!0),setTimeout((()=>{M(!1)}),500)),U(!1),B(null),W([]))}),[I,k,w]),he=o.useCallback((e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(j){L(!0),w(j.id);R.findIndex((e=>e.id===j.id))===R.length-1&&H(!0),setTimeout((()=>{L(!1)}),500)}N(!1),E(null),q([])}}),[j,R,w]),ye=(o,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){E(o);const e=n||R,a=e.findIndex((e=>e.id===o.id)),r=e.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(i);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(l,120)}catch(e){}const d=[{target:i,content:t.jsx(s.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>Se(o),onExplore:e=>xe(o,e),onPrevious:()=>ve(o),onNext:()=>ke(o),setIsClosing:ne}),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(d),N(!0)})),Se=o.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=t||j;if(e){L(!0),yield w(e.id),de((t=>new Set(t).add(e.id))),N(!1),E(null),q([]);const t=R.find((t=>t.id!==e.id&&!le.has(t.id)));setTimeout((()=>{L(!1),t?ye(t,R):H(!0)}),500)}}))),[j,R,w,le]),xe=o.useCallback(((t,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,n;L(!0),yield w(t.id),de((e=>new Set(e).add(t.id)));const a=null!=o?o:null===(e=t.primaryButton)||void 0===e?void 0:e.action;if("Play Video"===a&&t.productVideo&&(Q(t.productVideo),J(!0),Y(!0)),"Open link"===a){const e=(null===(n=t.primaryButton)||void 0===n?void 0:n.redirectionUrl)||t.redirectUrl;e&&!e.startsWith("http")&&(window.location.href=e)}N(!1),E(null),q([]);const r=R.find((e=>e.id!==t.id&&!le.has(e.id)));setTimeout((()=>{L(!1),r&&"Play Video"!==a?ye(r,R):r||H(!0)}),500)}))),[R,w,le]),ve=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||j;if(!e)return;const n=R.findIndex((t=>t.id===e.id));if(n>0){const e=R[n-1];E(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n-1,i=R.length,l=[{target:o,content:t.jsx(s.default,{feature:e,currentIndex:r,totalFeatures:i,onSkip:()=>Se(e),onExplore:t=>xe(e,t),onPrevious:()=>ve(e),onNext:()=>ke(e),setIsClosing:ne}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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(l)}}))),[j,R]),ke=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||j;if(!e)return;const n=R.findIndex((t=>t.id===e.id));if(n<R.length-1){const e=R[n+1];E(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n+1,i=R.length,l=[{target:o,content:t.jsx(s.default,{feature:e,currentIndex:r,totalFeatures:i,onSkip:()=>Se(e),onExplore:t=>xe(e,t),onPrevious:()=>ve(e),onNext:()=>ke(e),setIsClosing:ne}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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(l)}else L(!0),H(!0),w(e.id),N(!1),E(null),q([]),setTimeout((()=>{L(!1)}),500)}))),[j,R,w]);return t.jsxs(t.Fragment,{children:[d,O.length>0&&t.jsx(u.default,{steps:O,run:P,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ge,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ee?"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-${ae}`),_.length>0&&t.jsx(u.default,{steps:_,run:F,continuous:!1,showProgress:!1,showSkipButton:!1,callback:he,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:oe?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:oe?"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-${ie}`),t.jsx(l.VideoModal,{isOpen:G,videoUrl:K,onClose:()=>{J(!1),Q(""),Y(!1);const e=R.find((e=>!le.has(e.id)));e?setTimeout((()=>{ye(e,R)}),300):H(!0)}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),i=require("./MajorUpdatePopup.js"),s=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=d=>{let{children:c,fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:m,isFeatureApplicableToCurrentPage:g,module:h,router:y,storeId:S,onAnnouncementShown:x,onAnnouncementInteracted:v}=d;var k;const{majorUpdateFeatures:C,minorUpdateFeatures:T,isLoading:w,markFeatureAsViewed:I}=r.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:m,isFeatureApplicableToCurrentPage:g,module:h,router:y}),[B,j]=o.useState(null),[E,F]=o.useState(null),[N,_]=o.useState(!1),[q,P]=o.useState([]),[U,O]=o.useState(!1),[W,V]=o.useState([]),[M,A]=o.useState(!1),[L,R]=o.useState(!1),[$,z]=o.useState([]),[H,Z]=o.useState(!1),[D,G]=o.useState(!1),[J,K]=o.useState(!1),[Q,X]=o.useState(""),[Y,ee]=o.useState(!1),[te,oe]=o.useState(!1),[ne,ae]=o.useState(!1),[re,ie]=o.useState(0),[se,le]=o.useState(0),[de,ue]=o.useState(new Set);o.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.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 t=document.getElementById(e);t&&t.remove()}}),[]),o.useEffect((()=>{ie((e=>e+1)),le((e=>e+1)),oe(!1),ae(!1),ue(new Set)}),[null==y?void 0:y.pathname]),o.useEffect((()=>{if(!(C.length>0)||B||w||M||Y)0!==C.length||w||G(!0);else{G(!1),Z(!1),_(!1),P([]),F(null),z([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?ce(C[0]):e<t?setTimeout(o,1e3):G(!0)};o()}}),[C,B,w,M,Y]),o.useEffect((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(!t||w||0===T.length)return;const o=T.find((e=>e.id===t));if(!o||!o.featureTag)return;Z(!0),R(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];z(e),Se(o,e),clearInterval(a)}else n>=25&&(R(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[T,null===(k=null==y?void 0:y.query)||void 0===k?void 0:k.featureId,w]),o.useEffect((()=>{var e;if(T.length>0&&!w&&!N&&!L&&!E&&!H&&D&&!Y){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||L||E||H||!D)return;const a=T.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(de.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(z(a),Se(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}N||n||L||E||H||!D||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||L||E||H||!D||a()}),200))})),t=()=>{N||n||L||E||H||!D||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||L||E||H||!D||a()}),300)})))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||L||E||H||!D||a()}),100),setTimeout((()=>{n||L||E||H||!D||a()}),1e3),setTimeout((()=>{n||L||E||H||!D||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===T.length||w){(null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId)&&E||(_(!1),P([]),F(null),z([]),Z(!1))}}),[T,w,N,L,E,H,D,I,Y]);const ce=e=>{j(e);const o=C.findIndex((t=>t.id===e.id)),n=C.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>pe(e),onExplore:t=>fe(e,t),onPrevious:()=>be(e),onNext:()=>me(e),setIsClosing:oe}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];V(r),O(!0),x&&S&&x({storeId:S,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo})},pe=o.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=t||B;e&&(A(!0),yield Promise.all(C.map((e=>I(e.id)))),O(!1),j(null),V([]),G(!0),v&&S&&v({storeId:S,announcementId:e.id,announcementTitle:e.title,imageUrl:e.displayImage||e.image,videoUrl:e.productVideo,buttonClicked:"Skip",buttonName:"Skip",buttonUrl:void 0}),setTimeout((()=>{A(!1)}),500))}))),[B,C,I]),fe=o.useCallback(((t,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,n;A(!0),yield I(t.id);const a=null!=o?o:null===(e=t.primaryButton)||void 0===e?void 0:e.action;if("Play Video"===a&&t.productVideo&&(X(t.productVideo),K(!0),ee(!0)),"Open link"===a){const e=(null===(n=t.primaryButton)||void 0===n?void 0:n.redirectionUrl)||t.redirectUrl;e&&!e.startsWith("http")&&(window.location.href=e)}O(!1),j(null),V([]);C.findIndex((e=>e.id===t.id))===C.length-1&&G(!0),v&&S&&v({storeId:S,announcementId:t.id,announcementTitle:t.title,imageUrl:t.displayImage||t.image,videoUrl:t.productVideo,buttonClicked:"Primary",buttonName:t.buttonText||"Explore",buttonUrl:t.redirectUrl||t.productVideo}),setTimeout((()=>{A(!1)}),500)}))),[C,I]),be=o.useCallback((e=>{const o=e||B;if(!o)return;const n=C.findIndex((e=>e.id===o.id));if(n>0){const e=C[n-1];j(e);const o=n-1,a=C.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>pe(e),onExplore:t=>fe(e,t),onPrevious:()=>be(e),onNext:()=>me(e),setIsClosing:oe}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];V(r)}}),[B,C]),me=o.useCallback((e=>{const o=e||B;if(!o)return;const n=C.findIndex((e=>e.id===o.id));if(n<C.length-1){const e=C[n+1];j(e);const o=n+1,a=C.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(i.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>pe(e),onExplore:t=>fe(e,t),onPrevious:()=>be(e),onNext:()=>me(e),setIsClosing:oe}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];V(r)}else A(!0),I(o.id),O(!1),j(null),V([]),G(!0),setTimeout((()=>{A(!1)}),500)}),[B,C,I]),ge=()=>{if(C.length>0&&!B){document.querySelector('[data-testid="whats-new-button"]')&&ce(C[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=ge,()=>{delete window.showMajorUpdatePopup})),[C,B]);const he=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(B&&(A(!0),C.forEach((e=>{I(e.id)})),G(!0),setTimeout((()=>{A(!1)}),500)),O(!1),j(null),V([]))}),[B,C,I]),ye=o.useCallback((e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(E){R(!0),I(E.id);$.findIndex((e=>e.id===E.id))===$.length-1&&Z(!0),setTimeout((()=>{R(!1)}),500)}_(!1),F(null),P([])}}),[E,$,I]),Se=(o,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){F(o);const e=n||$,a=e.findIndex((e=>e.id===o.id)),r=e.length,i=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(i);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(l,120)}catch(e){}const d=[{target:i,content:t.jsx(s.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>xe(o),onExplore:e=>ve(o,e),onPrevious:()=>ke(o),onNext:()=>Ce(o),setIsClosing:ae}),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"}}}];P(d),_(!0)})),xe=o.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=t||E;if(e){R(!0),yield I(e.id),ue((t=>new Set(t).add(e.id))),_(!1),F(null),P([]);const t=$.find((t=>t.id!==e.id&&!de.has(t.id)));setTimeout((()=>{R(!1),t?Se(t,$):Z(!0)}),500)}}))),[E,$,I,de]),ve=o.useCallback(((t,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,n;R(!0),yield I(t.id),ue((e=>new Set(e).add(t.id)));const a=null!=o?o:null===(e=t.primaryButton)||void 0===e?void 0:e.action;if("Play Video"===a&&t.productVideo&&(X(t.productVideo),K(!0),ee(!0)),"Open link"===a){const e=(null===(n=t.primaryButton)||void 0===n?void 0:n.redirectionUrl)||t.redirectUrl;e&&!e.startsWith("http")&&(window.location.href=e)}_(!1),F(null),P([]);const r=$.find((e=>e.id!==t.id&&!de.has(e.id)));setTimeout((()=>{R(!1),r&&"Play Video"!==a?Se(r,$):r||Z(!0)}),500)}))),[$,I,de]),ke=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||E;if(!e)return;const n=$.findIndex((t=>t.id===e.id));if(n>0){const e=$[n-1];F(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n-1,i=$.length,l=[{target:o,content:t.jsx(s.default,{feature:e,currentIndex:r,totalFeatures:i,onSkip:()=>xe(e),onExplore:t=>ve(e,t),onPrevious:()=>ke(e),onNext:()=>Ce(e),setIsClosing:ae}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];P(l)}}))),[E,$]),Ce=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||E;if(!e)return;const n=$.findIndex((t=>t.id===e.id));if(n<$.length-1){const e=$[n+1];F(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n+1,i=$.length,l=[{target:o,content:t.jsx(s.default,{feature:e,currentIndex:r,totalFeatures:i,onSkip:()=>xe(e),onExplore:t=>ve(e,t),onPrevious:()=>ke(e),onNext:()=>Ce(e),setIsClosing:ae}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,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"}}}];P(l)}else R(!0),Z(!0),I(e.id),_(!1),F(null),P([]),setTimeout((()=>{R(!1)}),500)}))),[E,$,I]);return t.jsxs(t.Fragment,{children:[c,W.length>0&&t.jsx(u.default,{steps:W,run:U,continuous:!1,showProgress:!1,showSkipButton:!1,callback:he,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:te?"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-${re}`),q.length>0&&t.jsx(u.default,{steps:q,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ye,disableOverlayClose:!1,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ne?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:ne?"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-${se}`),t.jsx(l.VideoModal,{isOpen:J,videoUrl:Q,onClose:()=>{K(!1),X(""),ee(!1);const e=$.find((e=>!de.has(e.id)));e?setTimeout((()=>{Se(e,$)}),300):Z(!0)}})]})};
 //# sourceMappingURL=FeatureAnnouncementProvider.js.map