@bikdotai/bik-component-library 0.0.13-beta.15 → 0.0.13-beta.2

package/dist/cjs/assets/icons/errorInfo.svg.js

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}var a=e=>n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=n.createElement("path",{fill:"currentColor",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.667ZM8 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),r||(r=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));exports.default=a;
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n,l=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c=e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=l.createElement("path",{fill:"#B92321",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.667Z"})),r||(r=l.createElement("path",{fill:"currentColor",d:"M8 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),n||(n=l.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));exports.default=c;

package/dist/cjs/components/TypographyStyle.d.ts

@@ -13,5 +13,3 @@ export declare const BodyTiny: import("styled-components").StyledComponent<"div"
 export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Caption: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/TypographyStyle.js

@@ -1,100 +1,88 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px",r=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.titleLarge.fontWeight};
-	font-size: ${n(e.FONTS.titleLarge.fontSize)};
-	line-height: ${n(e.FONTS.titleLarge.lineHeight)};
+	font-weight: ${t=>e.FONTS.titleLarge.fontWeight};
+	font-size: ${t=>n(e.FONTS.titleLarge.fontSize)};
+	line-height: ${t=>n(e.FONTS.titleLarge.lineHeight)};
 `,l=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.titleMedium.fontWeight};
-	font-size: ${n(e.FONTS.titleMedium.fontSize)};
-	line-height: ${n(e.FONTS.titleMedium.lineHeight)};
+	font-weight: ${t=>e.FONTS.titleMedium.fontWeight};
+	font-size: ${t=>n(e.FONTS.titleMedium.fontSize)};
+	line-height: ${t=>n(e.FONTS.titleMedium.lineHeight)};
 `,a=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.titleRegular.fontWeight};
-	font-size: ${n(e.FONTS.titleRegular.fontSize)};
-	line-height: ${n(e.FONTS.titleRegular.lineHeight)};
+	font-weight: ${t=>e.FONTS.titleRegular.fontWeight};
+	font-size: ${t=>n(e.FONTS.titleRegular.fontSize)};
+	line-height: ${t=>n(e.FONTS.titleRegular.lineHeight)};
 `,f=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.titleSmall.fontWeight};
-	font-size: ${n(e.FONTS.titleSmall.fontSize)};
-	line-height: ${n(e.FONTS.titleSmall.lineHeight)};
+	font-weight: ${t=>e.FONTS.titleSmall.fontWeight};
+	font-size: ${t=>n(e.FONTS.titleSmall.fontSize)};
+	line-height: ${t=>n(e.FONTS.titleSmall.lineHeight)};
 `,S=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.display.fontWeight};
-	font-size: ${n(e.FONTS.display.fontSize)};
-	line-height: ${n(e.FONTS.display.lineHeight)};
-`,g=o.default.div`
+	font-weight: ${t=>e.FONTS.display.fontWeight};
+	font-size: ${t=>n(e.FONTS.display.fontSize)};
+	line-height: ${t=>n(e.FONTS.display.lineHeight)};
+`,d=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${n(e.FONTS.bodyLarge.fontSize)};
-	line-height: ${n(e.FONTS.bodyLarge.lineHeight)};
-`,O=o.default.div`
+	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${t=>n(e.FONTS.bodyLarge.fontSize)};
+	line-height: ${t=>n(e.FONTS.bodyLarge.lineHeight)};
+`,g=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${n(e.FONTS.bodyPrimary.fontSize)};
-	line-height: ${n(e.FONTS.bodyPrimary.lineHeight)};
-`,d=o.default.div`
+	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${t=>n(e.FONTS.bodyPrimary.fontSize)};
+	line-height: ${t=>n(e.FONTS.bodyPrimary.lineHeight)};
+`,O=o.default.div`
 	font-family: Inter;
