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

package/dist/cjs/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/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

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

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

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

package/dist/cjs/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/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:s,height:i}=r;return e.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=s?s:""}"`})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=({searchedString:r,height:s})=>e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`})}));

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js

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

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

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

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

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

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

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

package/dist/cjs/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;
 } & {