@bikdotai/bik-component-library 0.0.13-beta.28 → 0.0.13-beta.3

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

package/dist/{esm/components/dropdown/DropdownPopover/index.d.ts → cjs/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts}

@@ -1,9 +1,12 @@
 import React from 'react';
 import { OpenDropdownProps } from '../type';
-export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+export type DropdownProps = OpenDropdownProps & {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+};
+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/index.d.ts

@@ -1,3 +1 @@
 export * from './Dropdown';
-export * from './DropdownPopover';
-export * from './OpenedDropdown';

package/dist/{esm/components/dropdown/OpenedDropdown → cjs/components/dropdown/opennedDropdown}/components/OpennedDropdown.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { OpenDropdownProps } from '../../type';
-export declare const OpenedDropdown: React.FC<OpenDropdownProps>;
+export declare const OpennedDropdown: React.FC<OpenDropdownProps>;

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1 @@
+"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/{OpenedDropdown → opennedDropdown}/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("styled-components"),c=require("../../../../checkBox/CheckBox.js"),o=require("../../../../list-item/ListItem.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=r(l).default(o.ListItem)``;exports.SelectAllMenu=l=>{let{options:o,onSelect:r}=l;const[i,n]=t.useState("notSelected");function a(){"partiallySelected"===i&&r("notSelected"),"selectAll"===i&&r("notSelected"),"notSelected"===i&&r("selectAll")}return t.useEffect((()=>{const e=[];o.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")}),[o]),e.jsx(s,{onClick:e=>{e.preventDefault(),a()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx(c.CheckBox,{isChecked:"selectAll"===i||"partiallySelected"===i,isPartiallyChecked:"partiallySelected"===i,onValueChange:a}),variant:"default"})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),c=require("../../../../checkBox/CheckBox.js"),o=require("../../../../list-item/ListItem.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=r(l).default(o.ListItem)``;exports.SelectAllMenu=l=>{let{options:o,onSelect:r}=l;const[i,n]=t.useState("notSelected");function a(){"partiallySelected"===i&&r("notSelected"),"selectAll"===i&&r("notSelected"),"notSelected"===i&&r("selectAll")}return t.useEffect((()=>{const e=[];o.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")}),[o]),e.jsx(s,{onClick:e=>{e.preventDefault(),a()},listItem:{label:"Select All",value:"All"},trailingIcon:e.jsx(c.CheckBox,{isChecked:"selectAll"===i||"partiallySelected"===i,isPartiallyChecked:"partiallySelected"===i,onValueChange:a}),variant:"default"})};

package/dist/cjs/components/{QueryBuilder/components/Connectors/Connector.styled.js → dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js}

@@ -1,6 +1,8 @@
 "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;
-	gap: 8px;
-	align-items: start;
-`;exports.Container=t;
+	align-items: center;
+	justify-content: end;
+	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
+`;exports.BottomBarContainer=t;

package/dist/cjs/components/dropdown/{OpenedDropdown → 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

@@ -0,0 +1,24 @@
+import { DropdownOption, SingleOption } from '../../type';
+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 | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    isFreeForm?: boolean | undefined;
+})[];

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

@@ -1,30 +1,25 @@
-/// <reference types="react" />
 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;
-    subText?: string;
-    trailingIcon?: JSX.Element;
-    customComponent?: JSX.Element;
 };
 export type MultiSelectOption = SingleOption;
 export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

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/OpenedDropdown/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.OpenedDropdown,{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

@@ -62,12 +62,12 @@
 
 	.dropdown-toggle::after {
 		border-top: 0.3em solid ${e.COLORS.content.primary};
-		display: none !important;
+		display: none;
 	}
 
 	.dropdown-toggle::before {
 		border-top: 0.3em solid ${e.COLORS.content.primary};
-		display: none !important;
+		display: none;
 	}
 	.dropdown-menu {
 		min-width: 12rem;

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

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