-	color: ${e.COLORS.content.primary};
-	font-weight: ${e.FONTS.bodySecondary.fontWeight};
-	font-size: ${n(e.FONTS.bodySecondary.fontSize)};
-	line-height: ${n(e.FONTS.bodySecondary.lineHeight)};
-`,h=o.default(O)`
+	color: ${t=>e.COLORS.content.primary};
+	font-weight: ${t=>e.FONTS.bodySecondary.fontWeight};
+	font-size: ${t=>n(e.FONTS.bodySecondary.fontSize)};
+	line-height: ${t=>n(e.FONTS.bodySecondary.lineHeight)};
+`,h=o.default(g)`
 	text-decoration: underline;
-	color: ${e.COLORS.content.brand};
-	text-decoration-color: ${e.COLORS.content.brand};
+	color: ${t=>e.COLORS.content.brand};
+	text-decoration-color: ${t=>e.COLORS.content.brand};
 	cursor: pointer;
-`,y=o.default(d)`
+`,y=o.default(O)`
 	text-decoration: underline;
-	color: ${e.COLORS.content.brand};
-	text-decoration-color: ${e.COLORS.content.brand};
+	color: ${t=>e.COLORS.content.brand};
+	text-decoration-color: ${t=>e.COLORS.content.brand};
 	cursor: pointer;
 `,$=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.caption.fontWeight};
-	font-size: ${n(e.FONTS.caption.fontSize)};
-	line-height: ${n(e.FONTS.caption.lineHeight)};
+	font-weight: ${t=>e.FONTS.caption.fontWeight};
+	font-size: ${t=>n(e.FONTS.caption.fontSize)};
+	line-height: ${t=>n(e.FONTS.caption.lineHeight)};
 `,c=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.tiny.fontWeight};
-	font-size: ${n(e.FONTS.tiny.fontSize)};
-	line-height: ${n(e.FONTS.tiny.lineHeight)};
+	font-weight: ${t=>e.FONTS.tiny.fontWeight};
+	font-size: ${t=>n(e.FONTS.tiny.fontSize)};
+	line-height: ${t=>n(e.FONTS.tiny.lineHeight)};
 `,u=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.buttonLarge.fontWeight};
-	font-size: ${n(e.FONTS.buttonLarge.fontSize)};
-	line-height: ${n(e.FONTS.buttonLarge.lineHeight)};
-`,p=o.default.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.buttonRegular.fontWeight};
-	font-size: ${n(e.FONTS.buttonRegular.fontSize)};
-	line-height: ${n(e.FONTS.buttonRegular.lineHeight)};
+	font-weight: ${t=>e.FONTS.buttonLarge.fontWeight};
+	font-size: ${t=>n(e.FONTS.buttonLarge.fontSize)};
+	line-height: ${t=>n(e.FONTS.buttonLarge.lineHeight)};
 `,s=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.subHeading.fontWeight};
-	font-size: ${n(e.FONTS.subHeading.fontSize)};
-	line-height: ${n(e.FONTS.subHeading.lineHeight)};
+	font-weight: ${t=>e.FONTS.buttonRegular.fontWeight};
+	font-size: ${t=>n(e.FONTS.buttonRegular.fontSize)};
+	line-height: ${t=>n(e.FONTS.buttonRegular.lineHeight)};
 `,T=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
-	font-weight: ${e.FONTS.bodyRegular.fontWeight};
-	font-size: ${n(e.FONTS.bodyRegular.fontSize)};
-	line-height: ${n(e.FONTS.bodyRegular.lineHeight)};
-`,m=o.default.div`
-	font-family: Inter;
-	color: ${e.COLORS.text.primary};
-	font-weight: ${e.FONTS.caption.fontWeight};
-	font-size: ${n(e.FONTS.caption.fontSize)};
-	line-height: ${n(e.FONTS.caption.lineHeight)};
-`;exports.BodyCaption=$,exports.BodyLarge=g,exports.BodyPrimary=O,exports.BodyPrimaryLink=h,exports.BodyRegular=T,exports.BodySecondary=d,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=p,exports.Caption=m,exports.Display=S,exports.SubHeading=s,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;
+	font-weight: ${t=>e.FONTS.subHeading.fontWeight};
+	font-size: ${t=>n(e.FONTS.subHeading.fontSize)};
+	line-height: ${t=>n(e.FONTS.subHeading.lineHeight)};
+`;exports.BodyCaption=$,exports.BodyLarge=d,exports.BodyPrimary=g,exports.BodyPrimaryLink=h,exports.BodySecondary=O,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=s,exports.Display=S,exports.SubHeading=T,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;

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

