@bikdotai/bik-component-library 0.0.483 → 0.0.484-beta.0

package/dist/esm/components/datePicker/DatePickerWrapper.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import a,{useState as o}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f,maxDate:h,minDate:S}=g;var j,w,C,k;const[L,O]=o(!1),x=a.createRef();return i(x,(()=>{O(!1)})),t(e,{children:[t(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>O(!L)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.primary,flex:1}},{children:D?Array.isArray(D)?(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString())&&(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString())?`${new Date(null===(C=null==D?void 0:D[0])||void 0===C?void 0:C.toString()).toLocaleDateString()}-${new Date(null===(k=null==D?void 0:D[1])||void 0===k?void 0:k.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.primary})]})),L&&!b&&r(u,Object.assign({ref:x,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{p(t),O(!1)},maxDate:h,minDate:S,value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};
+import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import a,{useState as o}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=({val:g,onChange:D,calendarProps:p,disabled:v,pickerStyles:b,nativeID:y,maxDate:f,minDate:h})=>{var S,j,w,C;const[k,L]=o(!1),O=a.createRef();return i(O,(()=>{L(!1)})),t(e,{children:[t(m,Object.assign({id:y,bgColor:v?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>L(!k)},{children:[r(d,Object.assign({style:{color:v?s.content.inactive:s.content.primary,flex:1}},{children:g?Array.isArray(g)?(null===(S=null==g?void 0:g[0])||void 0===S?void 0:S.toString())&&(null===(j=null==g?void 0:g[1])||void 0===j?void 0:j.toString())?`${new Date(null===(w=null==g?void 0:g[0])||void 0===w?void 0:w.toString()).toLocaleDateString()}-${new Date(null===(C=null==g?void 0:g[1])||void 0===C?void 0:C.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(g.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:v?s.content.inactive:s.content.primary})]})),k&&!v&&r(u,Object.assign({ref:O,style:Object.assign({},b),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{D(t),L(!1)},maxDate:f,minDate:h,value:g?Array.isArray(g)?2===g.length?[new Date(g[0]),new Date(g[1])]:null:new Date(g):null},p))}))]})};export{g as default};

package/dist/esm/components/datePicker/DatePickerWrapper.styled.d.ts

@@ -1,11 +1,12 @@
-export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DateBtn: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     bgColor: string;
     borderColor: string;
-}, never>;
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
+}>>;
+export declare const PickerContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     bgColor: string;
     borderColor: string;
     brandColor: string;
     subDued: string;
     contentPrimary: string;
-}, never>;
+}>>;

