@bikdotai/bik-component-library 0.0.499-2 → 0.0.499-beta.0

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l,version:m}=s;return t(n,Object.assign({version:m},{children:e("div",Object.assign({style:{padding:"2.0"===m?12:24}},{children:[t(r,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:c})),t(o,Object.assign({style:{color:i.content.secondary}},{children:l}))]}))}))};export{s as Description};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as s}from"./Description.styled.js";const n=({title:n,description:c,version:m})=>t(s,Object.assign({version:m},{children:e("div",Object.assign({style:{padding:"2.0"===m?12:24}},{children:[t(r,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:n})),t(o,Object.assign({style:{color:i.content.secondary}},{children:c}))]}))}));export{n as Description};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const m=m=>{let{searchedString:l,onSelect:a,isMultiSelect:p,version:f}=m;const[h,u]=o(!1);function d(){u(!h),a(!h)}return e(i,{version:f,onClick:e=>{e.preventDefault(),d()},listItem:{label:l,value:l},leadingIcon:p?e(r,{size:"2.0"===f?"SMALL":"DEFAULT",isChecked:h,onValueChange:d}):e(t,{}),trailingIcon:e(c,{children:e(n,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const m=({searchedString:m,onSelect:l,isMultiSelect:a,version:p})=>{const[f,h]=o(!1);function u(){h(!f),l(!f)}return e(i,{version:p,onClick:e=>{e.preventDefault(),u()},listItem:{label:m,value:m},leadingIcon:a?e(r,{size:"2.0"===p?"SMALL":"DEFAULT",isChecked:f,onValueChange:u}):e(t,{}),trailingIcon:e(c,{children:e(n,Object.assign({style:{color:s.content.secondary}},{children:"Freeform"}))})})};export{m as FreeFormMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -2,4 +2,4 @@ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import i from"st
 	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
-`,d=i=>{let{option:s,isMultiSelect:d,showDescription:m,onSelect:p,last:g,version:u}=i;var b;function f(e){s.disabled||p(Object.assign(Object.assign({},s),{selected:e}))}return e(a,{version:u,style:g?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),f(!s.selected)},onMouseOver:function(){s.description?m(s.label,s.description):m()},listItem:{value:s.value,label:s.label},subText:s.subText,leadingIcon:d?t("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e(o,{size:"2.0"===u?"SMALL":"DEFAULT",isDisabled:null!==(b=s.disabled)&&void 0!==b&&b,isChecked:!!s.selected,onValueChange:f}),e("div",Object.assign({style:{marginRight:"-4px"}},{children:s.leadingIcon}))]})):s.leadingIcon?e(n,{children:s.leadingIcon}):e(n,{}),customComponent:s.customComponent,trailingIcon:s.isFreeForm?e(c,{children:e(r,Object.assign({style:{color:l.content.secondary}},{children:"Freeform"}))}):s.trailingIcon?e(n,{children:s.trailingIcon}):e(n,{}),variant:s.disabled?"inactive":s.selected?"selected":"default"})};export{d as MenuItem};
+`,d=({option:i,isMultiSelect:s,showDescription:d,onSelect:m,last:p,version:g})=>{var u;function b(e){i.disabled||m(Object.assign(Object.assign({},i),{selected:e}))}return e(a,{version:g,style:p?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),b(!i.selected)},onMouseOver:function(){i.description?d(i.label,i.description):d()},listItem:{value:i.value,label:i.label},subText:i.subText,leadingIcon:s?t("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e(o,{size:"2.0"===g?"SMALL":"DEFAULT",isDisabled:null!==(u=i.disabled)&&void 0!==u&&u,isChecked:!!i.selected,onValueChange:b}),e("div",Object.assign({style:{marginRight:"-4px"}},{children:i.leadingIcon}))]})):i.leadingIcon?e(n,{children:i.leadingIcon}):e(n,{}),customComponent:i.customComponent,trailingIcon:i.isFreeForm?e(c,{children:e(r,Object.assign({style:{color:l.content.secondary}},{children:"Freeform"}))}):i.trailingIcon?e(n,{children:i.trailingIcon}):e(n,{}),variant:i.disabled?"inactive":i.selected?"selected":"default"})};export{d as MenuItem};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{MenuItem as n}from"./MenuItem.js";import{StyledGroupedLabel as o}from"./MenuList.styled.js";const s=s=>{let{options:r,isMultiSelect:l,showDescription:c,onSelect:p,version:a}=s;return e(t,{children:r.map(((s,m)=>{const g=m===r.length-1;if(s.options){const r=s;return i("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[i(o,Object.assign({version:a},{children:[r.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:r.leadingIcon})):e(t,{}),r.label]})),r.options.map(((t,i)=>e(n,{version:a,last:i===r.options.length-1,onSelect:p,showDescription:c,isMultiSelect:l,option:t},`${m}-${i}`)))]}),m)}return e(n,{version:a,last:g,onSelect:p,showDescription:c,isMultiSelect:l,option:s},m)}))})};export{s as MenuList};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{MenuItem as n}from"./MenuItem.js";import{StyledGroupedLabel as o}from"./MenuList.styled.js";const s=({options:s,isMultiSelect:r,showDescription:l,onSelect:c,version:p})=>e(t,{children:s.map(((a,m)=>{const g=m===s.length-1;if(a.options){const s=a;return i("div",Object.assign({style:{marginTop:"2.0"===p?2:0}},{children:[i(o,Object.assign({version:p},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):e(t,{}),s.label]})),s.options.map(((t,i)=>e(n,{version:p,last:i===s.options.length-1,onSelect:c,showDescription:l,isMultiSelect:r,option:t},`${m}-${i}`)))]}),m)}return e(n,{version:p,last:g,onSelect:c,showDescription:l,isMultiSelect:r,option:a},m)}))});export{s as MenuList};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=c=>{let{options:n,onSelect:r,version:s}=c;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return l((()=>{const e=[];n.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)?d("selectAll"):e.filter(Boolean).length>0?d("partiallySelected"):d("notSelected")}),[n]),e(i,{version:s,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18}},{children:e(o,{size:"2.0"===s?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:p})})),variant:"default"})};export{c as SelectAllMenu};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const c=({options:c,onSelect:n,version:r})=>{const[s,a]=t("notSelected");function d(){"partiallySelected"===s&&n("notSelected"),"selectAll"===s&&n("notSelected"),"notSelected"===s&&n("selectAll")}return l((()=>{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)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[c]),e(i,{version:r,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",Object.assign({style:{width:18}},{children:e(o,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===s||"partiallySelected"===s,isPartiallyChecked:"partiallySelected"===s,onValueChange:d})})),variant:"default"})};export{c as SelectAllMenu};

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as r}from"../../../../TypographyStyle.js";import{COLORS as l}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const s=s=>{let{onApply:i,onClear:c,list:p}=s;const a=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(n,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:l.content.primary}},{children:a?`${a} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:c}),e(o,{size:"small",buttonText:"Apply",onClick:()=>{i()}})]}))]}))};export{s as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";import{BottomBarContainer as s}from"./MultiSelectDropdownBottomBar.styled.js";const l=({onApply:l,onClear:i,list:c})=>{const p=c.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(s,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:n.content.primary}},{children:p?`${p} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e(o,{size:"small",buttonText:"Apply",onClick:()=>{l()}})]}))]}))};export{l as default};

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

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{ZeroState as t}from"../../../../zeroState/ZeroState.js";const r=r=>{let{searchedString:i,height:o}=r;return e("div",Object.assign({style:{height:o,display:"flex",alignItems:"center"}},{children:e(t,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=i?i:""}"`})}))};export{r as SearchZeroState};
+import{jsx as e}from"react/jsx-runtime";import{ZeroState as t}from"../../../../zeroState/ZeroState.js";const r=({searchedString:r,height:i})=>e("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e(t,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`})}));export{r as SearchZeroState};

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

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",o=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const[r,v]=e(null!=o?o:[]),[p,f]=e([]),[g,b]=e(""),O=t(r);s((()=>{if(O.current=r,p.length&&g&&d){let e=[...p];const t=r.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.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})),f([...e])}}),[r]),s((()=>{if(o){const e=[...o];v(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[o]);const h=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};function j(e,t){if(u)if(p.length&&g&&d)if(e.selected){let s=!1;const l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{let s=!1,l=n(r,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];v([...l]),"2.0"===c&&m(l)}else{const s=n(r,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];v([...s]),"2.0"===c&&m(s)}else null==i||i(e)}function m(e){const t=h(null!=e?e:O.current);null==i||i([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:r,search:function(e){if(b(e),f([]),e&&d){const t=[];l(r,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),d(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));f([...s])}}))}},searchedString:g,searchedOptions:p,onApplyHandler:j,selectAllHandler:function(e){if(p.length&&g&&d)!function(e){let t=[...r];e?p.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),v([...t]),"2.0"===c&&m(t)}("selectAll"===e);else if("selectAll"===e){const e=n(r,{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"===c&&m(e)}else if("notSelected"===e){const e=n(r,{selected:!1},(e=>!e.disabled));v([...e]),"2.0"===c&&m(e)}},onMultiSelectClear:function(){const e=n(r,{selected:!1});v([...e]),"2.0"===c&&m(e)},onFreeFormSelect:function(e){if(!u)return void j({label:g,value:g,isFreeForm:!0,selected:!0});const t=r.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===g&&t.value===g?e:t.selected})));e&&(t.some((e=>e.label===g&&e.value===g))||t.unshift({label:g,value:g,isFreeForm:!0,selected:!0})),v([...t]),"2.0"===c&&m(t)},onMultiSelectApply:m,getSelectedOptions:h}};export{c as useDropdown};
+import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=(c="1.0",o,i,a,u,r)=>{const[d,p]=e(null!=o?o:[]),[f,v]=e([]),[b,O]=e(""),g=t(d);s((()=>{if(g.current=d,f.length&&b&&r){let e=[...f];const t=d.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.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})),v([...e])}}),[d]),s((()=>{if(o){const e=[...o];p(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[o]);const j=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};function h(e,t){if(u)if(f.length&&b&&r)if(e.selected){let s=!1;const l=n(d,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];p([...l]),"2.0"===c&&m(l)}else{let s=!1,l=n(d,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];p([...l]),"2.0"===c&&m(l)}else{const s=n(d,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];p([...s]),"2.0"===c&&m(s)}else null==i||i(e)}function m(e){const t=j(null!=e?e:g.current);null==i||i([...t])}return{latestDropdownOptionsRef:g,dropdownOptions:d,search:function(e){if(O(e),v([]),e&&r){const t=[];l(d,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),r(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));v([...s])}}))}},searchedString:b,searchedOptions:f,onApplyHandler:h,selectAllHandler:function(e){if(f.length&&b&&r)!function(e){let t=[...d];e?f.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):f.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),p([...t]),"2.0"===c&&m(t)}("selectAll"===e);else if("selectAll"===e){const e=n(d,{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"===c&&m(e)}else if("notSelected"===e){const e=n(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===c&&m(e)}},onMultiSelectClear:function(){const e=n(d,{selected:!1});p([...e]),"2.0"===c&&m(e)},onFreeFormSelect:function(e){if(!u)return void h({label:b,value:b,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===b&&t.value===b?e:t.selected})));e&&(t.some((e=>e.label===b&&e.value===b))||t.unshift({label:b,value:b,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===c&&m(t)},onMultiSelectApply:m,getSelectedOptions:j}};export{c as useDropdown};

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum FAB_POSITION {
     TOP_LEFT = "top left",
     TOP_RIGHT = "top right",
@@ -33,18 +32,18 @@ export declare const FloatingActionButtonOuterContainer: import("styled-componen
     zIndex: number;
 }, never>;
 export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"a", import("react-bootstrap").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", import("react-bootstrap").DropdownItemTextProps>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", import("react-bootstrap").DropdownDividerProps>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownHeaderProps>;
 }, any, {
     active?: string | undefined;
     width?: string | undefined;
     height?: string | undefined;
 }, never>;
-export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;
+export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, any, {}, never>;
 export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {
     tooltipWidth?: number | undefined;
 }, never>;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y}=d;const b=t(null),[j,F]=s(),[R,v]=s(h),[I,T]=s(!1);a((()=>{f.upload?(F("upload"),setTimeout((()=>{k()}),500)):f.crop?F("crop"):f.compress?F("compress"):f.uploadToFirestorage?F("cloud-upload"):T(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const O=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void T(!0);F("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),T(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),E=o=>{o||w();const e=p.base64ToImage(o);f.compress?(F("compress"),p.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();O(o.base64,o.compressedFile)}))):O(o,e)},k=()=>{b.current.click()};return I?o(e,{}):"cloud-upload"===j?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{T(!0),w()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;v({src:r.result}),o=r.result,f.crop?F("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===j&&o(c,{src:R.src,onCropComplete:o=>{v({src:o}),E(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as s,useState as t,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=({cropOptions:d,fileTitle:m,compressionOptions:u,currentImage:g,options:h,onFinish:f,onCancel:C,fileUploadOptions:w})=>{const y=s(null),[b,j]=t(),[F,R]=t(g),[v,I]=t(!1);a((()=>{h.upload?(j("upload"),setTimeout((()=>{E()}),500)):h.crop?j("crop"):h.compress?j("compress"):h.uploadToFirestorage?j("cloud-upload"):I(!0)}),[h.upload,h.crop,h.compress,h.uploadToFirestorage]);const T=i(((o,e)=>{if(!h.uploadToFirestorage)return f(o,e),void I(!0);j("cloud-upload"),w&&w.uploadFile(e,w.path).then((r=>{f(o,e,r),I(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),O=o=>{o||C();const e=p.base64ToImage(o);h.compress?(j("compress"),p.compressImage(e,u).then((o=>{if(!o)return I(!0),void C();T(o.base64,o.compressedFile)}))):T(o,e)},E=()=>{y.current.click()};return v?o(e,{}):"cloud-upload"===b?!w||w.success?o(e,{}):w.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{I(!0),C()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${m||"photo"}`,subline:`Please wait while we upload your ${m||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[h.upload&&o("input",{ref:y,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;R({src:r.result}),o=r.result,h.crop?j("crop"):O(o)},e&&r.readAsDataURL(e)}}),"crop"===b&&o(c,{src:F.src,onCropComplete:o=>{R({src:o}),O(o)},aspectRatio:d.aspectRatio,onCancel:C})]})};export{d as BikImagePipeline};

package/dist/esm/components/input/ChipInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as l,BodyCaption as c}from"../TypographyStyle.js";import{theme as a,chipTheme as s}from"./ChipInput.styled.js";const p=p=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:g,hintTextColor:f,error:v,inputHeight:C,createChipKeys:b,chipsContainerCustomStyle:j,nativeID:x}=p;const[T,S]=n(!1);return r((()=>{var e,t;null===(e=document.querySelector(`#${x} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${x} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:x},{children:[u&&t(l,Object.assign({style:{color:T?i.content.brand:v?i.content.negative:y||i.content.primary}},{children:u})),t(o,{value:d,theme:a(!!v,C,j,T),chipTheme:s,placeholder:0===d.length&&!!m&&!T&&m,onChange:e=>{h(e)},createChipKeys:b||","}),(!!g||!!v)&&t(c,Object.assign({style:{color:v?i.content.negative:f||i.content.secondary}},{children:v||g}))]}))};export{p as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as c,BodyCaption as l}from"../TypographyStyle.js";import{theme as a,chipTheme as s}from"./ChipInput.styled.js";const p=({onChipsChange:p,placeholder:h,chips:m,label:d,labelColor:u,hintText:y,hintTextColor:g,error:f,inputHeight:v,createChipKeys:C,chipsContainerCustomStyle:b,nativeID:j})=>{const[x,T]=n(!1);return r((()=>{var e,t;null===(e=document.querySelector(`#${j} input`))||void 0===e||e.addEventListener("focus",(()=>{T(!0)})),null===(t=document.querySelector(`#${j} input`))||void 0===t||t.addEventListener("blur",(()=>{T(!1)}))}),[]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:j},{children:[d&&t(c,Object.assign({style:{color:x?i.content.brand:f?i.content.negative:u||i.content.primary}},{children:d})),t(o,{value:m,theme:a(!!f,v,b,x),chipTheme:s,placeholder:0===m.length&&!!h&&!x&&h,onChange:e=>{p(e)},createChipKeys:C||","}),(!!y||!!f)&&t(l,Object.assign({style:{color:f?i.content.negative:g||i.content.secondary}},{children:f||y}))]}))};export{p as default};

package/dist/esm/components/input/Input-helper.js

@@ -1 +1 @@
-import{phone as n}from"phone";const e=n=>n&&"function"==typeof n,r=function(e,r){let t,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=["phonenumber","zip","number"].includes(r),l=a?e?Number(e):null:e;if(null==l||""===l)return[!0,""];if(a&&String(l).length&&(i.min&&l<i.min||i.max&&l>i.max))return[!1,`Enter valid number between ${i.min} and ${i.max}`];if("email"===r)return t=/(.+)@(.+){2,}\.(.+){2,}/,l.match(t)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return t=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,l.match(t)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return l>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(l).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:e}=n("+"+String(l));return e?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==l?void 0:l.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};export{e as isFunction,r as validateInput};
+import{phone as n}from"phone";const r=n=>n&&"function"==typeof n,e=(r,e,t={})=>{let i;const a=["phonenumber","zip","number"].includes(e),l=a?r?Number(r):null:r;if(null==l||""===l)return[!0,""];if(a&&String(l).length&&(t.min&&l<t.min||t.max&&l>t.max))return[!1,`Enter valid number between ${t.min} and ${t.max}`];if("email"===e)return i=/(.+)@(.+){2,}\.(.+){2,}/,l.match(i)?[!0,""]:[!1,"Enter a valid email id"];if("url"===e)return i=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,l.match(i)?[!0,""]:[!1,"Enter a valid url"];if("number"===e)return l>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===e)return 6===String(l).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===e){const{isValid:r}=n("+"+String(l));return r?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==l?void 0:l.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};export{r as isFunction,e as validateInput};

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{forwardRef as r,useState as l,useContext as o,useRef as a,useEffect as s}from"react";import{Button as c}from"../button/Button.js";import{isFunction as u,validateInput as h}from"./Input-helper.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as v}from"../TypographyStyle.js";import{COLORS as p}from"../../constants/Theme.js";import g from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as m}from"./context/InputStyleProvider.js";import{RootContainer as f,InputFooter as b,InputWrapper as x,IconHolder as y,PrefixHolder as j,InputContainer as C,InputContainerSmall as w,SuffixHolder as k,InputHeader as O,MaxCharStyle as T}from"./Input.styled.js";const I=r(((r,I)=>{var H,L,E,z,A;const{placeholder:D,leftIcon:F,rightIcon:M,labelText:B,maxCharLimit:S,isRequired:K,hintText:R,type:G,state:N,validate:_,variant:q,button:P,suffixText:V,prefixText:W,onChangeText:$,value:J,noErrorHint:Q,reset:U,rangeValidation:X,noKeyDownChange:Y,version:Z,noMaxCharCheck:ee,labelElement:te,autoGrow:ne,minHeight:ie,maxHeight:re}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},r),le=null==F?void 0:F.icon,oe=null==M?void 0:M.icon,[ae,se]=l(!1),[ce,ue]=l(!1),[he,de]=l(),ve="small"===q?"18px":"22px",pe=o(m),[ge,me]=l(),fe=a(null),be=null!=I?I:fe;s((()=>{me(J),!J&&ne&&(be.current.style.height=ie||"48px")}),[J]),s((()=>{var e;be.current&&(null===(e=r.onReferenceInit)||void 0===e||e.call(r,be.current))}),[be]),s((()=>{const e=be.current;if(e&&["phonenumber","zip","number"].includes(G))return e.addEventListener("wheel",Ce,{passive:!1}),()=>{e.removeEventListener("wheel",Ce)}}),[]),s((()=>{U&&me("")}),[U]),s((()=>{var e;ue(!!r.isActive),r.isActive&&(null===(e=be.current)||void 0===e||e.focus())}),[r.isActive]),s((()=>{de(r.errorMessage)}),[r.errorMessage]),s((()=>{var e;se(!1),("invalid"===r.state||he||"disabled-invalid"===r.state)&&se(!0),"active"===r.state&&(null===(e=be.current)||void 0===e||e.focus())}),[r.state,he]),s((()=>{se(!!he)}),[he]);const xe=function(e){if(u(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},ye=()=>"zip"===G?6:60,je=e=>{const t=0!==S?S:ye();if(Y||$(J||"",e),ee)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},Ce=e=>{e.preventDefault()},we=e=>{let t=e.target.value;const n=0!==S?S+1:ye();!ee&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),$(t,e),r.textControl||me(t),ne&&(be.current.style.height=`${be.current.scrollHeight}px`,t||(be.current.style.height=ie||"48px"));const i=_||h;if(!i||!u(i))return;const[l,o]=i(t,G,X);se(!l),de(r.errorMessage?r.errorMessage:o)},ke=e=>{var t;r.skipFocus||ue(!0),xe(null===(t=r.onFocus)||void 0===t?void 0:t.call(r,e))},Oe=e=>{var t;r.skipFocus||ue(!1),xe(null===(t=r.onBlur)||void 0===t?void 0:t.call(r,e))},Te=()=>{var i;return e(n,{children:["multiline"!==G&&t("input",{"data-test":r["data-test"],id:r.id,style:null!==(i=null==pe?void 0:pe.input)&&void 0!==i?i:{},ref:be,type:["phonenumber","zip","number"].includes(G)?"number":G,value:ge,onFocus:e=>ke(e),onBlur:e=>Oe(e),placeholder:D||"Enter here",onChange:we,onClick:e=>xe(r.onClick),onKeyDown:e=>je(e)}),"multiline"===G&&t("textarea",{"data-test":r["data-test"],value:ge,ref:be,onFocus:e=>ke(e),onBlur:e=>Oe(e),onClick:e=>xe(r.onClick),placeholder:D||"Enter here",onChange:we,onKeyDown:e=>je(e),maxLength:S>0?S:void 0})]})};return e(f,Object.assign({width:r.width,height:r.height,state:N,type:G,style:null!==(H=null==pe?void 0:pe.RootContainer)&&void 0!==H?H:{}},{children:[!Q&&(!!R||!!he)&&e(b,Object.assign({invalid:!!he},{children:[!!he&&t(g,{width:16,height:16}),he||R]})),e(x,Object.assign({variant:q,state:N,width:r.width,isActive:"active"===N||ce,isInvalid:ae,style:null!==(L=null==pe?void 0:pe.InputWrapper)&&void 0!==L?L:{},version:Z,height:r.height},{children:[!!le&&t(y,Object.assign({variant:q,iconSize:ve,onClick:()=>xe(null==F?void 0:F.callback),isLeft:!0,style:null!==(E=null==pe?void 0:pe.IconHolder)&&void 0!==E?E:{}},{children:t(le,{})})),!!W&&t(j,Object.assign({variant:q},{children:W})),"default"===q&&t(C,Object.assign({height:r.height,type:r.type,minHeight:ie,maxHeight:re,autoGrow:ne},{children:Te()})),"small"===q&&t(w,Object.assign({height:r.height,type:r.type},{children:Te()})),!!oe&&t(y,Object.assign({variant:q,iconSize:ve,onClick:()=>xe(null==M?void 0:M.callback),isLeft:!1},{children:t(oe,{})})),!!V&&t(k,Object.assign({variant:q},{children:V})),P&&P.text&&t(c,{buttonText:P.text,onClick:()=>xe(null==P?void 0:P.onClick)})]})),(!!B||!!S)&&e(O,Object.assign({invalid:ae},{children:[te&&te,e("div",Object.assign({className:"label__container"},{children:[e(v,{children:[B,K?t("span",{children:"*"}):""]}),r.tooltipText&&t(d,Object.assign({body:r.tooltipText,placement:"top"},{children:t("span",{children:t(i,{style:{marginTop:-3},width:18,height:18,color:ae?p.content.negative:p.content.primary})})}))]})),S>0&&e(T,{children:[null!==(A=null===(z=r.value)||void 0===z?void 0:z.length)&&void 0!==A?A:0,"/",S]})]}))]}))}));I.displayName="Input";export{I as Input};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{forwardRef as r,useState as l,useContext as o,useRef as a,useEffect as s}from"react";import{Button as c}from"../button/Button.js";import{isFunction as u,validateInput as h}from"./Input-helper.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as v}from"../TypographyStyle.js";import{COLORS as p}from"../../constants/Theme.js";import g from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as m}from"./context/InputStyleProvider.js";import{RootContainer as f,InputFooter as b,InputWrapper as x,IconHolder as y,PrefixHolder as j,InputContainer as C,InputContainerSmall as w,SuffixHolder as k,InputHeader as O,MaxCharStyle as T}from"./Input.styled.js";const I=r(((r,I)=>{var H,L,E,z,D;const{placeholder:F,leftIcon:M,rightIcon:A,labelText:B,maxCharLimit:S,isRequired:K,hintText:R,type:G,state:N,validate:_,variant:q,button:P,suffixText:V,prefixText:W,onChangeText:$,value:J,noErrorHint:Q,reset:U,rangeValidation:X,noKeyDownChange:Y,version:Z,noMaxCharCheck:ee,labelElement:te,autoGrow:ne,minHeight:ie,maxHeight:re}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},r),le=null==M?void 0:M.icon,oe=null==A?void 0:A.icon,[ae,se]=l(!1),[ce,ue]=l(!1),[he,de]=l(),ve="small"===q?"18px":"22px",pe=o(m),[ge,me]=l(),fe=a(null),be=null!=I?I:fe;s((()=>{me(J),!J&&ne&&(be.current.style.height=ie||"48px")}),[J]),s((()=>{var e;be.current&&(null===(e=r.onReferenceInit)||void 0===e||e.call(r,be.current))}),[be]),s((()=>{const e=be.current;if(e&&["phonenumber","zip","number"].includes(G))return e.addEventListener("wheel",Ce,{passive:!1}),()=>{e.removeEventListener("wheel",Ce)}}),[]),s((()=>{U&&me("")}),[U]),s((()=>{var e;ue(!!r.isActive),r.isActive&&(null===(e=be.current)||void 0===e||e.focus())}),[r.isActive]),s((()=>{de(r.errorMessage)}),[r.errorMessage]),s((()=>{var e;se(!1),("invalid"===r.state||he||"disabled-invalid"===r.state)&&se(!0),"active"===r.state&&(null===(e=be.current)||void 0===e||e.focus())}),[r.state,he]),s((()=>{se(!!he)}),[he]);const xe=(e,...t)=>{u(e)&&e(...t)},ye=()=>"zip"===G?6:60,je=e=>{const t=0!==S?S:ye();if(Y||$(J||"",e),ee)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},Ce=e=>{e.preventDefault()},we=e=>{let t=e.target.value;const n=0!==S?S+1:ye();!ee&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),$(t,e),r.textControl||me(t),ne&&(be.current.style.height=`${be.current.scrollHeight}px`,t||(be.current.style.height=ie||"48px"));const i=_||h;if(!i||!u(i))return;const[l,o]=i(t,G,X);se(!l),de(r.errorMessage?r.errorMessage:o)},ke=e=>{var t;r.skipFocus||ue(!0),xe(null===(t=r.onFocus)||void 0===t?void 0:t.call(r,e))},Oe=e=>{var t;r.skipFocus||ue(!1),xe(null===(t=r.onBlur)||void 0===t?void 0:t.call(r,e))},Te=()=>{var i;return e(n,{children:["multiline"!==G&&t("input",{"data-test":r["data-test"],id:r.id,style:null!==(i=null==pe?void 0:pe.input)&&void 0!==i?i:{},ref:be,type:["phonenumber","zip","number"].includes(G)?"number":G,value:ge,onFocus:e=>ke(e),onBlur:e=>Oe(e),placeholder:F||"Enter here",onChange:we,onClick:e=>xe(r.onClick),onKeyDown:e=>je(e)}),"multiline"===G&&t("textarea",{"data-test":r["data-test"],value:ge,ref:be,onFocus:e=>ke(e),onBlur:e=>Oe(e),onClick:e=>xe(r.onClick),placeholder:F||"Enter here",onChange:we,onKeyDown:e=>je(e),maxLength:S>0?S:void 0})]})};return e(f,Object.assign({width:r.width,height:r.height,state:N,type:G,style:null!==(H=null==pe?void 0:pe.RootContainer)&&void 0!==H?H:{}},{children:[!Q&&(!!R||!!he)&&e(b,Object.assign({invalid:!!he},{children:[!!he&&t(g,{width:16,height:16}),he||R]})),e(x,Object.assign({variant:q,state:N,width:r.width,isActive:"active"===N||ce,isInvalid:ae,style:null!==(L=null==pe?void 0:pe.InputWrapper)&&void 0!==L?L:{},version:Z,height:r.height},{children:[!!le&&t(y,Object.assign({variant:q,iconSize:ve,onClick:()=>xe(null==M?void 0:M.callback),isLeft:!0,style:null!==(E=null==pe?void 0:pe.IconHolder)&&void 0!==E?E:{}},{children:t(le,{})})),!!W&&t(j,Object.assign({variant:q},{children:W})),"default"===q&&t(C,Object.assign({height:r.height,type:r.type,minHeight:ie,maxHeight:re,autoGrow:ne},{children:Te()})),"small"===q&&t(w,Object.assign({height:r.height,type:r.type},{children:Te()})),!!oe&&t(y,Object.assign({variant:q,iconSize:ve,onClick:()=>xe(null==A?void 0:A.callback),isLeft:!1},{children:t(oe,{})})),!!V&&t(k,Object.assign({variant:q},{children:V})),P&&P.text&&t(c,{buttonText:P.text,onClick:()=>xe(null==P?void 0:P.onClick)})]})),(!!B||!!S)&&e(O,Object.assign({invalid:ae},{children:[te&&te,e("div",Object.assign({className:"label__container"},{children:[e(v,{children:[B,K?t("span",{children:"*"}):""]}),r.tooltipText&&t(d,Object.assign({body:r.tooltipText,placement:"top"},{children:t("span",{children:t(i,{style:{marginTop:-3},width:18,height:18,color:ae?p.content.negative:p.content.primary})})}))]})),S>0&&e(T,{children:[null!==(D=null===(z=r.value)||void 0===z?void 0:z.length)&&void 0!==D?D:0,"/",S]})]}))]}))}));I.displayName="Input";export{I as Input};

package/dist/esm/components/input/Input.styled.d.ts

@@ -2,7 +2,7 @@
 import { InputStateI, InputTypeI, InputVariant } from "./Input";
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -14,7 +14,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isLeft?: boolean | undefined;
     iconSize?: string | undefined;
@@ -55,7 +55,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
 }, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -87,7 +87,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const RootContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;