@@ -1,3 +1,2 @@
 export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/dropdown/Dropdown.d.ts

@@ -3,7 +3,6 @@ import { OpenDropdownProps } from './type';
 export type DropdownProps = OpenDropdownProps & {
     placeHolder?: string;
     size?: 'default' | 'small';
-    disabled?: boolean;
 };
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts

@@ -3,12 +3,10 @@ import { OpenDropdownProps } from '../type';
 export type DropdownProps = OpenDropdownProps & {
     isLoading?: boolean;
     children?: React.ReactNode;
-    disabled?: boolean;
 };
 export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
     isLoading?: boolean | undefined;
     children?: React.ReactNode;
-    disabled?: boolean | undefined;
 } & React.RefAttributes<{
     openDropdown: boolean;
 }>>;

package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../hooks/useOutside.js"),n=require("../utils/iterationOnOptions.js"),i=require("./description/Description.js"),l=require("./menu/FreeFormMenu.js"),o=require("./menu/MenuList.js"),r=require("./menu/SelectAllMenu.js"),u=require("./multiSelect/MultiSelectDropdownBottomBar.js"),c=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const p=304,f=290;exports.OpennedDropdown=j=>{let{options:h,isSearchable:S,isMultiSelect:O,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=j;const[q,M]=t.useState(null!=h?h:[]),[F,w]=t.useState(null!=b?b:f),[y,D]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);s.useOutside(C,(()=>{B(null),null==g||g()}));const L=null!=m?m:p,E="number"==typeof L?S&&O?L-96:S&&!O||!S&&O?L-48:L:L;function W(e){if(O){const t=n.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:f;if(null===A)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)}}),[A]);const Z=q.map((e=>{var t;if(y){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.includes(y))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(y))?e:null}return e})).filter((e=>null!==e)),_=!!S&&y&&0===Z.length;return e.jsxs(c.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F}},{children:[e.jsxs("div",Object.assign({style:{width:A?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!S&&e.jsx(a.SearchBox,{onSearch:function(e){D(e)}}),e.jsxs(c.MenuListContainer,Object.assign({maxHeight:E},{children:[!!O&&!_&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=n.iterateOnOptions(q,{selected:!0},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=n.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&_&&e.jsx(d.SearchZeroState,{searchedString:y}),x&&_&&e.jsx(l.FreeFormMenu,{isMultiSelect:O,onSelect:function(e){if(!O)return void W({label:y,value:y,isFreeForm:!0,selected:!0});const t=q.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===y&&t.value===y&&e})));e&&(t.some((e=>e.label===y&&e.value===y))||t.unshift({label:y,value:y,isFreeForm:!0,selected:!0})),M([...t])},searchedString:y}),e.jsx(o.MenuList,{onSelect:W,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:Z})]})),!!O&&e.jsx(u.default,{onClear:function(){const e=n.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==v||v([...e])},list:q})]})),!!A&&e.jsx(i.Description,{title:A.title,description:A.description})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../../hooks/useOutside.js"),s=require("../utils/iterationOnOptions.js"),i=require("./description/Description.js"),l=require("./menu/FreeFormMenu.js"),o=require("./menu/MenuList.js"),r=require("./menu/SelectAllMenu.js"),u=require("./multiSelect/MultiSelectDropdownBottomBar.js"),c=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const p=304,j=290;exports.OpennedDropdown=h=>{let{options:f,isSearchable:S,isMultiSelect:O,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=h;const[q,M]=t.useState(null!=f?f:[]),[F,w]=t.useState(null!=b?b:j),[y,D]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);n.useOutside(C,(()=>{B(null),null==g||g()}));const L=null!=m?m:p,E="number"==typeof L?S&&O?L-96:S&&!O||!S&&O?L-48:L:L;function Z(e){if(O){const t=s.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:j;null===A?w(e):"number"==typeof e&&w(2*e)}),[A]);const _=q.map((e=>{var t;if(y){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.includes(y))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(y))?e:null}return e})).filter((e=>null!==e)),k=!!S&&y&&0===_.length;return e.jsxs(c.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F,height:L}},{children:[e.jsxs("div",Object.assign({style:{width:A?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!S&&e.jsx(a.SearchBox,{onSearch:function(e){D(e)}}),e.jsxs(c.MenuListContainer,Object.assign({maxHeight:E},{children:[!!O&&!k&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=s.iterateOnOptions(q,{selected:!0},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=s.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&k&&e.jsx(d.SearchZeroState,{searchedString:y}),x&&k&&e.jsx(l.FreeFormMenu,{isMultiSelect:O,onSelect:function(e){if(!O)return void Z({label:y,value:y,isFreeForm:!0,selected:!0});const t=q.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===y&&t.value===y&&e})));e&&(t.some((e=>e.label===y&&e.value===y))||t.unshift({label:y,value:y,isFreeForm:!0,selected:!0})),M([...t])},searchedString:y}),e.jsx(o.MenuList,{onSelect:Z,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:_})]})),!!O&&e.jsx(u.default,{onClear:function(){const e=s.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const n=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...n]}))}else t.selected&&e.push(Object.assign({},t))})),null==v||v([...e])},list:q})]})),!!A&&e.jsx(i.Description,{title:A.title,description:A.description})]}))};