package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
 export declare const CouponTypeContainerStyled: 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;
 } & {
     selectedDiv: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StaticCouponContainerStyled: 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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DynamicCouponContainer: 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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledDiscountDialogueContainer: 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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/dropShadow/DropShadow.js

@@ -1 +1 @@
-import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:t="z1",position:n="down",children:r,style:o}=e;const s=x[t][n];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:r}))};export{e as default};
+import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=({level:e="z1",position:n="down",children:r,style:t})=>{const o=x[e][n];return p("div",Object.assign({style:Object.assign({boxShadow:o},null!=t?t:{})},{children:r}))};export{e as default};

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -1,5 +1,6 @@
-export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OverLapAbs: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+}>>;
+export declare const OpenDropdownContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const LoadingContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as i}from"react";import{ZeroState as n}from"../../../zeroState/ZeroState.js";import{useOutside as l}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as p}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const g=304,v=290,b=b=>{let{options:j,isSearchable:w,isMultiSelect:y,width:x,allowFreeForm:O,height:C,onClose:M,onSelect:D,onSearch:L,version:F,skipSorting:k}=b;const{dropdownOptions:A,search:H,searchedString:B,searchedOptions:Z,onApplyHandler:q,selectAllHandler:z,onMultiSelectClear:I,onFreeFormSelect:K,onMultiSelectApply:N,latestDropdownOptionsRef:P,getSelectedOptions:R}=s(F,j,D,k,y,L),[T,W]=o(null!=x?x:v),[E,G]=o(null),J=r(null);l(J,(()=>{if(G(null),y&&"2.0"===F){const e=R(P.current);null==M||M(e)}else null==M||M(A)}));const Q=null!=C?C:g,U="number"==typeof Q?w&&y?Q-96:w&&!y||!w&&y?Q-48:Q:Q;i((()=>{const e=null!=x?x:v;if(null===E)W(e);else if("number"==typeof e)W(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));W(t)}}),[E]);const V=[],X=(B&&L?Z:A).map((e=>{var t,o;if(B&&!L){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))&&(V.push(!B||e.label===B),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(B.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(B.toLowerCase()))?(V.push(!B||e.label===B),e):null}return e})).filter((e=>null!==e)),Y=!!w&&B&&0===X.length;return e(h,Object.assign({version:F,ref:J,style:{width:T}},{children:[e("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!w&&t(f,{onSearch:H,version:F}),X.length||B?e(m,Object.assign({minHeight:Q,maxHeight:U},{children:[!!y&&!Y&&t(u,{version:F,options:B&&L?Z:A,onSelect:z}),!O&&Y&&t(S,{height:U,searchedString:B}),O&&(Y||!!V.length&&V.every((e=>!1===e)))&&t(a,{version:F,isMultiSelect:y,onSelect:K,searchedString:B}),t(p,{version:F,onSelect:q,showDescription:function(e,t){G(e&&t?{title:e,description:t}:null)},isMultiSelect:y,options:X})]})):t("div",Object.assign({style:{height:Q,display:"flex"}},{children:t(n,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!y&&!(!X.length&&!B)&&"2.0"!==F&&t(d,{onClear:I,onApply:N,list:B&&L?Z:A})]})),!!E&&t(c,{title:E.title,description:E.description,version:F})]}))};export{b as OpenedDropdown};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as i}from"react";import{ZeroState as n}from"../../../zeroState/ZeroState.js";import{useOutside as l}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as p}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const g=304,v=290,b=({options:b,isSearchable:j,isMultiSelect:w,width:y,allowFreeForm:x,height:O,onClose:C,onSelect:M,onSearch:D,version:L,skipSorting:F})=>{const{dropdownOptions:k,search:A,searchedString:H,searchedOptions:B,onApplyHandler:Z,selectAllHandler:q,onMultiSelectClear:z,onFreeFormSelect:I,onMultiSelectApply:K,latestDropdownOptionsRef:N,getSelectedOptions:P}=s(L,b,M,F,w,D),[R,T]=o(null!=y?y:v),[W,E]=o(null),G=r(null);l(G,(()=>{if(E(null),w&&"2.0"===L){const e=P(N.current);null==C||C(e)}else null==C||C(k)}));const J=null!=O?O:g,Q="number"==typeof J?j&&w?J-96:j&&!w||!j&&w?J-48:J:J;i((()=>{const e=null!=y?y:v;if(null===W)T(e);else if("number"==typeof e)T(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));T(t)}}),[W]);const U=[],V=(H&&D?B:k).map((e=>{var t,o;if(H&&!D){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))&&(U.push(!H||e.label===H),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(H.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(H.toLowerCase()))?(U.push(!H||e.label===H),e):null}return e})).filter((e=>null!==e)),X=!!j&&H&&0===V.length;return e(h,Object.assign({version:L,ref:G,style:{width:R}},{children:[e("div",Object.assign({style:{width:W?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!j&&t(f,{onSearch:A,version:L}),V.length||H?e(m,Object.assign({minHeight:J,maxHeight:Q},{children:[!!w&&!X&&t(u,{version:L,options:H&&D?B:k,onSelect:q}),!x&&X&&t(S,{height:Q,searchedString:H}),x&&(X||!!U.length&&U.every((e=>!1===e)))&&t(a,{version:L,isMultiSelect:w,onSelect:I,searchedString:H}),t(p,{version:L,onSelect:Z,showDescription:function(e,t){E(e&&t?{title:e,description:t}:null)},isMultiSelect:w,options:V})]})):t("div",Object.assign({style:{height:J,display:"flex"}},{children:t(n,{title:"No results found",subTitle:"Please try again later or contact us at support@bik.ai if you require further assistance."})})),!!w&&!(!V.length&&!H)&&"2.0"!==L&&t(d,{onClear:z,onApply:K,list:H&&D?B:k})]})),!!W&&t(c,{title:W.title,description:W.description,version:L})]}))};export{b as OpenedDropdown};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,8 +1,9 @@
-export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OpennedDropdownContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     version?: "1.0" | "2.0" | undefined;
-}, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
+}>>;
+export declare const ItemContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const MenuListContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     maxHeight: number | string;
     minHeight: number | string;
-}, never>;
+}>>;

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/description/Description.styled.d.ts

@@ -1,3 +1,4 @@
-export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DescriptionContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     version?: "1.0" | "2.0" | undefined;
-}, never>;
+}>>;

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/FreeFormMenu.styled.d.ts