package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js

@@ -1,3 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),s=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js"),r=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),l=require("./FreeFormMenu.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=o(t).default(i.ListItem)`
-	padding: 14px 16px !important;
-`;exports.MenuItem=t=>{let{option:i,isMultiSelect:o,showDescription:c,onSelect:d}=t;var u;function j(e){i.disabled||d(Object.assign(Object.assign({},i),{selected:e}))}return e.jsx(a,{onClick:e=>{e.preventDefault(),j(!i.selected)},onMouseOver:function(){i.descriptions?c(i.label,i.descriptions):c()},listItem:{value:i.value,label:i.label},trailingIcon:o?e.jsx(s.CheckBox,{isDisabled:null!==(u=i.disabled)&&void 0!==u&&u,isChecked:!!i.selected,onValueChange:j}):e.jsx(e.Fragment,{}),leadingIcon:i.isFreeForm?e.jsx(l.FreeFormContainer,{children:e.jsx(r.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:i.disabled?"inactive":i.selected?"selected":"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),n=require("./FreeFormMenu.styled.js");exports.MenuItem=o=>{let{option:c,isMultiSelect:l,showDescription:a,onSelect:d}=o;var u;function j(e){c.disabled||d(Object.assign(Object.assign({},c),{selected:e}))}return e.jsx(s.ListItem,{onClick:e=>{e.preventDefault(),j(!c.selected)},onMouseOver:function(){c.descriptions?a(c.label,c.descriptions):a()},listItem:c,trailingIcon:l?e.jsx(t.CheckBox,{isDisabled:null!==(u=c.disabled)&&void 0!==u&&u,isChecked:!!c.selected,onValueChange:j}):e.jsx(e.Fragment,{}),leadingIcon:c.isFreeForm?e.jsx(n.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:c.disabled?"inactive":"default"})};

package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,9 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
 	display: flex;
 	padding: 8px 16px;
 	flex-direction: row;
 	align-items: center;
 	justify-content: end;
 	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.COLORS.surface.standard};
-`;exports.BottomBarContainer=r;
+`;exports.BottomBarContainer=t;

package/dist/cjs/components/dropdown/opennedDropdown/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"),n=require("../../../../input/context/InputStyleProvider.js"),o=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),s=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=c=>{let{onSearch:u}=c;const a=r.createRef();return e.jsx(n.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+o.COLORS.stroke.primary,padding:"14px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{ref:a,placeholder:"Search",leftIcon:{icon:()=>e.jsx(s.default,{width:24,height:24,color:o.COLORS.content.placeholder})},rightIcon:{icon:()=>{var r;return(null===(r=null==a?void 0:a.current)||void 0===r?void 0:r.value)?e.jsx(i.default,{onClick:()=>{a.current&&(a.current.value=""),u("")},width:24,height:24,color:o.COLORS.content.placeholder}):e.jsx(e.Fragment,{})}},onChangeText:u})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../input/Input.js"),n=require("../../../../input/context/InputStyleProvider.js"),o=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),s=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=c=>{let{onSearch:u}=c;const a=r.createRef();return e.jsx(n.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+o.COLORS.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{ref:a,placeholder:"Search",leftIcon:{icon:()=>e.jsx(s.default,{width:24,height:24,color:o.COLORS.content.placeholder})},rightIcon:{icon:()=>{var r;return(null===(r=null==a?void 0:a.current)||void 0===r?void 0:r.value)?e.jsx(i.default,{onClick:()=>{a.current&&(a.current.value=""),u("")},width:24,height:24,color:o.COLORS.content.placeholder}):e.jsx(e.Fragment,{})}},onChangeText:u})}))};

package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts

@@ -1,17 +1,24 @@
 import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    label: string;
-    value: string;
-    descriptions?: string | null | undefined;
+export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
+    options: {
+        label?: string | undefined;
+        value?: string | undefined;
+        descriptions?: string | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+    }[];
+    label?: string | undefined;
+    value?: string | undefined;
+    descriptions?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
     isFreeForm?: boolean | undefined;
 } | {
     label?: string | undefined;
     value?: string | undefined;
-    descriptions?: string | null | undefined;
+    descriptions?: string | undefined;
     selected?: boolean | undefined;
     disabled?: boolean | undefined;
     isFreeForm?: boolean | undefined;
-    options: SingleOption[];
 })[];

package/dist/cjs/components/dropdown/type.d.ts

@@ -1,23 +1,22 @@
 export interface OpenDropdownProps {
-    defaultOptions?: DropdownOption[];
     options: DropdownOption[];
     isSearchable?: boolean;
     error?: string;
     isMultiSelect?: boolean;
-    width?: string;
+    width?: number | string;
     height?: number | string;
     allowFreeForm?: boolean;
     onClose?: () => void;
-    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
+    onSelect?: (option: SingleOption | SingleOption[]) => void;
 }
 export type GroupedOption = {
     label?: string;
     options: (SingleOption | MultiSelectOption)[];
 };
 export type SingleOption = {
-    label: string;
-    value: string;
-    descriptions?: string | null;
+    label?: string;
+    value?: string;
+    descriptions?: string;
     selected?: boolean;
     disabled?: boolean;
     isFreeForm?: boolean;

package/dist/cjs/components/fab-menu/FABMenu.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { DropdownOption } from '../dropdown/type';
+import { DropdownOption, SingleOption } from '../dropdown/type';
 import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
 import { TooltipPlacement } from '../tooltips';
 export declare const FABMenu: React.FC<{
-    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
+    onSelect: (selected: SingleOption | SingleOption[]) => void;
     menuOptions: DropdownOption[];
     buttonWidth?: number;
     buttonHeight?: number;

package/dist/cjs/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:`${c}px`,onSelect:i})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:c,onSelect:i})}))})};

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

@@ -21,7 +21,7 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
-    isRound?: boolean | undefined;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js

@@ -41,7 +41,7 @@
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		padding: 6px 0px;
+		padding: 6px 8px;
 		background: ${t=>"true"===t.active?e.COLORS.background.positive.light:e.COLORS.surface.standard};
 		color: ${t=>"true"===t.active?e.COLORS.content.positive:e.COLORS.content.primary};
 	}

package/dist/cjs/components/input/Input.d.ts

@@ -34,7 +34,5 @@ export interface InputProps {
     suffixText?: string;
     prefixText?: string;
     value?: string;
-    onBlur?: () => void;
-    onFocus?: () => void;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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("../TypographyStyle.js"),r=require("../../assets/icons/errorInfo.svg.js"),l=require("./context/InputStyleProvider.js"),s=require("./Input.styled.js");const a=e=>e&&"function"==typeof e,o=t.forwardRef(((o,u)=>{var c,d,x;const{placeholder:h,leftIcon:v,rightIcon:j,labelText:p,maxCharLimit:f,isRequired:g,hintText:y,type:I,state:b,validate:C,variant:S,button:m,suffixText:w,prefixText:O,onChangeText:q,value:T}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),k=null==v?void 0:v.icon,B=null==j?void 0:j.icon,[E,H]=t.useState(""),[F,L]=t.useState(!1),[M,R]=t.useState(!1),[D,P]=t.useState(),z="small"===S?"18px":"22px",A=t.useContext(l.InputStyleContext);t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{L(!1),("invalid"===o.state||D)&&L(!0)}),[o.state,D]),t.useEffect((()=>{L(!!D)}),[D]),t.useEffect((()=>{if(q(E),!C||!a(C))return;const[e,t]=C(E);L(!e),P(t)}),[E]);const K=function(e){if(a(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)}},W=e=>{![8].includes(e.which)&&f>0&&e.target.value.length===f&&e.preventDefault()},_=e=>{H(e.target.value)},N=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==I&&e.jsx("input",{style:null!==(t=null==A?void 0:A.input)&&void 0!==t?t:{},ref:u,type:I,value:T,onFocus:()=>(R(!0),void K(o.onFocus)),onBlur:()=>(R(!1),void K(o.onBlur)),placeholder:h||"Enter here",onChange:_,onKeyDown:e=>W(e)}),"multiline"===I&&e.jsx("textarea",{value:T,ref:u,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:h||"Enter here",onChange:_,onKeyDown:e=>W(e)})]})};return e.jsxs(s.RootContainer,Object.assign({width:o.width,height:o.height,state:b,type:I,style:null!==(c=null==A?void 0:A.RootContainer)&&void 0!==c?c:{}},{children:[(!!y||!!D)&&e.jsxs(s.InputFooter,Object.assign({invalid:!!D},{children:[!!D&&e.jsx(r.default,{width:16,height:16}),D||y]})),e.jsxs(s.InputWrapper,Object.assign({variant:S,state:b,width:o.width,isActive:"active"===b||M,isInvalid:F,style:null!==(d=null==A?void 0:A.InputWrapper)&&void 0!==d?d:{}},{children:[!!k&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==v?void 0:v.callback),isLeft:!0,style:null!==(x=null==A?void 0:A.IconHolder)&&void 0!==x?x:{}},{children:e.jsx(k,{})})),!!O&&e.jsx(s.PrefixHolder,Object.assign({variant:S},{children:O})),"default"===S&&e.jsx(s.InputContainer,{children:N()}),"small"===S&&e.jsx(s.InputContainerSmall,{children:N()}),!!B&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==j?void 0:j.callback),isLeft:!1},{children:e.jsx(B,{})})),!!w&&e.jsx(s.SuffixHolder,Object.assign({variant:S},{children:w})),m&&m.text&&e.jsx(n.Button,{buttonText:m.text,onClick:()=>K(null==m?void 0:m.onClick)})]})),(!!p||!!f)&&"default"===S&&e.jsxs(s.InputHeader,Object.assign({invalid:F},{children:[e.jsxs(i.BodySecondary,{children:[p,g?e.jsx("span",{children:"*"}):""]}),f>0&&e.jsxs(s.MaxCharStyle,{children:[E.length,"/",f]})]}))]}))}));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("../TypographyStyle.js"),r=require("../../assets/icons/errorInfo.svg.js"),l=require("./context/InputStyleProvider.js"),s=require("./Input.styled.js");const a=e=>e&&"function"==typeof e,o=t.forwardRef(((o,u)=>{var c,d,x;const{placeholder:h,leftIcon:v,rightIcon:j,labelText:p,maxCharLimit:f,isRequired:g,hintText:y,type:I,state:b,validate:C,variant:S,button:m,suffixText:O,prefixText:w,onChangeText:q,value:T}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),k=null==v?void 0:v.icon,E=null==j?void 0:j.icon,[H,B]=t.useState(""),[F,L]=t.useState(!1),[M,R]=t.useState(!1),[D,P]=t.useState(),z="small"===S?"18px":"22px",A=t.useContext(l.InputStyleContext);t.useEffect((()=>{P(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{L(!1),("invalid"===o.state||D)&&L(!0)}),[o.state,D]),t.useEffect((()=>{L(!!D)}),[D]),t.useEffect((()=>{if(q(H),!C||!a(C))return;const[e,t]=C(H);L(!e),P(t)}),[H]);const K=function(e){if(a(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)}},W=e=>{![8].includes(e.which)&&f>0&&e.target.value.length===f&&e.preventDefault()},_=e=>{B(e.target.value)},N=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==I&&e.jsx("input",{style:null!==(t=null==A?void 0:A.input)&&void 0!==t?t:{},ref:u,type:I,value:T,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:h||"Enter here",onChange:_,onKeyDown:e=>W(e)}),"multiline"===I&&e.jsx("textarea",{value:T,ref:u,onFocus:()=>R(!0),onBlur:()=>R(!1),placeholder:h||"Enter here",onChange:_,onKeyDown:e=>W(e)})]})};return e.jsxs(s.RootContainer,Object.assign({width:o.width,height:o.height,state:b,type:I,style:null!==(c=null==A?void 0:A.RootContainer)&&void 0!==c?c:{}},{children:[(!!y||!!D)&&e.jsxs(s.InputFooter,Object.assign({invalid:!!D},{children:[!!D&&e.jsx(r.default,{}),D||y]})),e.jsxs(s.InputWrapper,Object.assign({variant:S,state:b,width:o.width,isActive:"active"===b||M,isInvalid:F,style:null!==(d=null==A?void 0:A.InputWrapper)&&void 0!==d?d:{}},{children:[!!k&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==v?void 0:v.callback),isLeft:!0,style:null!==(x=null==A?void 0:A.IconHolder)&&void 0!==x?x:{}},{children:e.jsx(k,{})})),!!w&&e.jsx(s.PrefixHolder,Object.assign({variant:S},{children:w})),"default"===S&&e.jsx(s.InputContainer,{children:N()}),"small"===S&&e.jsx(s.InputContainerSmall,{children:N()}),!!E&&e.jsx(s.IconHolder,Object.assign({variant:S,iconSize:z,onClick:()=>K(null==v?void 0:v.callback),isLeft:!1},{children:e.jsx(E,{})})),!!O&&e.jsx(s.SuffixHolder,Object.assign({variant:S},{children:O})),m&&m.text&&e.jsx(n.Button,{buttonText:m.text,onClick:()=>K(null==m?void 0:m.onClick)})]})),(!!p||!!f)&&"default"===S&&e.jsxs(s.InputHeader,Object.assign({invalid:F},{children:[e.jsxs(i.BodySecondary,{children:[p,g?e.jsx("span",{children:"*"}):""]}),f>0&&e.jsxs(s.MaxCharStyle,{children:[H.length,"/",f]})]}))]}))}));o.displayName="Input",exports.Input=o;