@@ -1 +1,2 @@
-export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const FreeFormContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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/MenuList.styled.d.ts

@@ -1,6 +1,12 @@
-export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledGroupedLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numberOfLines" | "color"> & {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     version?: "1.0" | "2.0" | undefined;
-}, never>;
+}>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}>>, keyof import("react").Component<any, {}, any>>;

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/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1 +1,2 @@
-export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const BottomBarContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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/dropdown-button/DropdownButton.style.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { Type } from '../button/model';
-export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
+export declare const DropdownButtonStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     type: Type | undefined;
     disabled: boolean | undefined;
-}, never>;
+}>>;

package/dist/esm/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +1,8 @@
-export declare const FileUploaderStyle: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const FileUploaderStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     showProgressBar: boolean;
     width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import("styled-components").StyledComponent<"div", any, {
+}>>;
+export declare const FileUploadedStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string | undefined;
-}, never>;
+}>>;

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

@@ -17,13 +17,13 @@ export declare enum MENU_ALIGNMENT {
     START = "start",
     END = "end"
 }
-export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const FloatingActionButtonContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width: number;
     height: number;
     color: string;
     isRound?: boolean | undefined;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
+}>>;
+export declare const FloatingActionButtonOuterContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width: number;
     height: number;
     color: string;
@@ -31,20 +31,24 @@ export declare const FloatingActionButtonOuterContainer: import("styled-componen
     buttonPaddingHorizontal: number;
     buttonPaddingVertical: number;
     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>;
-}, any, {
+}>>;
+export declare const StyledDropdown: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps & {
+    children?: import("react").ReactNode;
+}, {
     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 TooltipStyled: import("styled-components").StyledComponent<"div", any, {
+}>> & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
+    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>;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const DropdownToggleContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps & {
+    children?: import("react").ReactNode;
+}, never>> & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
+export declare const TooltipStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipWidth?: number | undefined;
-}, never>;
+}>>;

package/dist/esm/components/icon-button/IconButton.styled.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { IconButtonType } from './model';
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {
+export declare const IconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     bordered?: boolean | undefined;
     iconButtonType: IconButtonType;
     isSelected?: boolean | 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{forwardRef as i,useState as r,useContext as l,useRef as o,useEffect as a}from"react";import{Button as s}from"../button/Button.js";import{isFunction as c,validateInput as u}from"./Input-helper.js";import{BodySecondary as h}from"../TypographyStyle.js";import d from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as v}from"./context/InputStyleProvider.js";import{RootContainer as p,InputFooter as g,InputWrapper as m,IconHolder as f,PrefixHolder as x,InputContainer as b,InputContainerSmall as y,SuffixHolder as j,InputHeader as C,MaxCharStyle as w}from"./Input.styled.js";const k=i(((i,k)=>{var I,O,H,L,T;const{placeholder:E,leftIcon:z,rightIcon:A,labelText:D,maxCharLimit:F,isRequired:M,hintText:B,type:S,state:K,validate:R,variant:G,button:q,suffixText:N,prefixText:P,onChangeText:V,value:W,noErrorHint:$,reset:J,rangeValidation:Q,noKeyDownChange:U,version:X,noMaxCharCheck:Y,labelElement:Z,autoGrow:_,minHeight:ee,maxHeight:te}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),ne=null==z?void 0:z.icon,ie=null==A?void 0:A.icon,[re,le]=r(!1),[oe,ae]=r(!1),[se,ce]=r(),ue="small"===G?"18px":"22px",he=l(v),[de,ve]=r(),pe=o(null),ge=null!=k?k:pe;a((()=>{ve(W),!W&&_&&(ge.current.style.height=ee||"48px")}),[W]),a((()=>{var e;ge.current&&(null===(e=i.onReferenceInit)||void 0===e||e.call(i,ge.current))}),[ge]),a((()=>{const e=ge.current;if(e&&["phonenumber","zip","number"].includes(S))return e.addEventListener("wheel",be,{passive:!1}),()=>{e.removeEventListener("wheel",be)}}),[]),a((()=>{J&&ve("")}),[J]),a((()=>{var e;ae(!!i.isActive),i.isActive&&(null===(e=ge.current)||void 0===e||e.focus())}),[i.isActive]),a((()=>{ce(i.errorMessage)}),[i.errorMessage]),a((()=>{var e;le(!1),("invalid"===i.state||se||"disabled-invalid"===i.state)&&le(!0),"active"===i.state&&(null===(e=ge.current)||void 0===e||e.focus())}),[i.state,se]),a((()=>{le(!!se)}),[se]);const me=function(e){if(c(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)}},fe=()=>"zip"===S?6:60,xe=e=>{const t=0!==F?F:fe();if(U||V(W||"",e),Y)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},be=e=>{e.preventDefault()},ye=e=>{let t=e.target.value;const n=0!==F?F+1:fe();!Y&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),V(t,e),i.textControl||ve(t),_&&(ge.current.style.height=`${ge.current.scrollHeight}px`,t||(ge.current.style.height=ee||"48px"));const r=R||u;if(!r||!c(r))return;const[l,o]=r(t,S,Q);le(!l),ce(i.errorMessage?i.errorMessage:o)},je=e=>{var t;i.skipFocus||ae(!0),me(null===(t=i.onFocus)||void 0===t?void 0:t.call(i,e))},Ce=e=>{var t;i.skipFocus||ae(!1),me(null===(t=i.onBlur)||void 0===t?void 0:t.call(i,e))},we=()=>{var r;return e(n,{children:["multiline"!==S&&t("input",{"data-test":i["data-test"],id:i.id,style:null!==(r=null==he?void 0:he.input)&&void 0!==r?r:{},ref:ge,type:["phonenumber","zip","number"].includes(S)?"number":S,value:de,onFocus:e=>je(e),onBlur:e=>Ce(e),placeholder:E||"Enter here",onChange:ye,onClick:e=>me(i.onClick),onKeyDown:e=>xe(e)}),"multiline"===S&&t("textarea",{"data-test":i["data-test"],value:de,ref:ge,onFocus:e=>je(e),onBlur:e=>Ce(e),onClick:e=>me(i.onClick),placeholder:E||"Enter here",onChange:ye,onKeyDown:e=>xe(e),maxLength:F>0?F:void 0})]})};return e(p,Object.assign({width:i.width,height:i.height,state:K,type:S,style:null!==(I=null==he?void 0:he.RootContainer)&&void 0!==I?I:{}},{children:[!$&&(!!B||!!se)&&e(g,Object.assign({invalid:!!se},{children:[!!se&&t(d,{width:16,height:16}),se||B]})),e(m,Object.assign({variant:G,state:K,width:i.width,isActive:"active"===K||oe,isInvalid:re,style:null!==(O=null==he?void 0:he.InputWrapper)&&void 0!==O?O:{},version:X,height:i.height},{children:[!!ne&&t(f,Object.assign({variant:G,iconSize:ue,onClick:()=>me(null==z?void 0:z.callback),isLeft:!0,style:null!==(H=null==he?void 0:he.IconHolder)&&void 0!==H?H:{}},{children:t(ne,{})})),!!P&&t(x,Object.assign({variant:G},{children:P})),"default"===G&&t(b,Object.assign({height:i.height,type:i.type,minHeight:ee,maxHeight:te,autoGrow:_},{children:we()})),"small"===G&&t(y,Object.assign({height:i.height,type:i.type},{children:we()})),!!ie&&t(f,Object.assign({variant:G,iconSize:ue,onClick:()=>me(null==A?void 0:A.callback),isLeft:!1},{children:t(ie,{})})),!!N&&t(j,Object.assign({variant:G},{children:N})),q&&q.text&&t(s,{buttonText:q.text,onClick:()=>me(null==q?void 0:q.onClick)})]})),(!!D||!!F)&&e(C,Object.assign({invalid:re},{children:[Z&&Z,e(h,{children:[D,M?t("span",{children:"*"}):""]}),F>0&&e(w,{children:[null!==(T=null===(L=i.value)||void 0===L?void 0:L.length)&&void 0!==T?T:0,"/",F]})]}))]}))}));k.displayName="Input";export{k as Input};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as i,useState as r,useContext as l,useRef as o,useEffect as a}from"react";import{Button as s}from"../button/Button.js";import{isFunction as c,validateInput as u}from"./Input-helper.js";import{BodySecondary as h}from"../TypographyStyle.js";import d from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as v}from"./context/InputStyleProvider.js";import{RootContainer as p,InputFooter as g,InputWrapper as m,IconHolder as f,PrefixHolder as x,InputContainer as b,InputContainerSmall as y,SuffixHolder as j,InputHeader as C,MaxCharStyle as k}from"./Input.styled.js";const w=i(((i,w)=>{var I,O,H,L,T;const{placeholder:E,leftIcon:z,rightIcon:D,labelText:F,maxCharLimit:M,isRequired:A,hintText:B,type:S,state:K,validate:R,variant:G,button:q,suffixText:N,prefixText:P,onChangeText:V,value:W,noErrorHint:$,reset:J,rangeValidation:Q,noKeyDownChange:U,version:X,noMaxCharCheck:Y,labelElement:Z,autoGrow:_,minHeight:ee,maxHeight:te}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),ne=null==z?void 0:z.icon,ie=null==D?void 0:D.icon,[re,le]=r(!1),[oe,ae]=r(!1),[se,ce]=r(),ue="small"===G?"18px":"22px",he=l(v),[de,ve]=r(),pe=o(null),ge=null!=w?w:pe;a((()=>{ve(W),!W&&_&&(ge.current.style.height=ee||"48px")}),[W]),a((()=>{var e;ge.current&&(null===(e=i.onReferenceInit)||void 0===e||e.call(i,ge.current))}),[ge]),a((()=>{const e=ge.current;if(e&&["phonenumber","zip","number"].includes(S))return e.addEventListener("wheel",be,{passive:!1}),()=>{e.removeEventListener("wheel",be)}}),[]),a((()=>{J&&ve("")}),[J]),a((()=>{var e;ae(!!i.isActive),i.isActive&&(null===(e=ge.current)||void 0===e||e.focus())}),[i.isActive]),a((()=>{ce(i.errorMessage)}),[i.errorMessage]),a((()=>{var e;le(!1),("invalid"===i.state||se||"disabled-invalid"===i.state)&&le(!0),"active"===i.state&&(null===(e=ge.current)||void 0===e||e.focus())}),[i.state,se]),a((()=>{le(!!se)}),[se]);const me=(e,...t)=>{c(e)&&e(...t)},fe=()=>"zip"===S?6:60,xe=e=>{const t=0!==M?M:fe();if(U||V(W||"",e),Y)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},be=e=>{e.preventDefault()},ye=e=>{let t=e.target.value;const n=0!==M?M+1:fe();!Y&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),V(t,e),i.textControl||ve(t),_&&(ge.current.style.height=`${ge.current.scrollHeight}px`,t||(ge.current.style.height=ee||"48px"));const r=R||u;if(!r||!c(r))return;const[l,o]=r(t,S,Q);le(!l),ce(i.errorMessage?i.errorMessage:o)},je=e=>{var t;i.skipFocus||ae(!0),me(null===(t=i.onFocus)||void 0===t?void 0:t.call(i,e))},Ce=e=>{var t;i.skipFocus||ae(!1),me(null===(t=i.onBlur)||void 0===t?void 0:t.call(i,e))},ke=()=>{var r;return e(n,{children:["multiline"!==S&&t("input",{"data-test":i["data-test"],id:i.id,style:null!==(r=null==he?void 0:he.input)&&void 0!==r?r:{},ref:ge,type:["phonenumber","zip","number"].includes(S)?"number":S,value:de,onFocus:e=>je(e),onBlur:e=>Ce(e),placeholder:E||"Enter here",onChange:ye,onClick:e=>me(i.onClick),onKeyDown:e=>xe(e)}),"multiline"===S&&t("textarea",{"data-test":i["data-test"],value:de,ref:ge,onFocus:e=>je(e),onBlur:e=>Ce(e),onClick:e=>me(i.onClick),placeholder:E||"Enter here",onChange:ye,onKeyDown:e=>xe(e),maxLength:M>0?M:void 0})]})};return e(p,Object.assign({width:i.width,height:i.height,state:K,type:S,style:null!==(I=null==he?void 0:he.RootContainer)&&void 0!==I?I:{}},{children:[!$&&(!!B||!!se)&&e(g,Object.assign({invalid:!!se},{children:[!!se&&t(d,{width:16,height:16}),se||B]})),e(m,Object.assign({variant:G,state:K,width:i.width,isActive:"active"===K||oe,isInvalid:re,style:null!==(O=null==he?void 0:he.InputWrapper)&&void 0!==O?O:{},version:X,height:i.height},{children:[!!ne&&t(f,Object.assign({variant:G,iconSize:ue,onClick:()=>me(null==z?void 0:z.callback),isLeft:!0,style:null!==(H=null==he?void 0:he.IconHolder)&&void 0!==H?H:{}},{children:t(ne,{})})),!!P&&t(x,Object.assign({variant:G},{children:P})),"default"===G&&t(b,Object.assign({height:i.height,type:i.type,minHeight:ee,maxHeight:te,autoGrow:_},{children:ke()})),"small"===G&&t(y,Object.assign({height:i.height,type:i.type},{children:ke()})),!!ie&&t(f,Object.assign({variant:G,iconSize:ue,onClick:()=>me(null==D?void 0:D.callback),isLeft:!1},{children:t(ie,{})})),!!N&&t(j,Object.assign({variant:G},{children:N})),q&&q.text&&t(s,{buttonText:q.text,onClick:()=>me(null==q?void 0:q.onClick)})]})),(!!F||!!M)&&e(C,Object.assign({invalid:re},{children:[Z&&Z,e(h,{children:[F,A?t("span",{children:"*"}):""]}),M>0&&e(k,{children:[null!==(T=null===(L=i.value)||void 0===L?void 0:L.length)&&void 0!==T?T:0,"/",M]})]}))]}))}));w.displayName="Input";export{w 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,21 +14,15 @@ 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;
     variant?: InputVariant | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputContainer: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const InputContainer: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -38,15 +32,9 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
 }, {}, {}>;
-export declare const InputContainerSmall: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const InputContainerSmall: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -55,31 +43,19 @@ 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>, {}>;
-export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const InputFooter: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const InputFooter: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -87,36 +63,24 @@ 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;
     state?: InputStateI | undefined;
     type: InputTypeI;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PrefixHolder: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const PrefixHolder: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     variant?: InputVariant | undefined;
 }, {}, {}>;
-export declare const SuffixHolder: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+export declare const SuffixHolder: import("@emotion/styled").StyledComponent<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "numberOfLines"> & {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {