@bikdotai/bik-component-library 0.0.700-beta.1 → 0.0.700-beta.4

package/dist/cjs/components/dropdown/DropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-popper"),r=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),s=require("../Common.styled.js"),i=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(o).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:c,version:u="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:w}=a,b=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const h=d,[f,D]=o.useState(!1),[O,g]=o.useState(null),[x,y]=o.useState(null),S=o.useRef(null),{styles:m,attributes:C}=n.usePopper(O,x,{placement:b.placement,strategy:b.strategy}),q=e=>{var t,o;"2.0"===u&&b.isMultiSelect&&e&&(null===(t=b.onSelect)||void 0===t||t.call(b,[...e])),D(!1),null===(o=null==b?void 0:b.onClose)||void 0===o||o.call(b)};o.useImperativeHandle(h,(()=>({openDropdown:f})),[]),o.useEffect((()=>{(null==h?void 0:h.current)&&(h.current.openDropdown=f)}),[f]),o.useEffect((()=>{null==c||c(f)}),[f]);const E=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",Object.assign({style:{position:"relative"},ref:g},{children:[t.jsx(s.OverLapAbs,Object.assign({ref:S,allowEvents:b.allowEvents,disabled:b.disabled,onClick:e=>{var t;null===(t=b.onDropdownOpen)||void 0===t||t.call(b),f?(D(!1),e.preventDefault()):b.disabled||D(!0)}},{children:b.allowEvents?p:null})),b.allowEvents?null:p]})),f&&t.jsx(s.OpenDropdownContainer,Object.assign({ref:y,style:Object.assign(Object.assign({},m.popper),{zIndex:3})},C.popper,{"data-test":b["data-test"]},{children:t.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:t.jsx(i.OpenedDropdown,Object.assign({},b,{onSelect:e=>{var t;"2.0"===u&&b.isMultiSelect||(null===(t=b.onSelect)||void 0===t||t.call(b,e),D(!1))},onClose:q,version:u,headerRef:S,zeroState:null==b?void 0:b.zeroState}))}))}))]});return t.jsx(t.Fragment,{children:f||void 0===v?E():t.jsx(l.Tooltip,Object.assign({body:v,placement:j,hideArrow:!w},{children:t.jsx("div",Object.assign({"data-test":b["data-test"]},{children:E()}))}))})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../node_modules/react/jsx-runtime.js"),o=require("react"),n=require("react-popper"),s=require("../../dropShadow/DropShadow.js"),r=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(o).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:j,tooltipDirection:x,showTooltipArrow:v,isChildLoading:w}=a,m=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading"]);const h=d,[b,f]=o.useState(!1),[g,E]=o.useState(null),[D,O]=o.useState(null),R=o.useRef(null),{styles:y,attributes:S}=n.usePopper(g,D,{placement:m.placement,strategy:m.strategy}),C=e=>{var t,o;"2.0"===c&&m.isMultiSelect&&e&&(null===(t=m.onSelect)||void 0===t||t.call(m,[...e])),f(!1),null===(o=null==m?void 0:m.onClose)||void 0===o||o.call(m)};o.useImperativeHandle(h,(()=>({openDropdown:b})),[]),o.useEffect((()=>{(null==h?void 0:h.current)&&(h.current.openDropdown=b)}),[b]),o.useEffect((()=>{null==u||u(b)}),[b]);const q=()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"},ref:E},{children:[t.jsxRuntimeExports.jsx(i.OverLapAbs,Object.assign({ref:R,allowEvents:m.allowEvents,disabled:m.disabled,onClick:e=>{var t;null===(t=m.onDropdownOpen)||void 0===t||t.call(m),b?(f(!1),e.preventDefault()):m.disabled||f(!0)},isChildLoading:w},{children:m.allowEvents?p:null})),m.allowEvents?null:p]})),b&&t.jsxRuntimeExports.jsx(i.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},S.popper,{"data-test":m["data-test"]},{children:t.jsxRuntimeExports.jsx(s.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:t.jsxRuntimeExports.jsx(l.OpenedDropdown,Object.assign({},m,{onSelect:e=>{var t;"2.0"===c&&m.isMultiSelect||(null===(t=m.onSelect)||void 0===t||t.call(m,e),f(!1))},onClose:C,version:c,headerRef:R,zeroState:null==m?void 0:m.zeroState}))}))}))]});return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:b||void 0===j?q():t.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:j,placement:x,hideArrow:!v},{children:t.jsxRuntimeExports.jsx("div",Object.assign({"data-test":m["data-test"]},{children:q()}))}))})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OpenDropdownProps } from "../type";
+import { OpenDropdownProps } from '../type';
 export type MenuItemDropdownProps = OpenDropdownProps & {
     isHorizontal: boolean;
     children?: React.ReactNode;

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js"),t=require("styled-components"),n=require("../DropdownPopover/index.js");require("../Dropdown.js"),require("../ChipDropdown.js"),require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js");var s=require("../../../constants/Theme.js");require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js");var i=require("../../icon-button/IconButton.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../input/Input.js");const u=d(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),s=require("../../../assets/icons/horizontal_dots.svg.js"),t=require("../../../assets/icons/vertical_dots.svg.js"),o=require("styled-components"),r=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(o).default.div`
 	:hover {
-		background: ${s.COLORS.surface.subdued};
+		background: ${i.COLORS.surface.subdued};
 	}
 	position: ${e=>e.isNewTag?"relative":""};
 	.new--tag {
@@ -11,10 +11,10 @@
 		border-radius: 50%;
 		width: 14px;
 		height: 14px;
-		background: ${s.COLORS.background.negative.vibrant};
-		border: 1.25px solid ${s.COLORS.surface.standard};
+		background: ${i.COLORS.background.negative.vibrant};
+		border: 1.25px solid ${i.COLORS.surface.standard};
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}
-`,p=t=>e.jsx(u,Object.assign({isNewTag:t.isNewTag},{children:e.jsxs(n.DropdownPopover,Object.assign({},t,{children:[e.jsx("div",{children:e.jsx(i.IconButton,{Icon:t.isHorizontal?r.default:o.default,bordered:!(null==t?void 0:t.hideBorder)})}),t.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))}));p.displayName="MenuItemDropdown",exports.MenuItemDropdown=p;
+`,a=o=>e.jsxRuntimeExports.jsx(u,Object.assign({isNewTag:o.isNewTag},{children:e.jsxRuntimeExports.jsxs(n.DropdownPopover,Object.assign({},o,{children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.IconButton,{Icon:o.isHorizontal?s.default:t.default,bordered:!(null==o?void 0:o.hideBorder)})}),o.isNewTag?e.jsxRuntimeExports.jsx("div",{className:"new--tag"}):null]}))}));a.displayName="MenuItemDropdown",exports.MenuItemDropdown=a;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),n=require("../../dropShadow/DropShadow.js"),l=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(r).default.forwardRef(((d,p)=>{var{children:a,onDropdownVisbilityChange:c,version:u="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:w}=d,b=e.__rest(d,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const f=p,[h,D]=r.useState(!1),[O,g]=r.useState(null),[x,y]=r.useState(null),m=r.useRef(null),{styles:S,attributes:C}=t.usePopper(O,x,{placement:b.placement,strategy:b.strategy}),q=e=>{var o,r;b.isMultiSelect&&e&&(null===(o=b.onSelect)||void 0===o||o.call(b,[...e])),D(!1),null===(r=null==b?void 0:b.onClose)||void 0===r||r.call(b)};r.useImperativeHandle(f,(()=>({openDropdown:h})),[]),r.useEffect((()=>{(null==f?void 0:f.current)&&(f.current.openDropdown=h)}),[h]),r.useEffect((()=>{null==c||c(h)}),[h]);const _=()=>o.jsxs(o.Fragment,{children:[o.jsxs("div",Object.assign({style:{position:"relative"},ref:g},{children:[o.jsx(i.OverLapAbs,{ref:m,disabled:b.disabled,onClick:e=>{var o;null===(o=b.onDropdownOpen)||void 0===o||o.call(b),h?(D(!1),e.preventDefault()):b.disabled||D(!0)}}),a]})),h&&o.jsx(i.OpenDropdownContainer,Object.assign({ref:y,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},C.popper,{children:o.jsx(n.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsx(s.OpenedDropdown,Object.assign({},b,{onSelect:e=>{var o;"2.0"===u&&b.isMultiSelect||(null===(o=b.onSelect)||void 0===o||o.call(b,e),D(!1))},onClose:q,version:u,headerRef:m}))}))}))]});return o.jsx(o.Fragment,{children:h||void 0===v?_():o.jsx(l.Tooltip,Object.assign({body:v,placement:j,hideArrow:!w},{children:o.jsx("div",{children:_()})}))})}));p.displayName="MultilevelDropdownPopover",exports.MultilevelDropdownPopover=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("react-popper"),n=require("../../dropShadow/DropShadow.js"),s=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=p(t).default.forwardRef(((p,d)=>{var{children:u,onDropdownVisbilityChange:a,version:c="1.0",tooltipContent:j,tooltipDirection:x,showTooltipArrow:v}=p,m=e.__rest(p,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const w=d,[b,f]=t.useState(!1),[h,D]=t.useState(null),[R,O]=t.useState(null),g=t.useRef(null),{styles:y,attributes:E}=r.usePopper(h,R,{placement:m.placement,strategy:m.strategy}),S=e=>{var o,t;m.isMultiSelect&&e&&(null===(o=m.onSelect)||void 0===o||o.call(m,[...e])),f(!1),null===(t=null==m?void 0:m.onClose)||void 0===t||t.call(m)};t.useImperativeHandle(w,(()=>({openDropdown:b})),[]),t.useEffect((()=>{(null==w?void 0:w.current)&&(w.current.openDropdown=b)}),[b]),t.useEffect((()=>{null==a||a(b)}),[b]);const C=()=>o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"},ref:D},{children:[o.jsxRuntimeExports.jsx(i.OverLapAbs,{ref:g,disabled:m.disabled,onClick:e=>{var o;null===(o=m.onDropdownOpen)||void 0===o||o.call(m),b?(f(!1),e.preventDefault()):m.disabled||f(!0)}}),u]})),b&&o.jsxRuntimeExports.jsx(i.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},E.popper,{children:o.jsxRuntimeExports.jsx(n.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsxRuntimeExports.jsx(l.OpenedDropdown,Object.assign({},m,{onSelect:e=>{var o;"2.0"===c&&m.isMultiSelect||(null===(o=m.onSelect)||void 0===o||o.call(m,e),f(!1))},onClose:S,version:c,headerRef:g}))}))}))]});return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:b||void 0===j?C():o.jsxRuntimeExports.jsx(s.Tooltip,Object.assign({body:j,placement:x,hideArrow:!v},{children:o.jsxRuntimeExports.jsx("div",{children:C()})}))})}));d.displayName="MultilevelDropdownPopover",exports.MultilevelDropdownPopover=d;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),t=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,version:c}=i;return e.jsx(t.DescriptionContainer,Object.assign({version:c},{children:e.jsxs("div",Object.assign({style:{padding:"2.0"===c?12:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:s.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:o}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/react/jsx-runtime.js"),s=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),r=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,version:c}=i;return e.jsxRuntimeExports.jsx(r.DescriptionContainer,Object.assign({version:c},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"2.0"===c?12:24}},{children:[e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({style:{color:t.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsxRuntimeExports.jsx(s.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:o}))]}))}))};

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

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

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("styled-components"),r=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),o=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),c=require("./FreeFormMenu.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(i);const p=u.default(s.ListItem)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/react/jsx-runtime.js"),t=require("../../../../../assets/icons/chevronRight.svg.js"),s=require("react"),n=require("styled-components"),i=require("../../../../checkBox/CheckBox.js"),r=require("../../../../list-item/ListItem.js"),o=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),c=require("./FreeFormMenu.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);const x=u.default(r.ListItem)`
 	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
-`,g=u.default.div`
+`,p=u.default.div`
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	border-radius: ${e=>{let{version:t}=e;return"1.0"===t?"0":"8px"}};
 	padding: ${e=>{let{version:t}=e;return"1.0"===t?"0":"4px"}};
@@ -10,4 +10,4 @@
 	border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"}};
 	max-height: 248px;
 	overflow-y: auto;
-`,x=n.forwardRef(((i,s)=>{let{option:d,isMultiSelect:u,showDescription:x,onSelect:v,last:j,version:b,onDropdownItemClick:h,useDefaultCursor:m}=i;var f;const[y,C]=n.useState(d.selected),I=(e,t)=>{if(!e.children){O(!e.selected);const n=t?Object.assign(Object.assign({},e),{parent:t}):e;null==h||h(n)}},O=e=>{d.disabled||v(Object.assign(Object.assign({},d),{selected:e}))},F=m?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(o.Tooltip,Object.assign({body:"",tooltipContent:d.children?e.jsx("div",Object.assign({style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:s,onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1)},{children:e.jsx(g,Object.assign({version:null!=b?b:"2.0"},{children:d.children.map((t=>{var n;return e.jsx(p,{version:b,style:"1.0"!==b&&(null!==(n=null==d?void 0:d.children)&&void 0!==n?n:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),I(t,d)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:d.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsx(p,{version:b,style:j?Object.assign({borderBottom:0},F):Object.assign({},F),onClick:e=>{e.preventDefault(),I(d)},onMouseOver:()=>{d.description?x(d.label,d.description):x()},listItem:{value:d.value,label:d.label},subText:d.subText,leadingIcon:u?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(r.CheckBox,{size:"2.0"===b?"SMALL":"DEFAULT",isDisabled:null!==(f=d.disabled)&&void 0!==f&&f,isChecked:!!d.selected,onValueChange:O}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:d.leadingIcon}))]})):d.leadingIcon?e.jsx(e.Fragment,{children:d.leadingIcon}):void 0,customComponent:d.customComponent,trailingIcon:d.isFreeForm?e.jsx(c.FreeFormContainer,{children:e.jsx(l.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"Freeform"}))}):d.children?e.jsx(t.default,{width:12,height:12}):d.trailingIcon?e.jsx(e.Fragment,{children:d.trailingIcon}):void 0,variant:d.disabled?"inactive":d.selected||!u&&y?"selected":"default"})}))})}));exports.MenuItem=x;
+`,j=s.forwardRef(((n,r)=>{let{option:d,isMultiSelect:u,showDescription:j,onSelect:m,last:g,version:v,onDropdownItemClick:b,useDefaultCursor:h}=n;var E;const[f,R]=s.useState(d.selected),y=(e,t)=>{if(!e.children){C(!e.selected);const s=t?Object.assign(Object.assign({},e),{parent:t}):e;null==b||b(s)}},C=e=>{d.disabled||m(Object.assign(Object.assign({},d),{selected:e}))},I=h?{cursor:"default"}:{};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Tooltip,Object.assign({body:"",tooltipContent:d.children?e.jsxRuntimeExports.jsx("div",Object.assign({style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:r,onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1)},{children:e.jsxRuntimeExports.jsx(p,Object.assign({version:null!=v?v:"2.0"},{children:d.children.map((t=>{var s;return e.jsxRuntimeExports.jsx(x,{version:v,style:"1.0"!==v&&(null!==(s=null==d?void 0:d.children)&&void 0!==s?s:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),y(t,d)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:d.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsxRuntimeExports.jsx(x,{version:v,style:g?Object.assign({borderBottom:0},I):Object.assign({},I),onClick:e=>{e.preventDefault(),y(d)},onMouseOver:()=>{d.description?j(d.label,d.description):j()},listItem:{value:d.value,label:d.label},subText:d.subText,leadingIcon:u?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{size:"2.0"===v?"SMALL":"DEFAULT",isDisabled:null!==(E=d.disabled)&&void 0!==E&&E,isChecked:!!d.selected,onValueChange:C}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:d.leadingIcon}))]})):d.leadingIcon?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d.leadingIcon}):void 0,customComponent:d.customComponent,trailingIcon:d.isFreeForm?e.jsxRuntimeExports.jsx(c.FreeFormContainer,{children:e.jsxRuntimeExports.jsx(l.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"Freeform"}))}):d.children?e.jsxRuntimeExports.jsx(t.default,{width:12,height:12}):d.trailingIcon?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d.trailingIcon}):void 0,variant:d.disabled?"inactive":d.selected||!u&&f?"selected":"default"})}))})}));exports.MenuItem=j;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("./MenuItem.js"),t=require("./MenuList.styled.js");const s=n.forwardRef(((s,o)=>{let{options:i,isMultiSelect:c,showDescription:l,onSelect:u,version:a,onInfiniteScroll:p,onDropdownItemClick:d,useDefaultCursor:f}=s;const j=n.useRef(null),g=n.useRef(null),m=n.useCallback((()=>{j.current&&j.current.disconnect(),j.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==p||p())})),g.current&&j.current.observe(g.current)}),[p]);return n.useEffect((()=>(m(),()=>{j.current&&j.current.disconnect()})),[m,i]),e.jsx(e.Fragment,{children:i.map(((n,s)=>{const p=s===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(t.StyledGroupedLabel,Object.assign({version:a},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,t)=>e.jsx(r.MenuItem,{version:a,last:t===i.options.length-1,onSelect:u,showDescription:l,onDropdownItemClick:d,isMultiSelect:c,option:n,useDefaultCursor:f,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[s]=e)}},`${s}-${t}`))),p?e.jsx("span",{ref:g}):null]}),s)}return e.jsxs("div",{children:[e.jsx(r.MenuItem,{version:a,last:p,onSelect:u,showDescription:l,onDropdownItemClick:d,isMultiSelect:c,option:n,useDefaultCursor:f,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[s]=e)}},s),p?e.jsx("span",{ref:g}):null]},s)}))})}));exports.MenuList=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("./MenuItem.js"),s=require("./MenuList.styled.js");const r=t.forwardRef(((r,o)=>{let{options:i,isMultiSelect:u,showDescription:c,onSelect:l,version:p,onInfiniteScroll:x,onDropdownItemClick:j,useDefaultCursor:a}=r;const m=t.useRef(null),d=t.useRef(null),f=t.useCallback((()=>{m.current&&m.current.disconnect(),m.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==x||x())})),d.current&&m.current.observe(d.current)}),[x]);return t.useEffect((()=>(f(),()=>{m.current&&m.current.disconnect()})),[f,i]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i.map(((t,r)=>{const x=r===i.length-1;if(t.options){const i=t;return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginTop:"2.0"===p?2:0}},{children:[e.jsxRuntimeExports.jsxs(s.StyledGroupedLabel,Object.assign({version:p},{children:[i.leadingIcon?e.jsxRuntimeExports.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((t,s)=>e.jsxRuntimeExports.jsx(n.MenuItem,{version:p,last:s===i.options.length-1,onSelect:l,showDescription:c,onDropdownItemClick:j,isMultiSelect:u,option:t,useDefaultCursor:a,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[r]=e)}},`${r}-${s}`))),x?e.jsxRuntimeExports.jsx("span",{ref:d}):null]}),r)}return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(n.MenuItem,{version:p,last:x,onSelect:l,showDescription:c,onDropdownItemClick:j,isMultiSelect:u,option:t,useDefaultCursor:a,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[r]=e)}},r),x?e.jsxRuntimeExports.jsx("span",{ref:d}):null]},r)}))})}));exports.MenuList=r;

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=i=>{let{options:c,onSelect:r,version:o}=i;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=[];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)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[c]),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,height: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("../../../../../node_modules/react/jsx-runtime.js"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=i=>{let{options:c,onSelect:o,version:r}=i;const[n,a]=t.useState("notSelected");function d(){"partiallySelected"===n&&o("notSelected"),"selectAll"===n&&o("notSelected"),"notSelected"===n&&o("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.jsxRuntimeExports.jsx(s.ListItem,{version:r,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsxRuntimeExports.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===n||"partiallySelected"===n,isPartiallyChecked:"partiallySelected"===n,onValueChange:d})})),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"),n=require("../../../../../constants/Theme.js"),o=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=s=>{const{onClear:i,onApply:l,list:u,buttonText:a,buttonOptions:c}=s,{primaryButtonText:p,primaryButtonType:y,secondaryButtonText:d,secondaryButtonType:x}=null!=c?c:{},j=u.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(o.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:n.COLORS.content.primary}},{children:j?`${j} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:x||"primary",buttonText:d||"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:p||a||"Apply",buttonType:y||"primary",onClick:()=>{l()}})]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../../node_modules/react/jsx-runtime.js"),e=require("../../../../button/Button.js"),s=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{const{onClear:i,onApply:l,list:u,buttonText:p,buttonOptions:a}=o,{primaryButtonText:x,primaryButtonType:c,secondaryButtonText:y,secondaryButtonType:j}=null!=a?a:{},d=u.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t.jsxRuntimeExports.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[t.jsxRuntimeExports.jsx(s.BodySecondary,Object.assign({style:{flex:1,color:r.COLORS.content.primary}},{children:d?`${d} selected`:""})),t.jsxRuntimeExports.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[t.jsxRuntimeExports.jsx(e.Button,{size:"small",buttonType:j||"primary",buttonText:y||"Clear",onClick:i}),t.jsxRuntimeExports.jsx(e.Button,{size:"small",buttonText:x||p||"Apply",buttonType:c||"primary",onClick:()=>{l()}})]}))]}))};

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -3,4 +3,5 @@ export declare const SearchZeroState: React.FC<{
     searchedString: string;
     height: number;
     isLoading?: boolean;
+    containerWidth?: string;
 }>;

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,isLoading:o}=r;return e.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{isLoading:o,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("../../../../../node_modules/react/jsx-runtime.js"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:s,height:i,isLoading:n,containerWidth:o}=r;return e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsxRuntimeExports.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=s?s:""}"`,containerWidth:o})}))};

package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
 import { DropdownOption, SingleOption } from '../type';
-export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[]) => {
+export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
     latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
     dropdownOptions: DropdownOption[];
     search: (searchKey: string) => void;
@@ -46,4 +46,7 @@ export declare const useDropdown: (version: string | undefined, options: Dropdow
     onFreeFormSelect: (selected: boolean) => void;
     onMultiSelectApply: (options?: DropdownOption[]) => void;
     getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
+    getCurrentSelectionCount: (data: DropdownOption[]) => number;
+    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
+    maxSelections: number | undefined;
 };

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",n=arguments.length>1?arguments[1]:void 0,l=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,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[];const[r,d]=e.useState(null!=n?n:[]),[p,v]=e.useState([]),[O,f]=e.useState(""),g=e.useRef(r);e.useEffect((()=>{if(g.current=r,p.length&&O&&o){let e=[...p];const t=r.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.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})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),v(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[r]),e.useEffect((()=>{if(n){const e=[...n];d(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const b=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function h(e,n){if(c)if(p.length&&O&&o)if(e.selected){let l=!1;const i=t.iterateOnOptions(r,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];d([...i]),"2.0"===s&&j(i)}else{let l=!1,i=t.iterateOnOptions(r,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];d([...i]),"2.0"===s&&j(i)}else{const l=t.iterateOnOptions(r,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];d([...l]),"2.0"===s&&j(l)}else null==l||l(e)}function j(e){const t=b(null!=e?e:g.current);null==l||l([...t])}return{latestDropdownOptionsRef:g,dropdownOptions:r,search:function(e){if(f(e),v([]),e&&o){const s=[];t.iterateOnOptionsRaw(r,(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)})}));v([...t])}}))}},searchedString:O,searchedOptions:p,onApplyHandler:h,selectAllHandler:function(e){if(p.length&&O&&o)!function(e){let t=[...r];e?p.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):p.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),d([...t]),"2.0"===s&&j(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(r,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));d([...e]),"2.0"===s&&j(e)}else if("notSelected"===e){const e=t.iterateOnOptions(r,{selected:!1},(e=>!e.disabled));d([...e]),"2.0"===s&&j(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(r,{selected:!1});d([...e]),"2.0"===s&&j(e)},onFreeFormSelect:function(e){if(!c)return void h({label:O,value:O,isFreeForm:!0,selected:!0});const t=r.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),d([...t]),"2.0"===s&&j(t)},onMultiSelectApply:j,getSelectedOptions:b}};
+"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",n=arguments.length>1?arguments[1]:void 0,l=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,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],r=arguments.length>8?arguments[8]:void 0;const[d,p]=e.useState(null!=n?n:[]),[v,f]=e.useState([]),[O,g]=e.useState(""),b=e.useRef(d);e.useEffect((()=>{if(b.current=d,v.length&&O&&o){let e=[...v];const t=d.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.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})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),f(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(n){const e=[...n];p(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},j=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},m=e=>!(!c||!r&&0!==r)&&j(e)>=r;function S(e,n){if(c){if(e.selected&&r&&m(d))return;if(v.length&&O&&o)if(e.selected){if(r&&m(d))return;let l=!1;const i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{let l=!1,i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{const l=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=h(null!=e?e:b.current);null==l||l([...t])}return{latestDropdownOptionsRef:b,dropdownOptions:d,search:function(e){if(g(e),f([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,(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)})}));f([...t])}}))}},searchedString:O,searchedOptions:v,onApplyHandler:S,selectAllHandler:function(e){if(v.length&&O&&o)!function(e){let t=[...d];e?v.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):v.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!c)return void S({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:h,getCurrentSelectionCount:j,isMaxSelectionsReached:m,maxSelections:r}};

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

@@ -7,6 +7,7 @@ export interface OpenDropdownProps {
     isSearchable?: boolean;
     error?: string;
     isMultiSelect?: boolean;
+    maxSelections?: number;
     width?: string;
     height?: number | string;
     allowFreeForm?: boolean;

package/dist/cjs/components/dropdown-button/DropdownButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var r=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var t=require("./DropdownButton.style.js");exports.DropdownButton=n=>e.jsxs(t.DropdownButtonStyle,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[e.jsx(r.Button,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),e.jsx("div",{className:"divider"}),e.jsx(o.DropdownPopover,Object.assign({},n.dropdownProps,{children:e.jsx(r.Button,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),o=require("../../node_modules/react/jsx-runtime.js"),r=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var t=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var n=require("../button/themes.js"),s=require("../spinner/Spinner.js"),i=require("./DropdownButton.style.js");exports.DropdownButton=d=>{var p,u;const j=d.buttonProps,a=e.__rest(j,["onClick"]);return o.jsxRuntimeExports.jsxs(i.DropdownButtonStyle,Object.assign({type:d.buttonProps.buttonType,disabled:d.buttonProps.disabled},{children:[(null===(p=d.buttonProps)||void 0===p?void 0:p.isLoading)&&o.jsxRuntimeExports.jsx(i.LoaderContainer,{children:o.jsxRuntimeExports.jsx(s.Spinner,{className:"spinner",size:"small",color:n.SpinnerColorMap(d.buttonProps.buttonType||"primary",d.buttonProps.inverse)})}),o.jsxRuntimeExports.jsx(t.Button,Object.assign({},d.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),o.jsxRuntimeExports.jsx("div",{className:"dd-button-divider"}),o.jsxRuntimeExports.jsx(r.DropdownPopover,Object.assign({},d.dropdownProps,{isChildLoading:null===(u=d.buttonProps)||void 0===u?void 0:u.isLoading},{children:o.jsxRuntimeExports.jsx(t.Button,Object.assign({},a,{isLoading:!1,buttonText:"",TrailingIcon:d.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};

package/dist/cjs/components/dropdown-button/DropdownButton.style.d.ts

@@ -3,3 +3,4 @@ export declare const DropdownButtonStyle: import("styled-components").StyledComp
     type: Type | undefined;
     disabled: boolean | undefined;
 }, never>;
+export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/dropdown-button/DropdownButton.style.js

@@ -1,9 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
 	display: flex;
 	flex-direction: row;
 	width: max-content;
-	.divider {
+	position: relative;
+	align-items: stretch;
+	.dd-button-divider {
 		width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
 		background-color: ${e=>{return r=e.type,(null==e?void 0:e.disabled)?t.COLORS.content.inactive:"primary"===r?"#CDA2FC":t.COLORS.content.primaryInverse;var r}};
 	}
-`;exports.DropdownButtonStyle=n;
+`,o=i.default.div`
+	position: absolute;
+	inset: 0;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	border-radius: 4px;
+	background: ${t.BASE_COLORS.brand[50]};
+	z-index: 3;
+`;exports.DropdownButtonStyle=n,exports.LoaderContainer=o;

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=s=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:c}=s;return o.useEffect((()=>{void 0!==s.selectedTabId&&null!==s.selectedTabId&&n(s.selectedTabId)}),[s.selectedTabId]),e.jsx("div",Object.assign({style:null!==(i=s.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var u,p,b,T,y,E,v,L,x;const g="CAPSULE"===c.type?null!==(p=null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)&&void 0!==p?p:20:0===i&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,f="CAPSULE"===c.type?null!==(y=null===(T=c.style)||void 0===T?void 0:T.borderTopLeftRadius)&&void 0!==y?y:20:i===a.length-1&&"SQUARE"===c.type?(null===(E=c.style)||void 0===E?void 0:E.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(r.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=s.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${i===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||o.id===l?1:0}px solid ${R}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:f,borderBottomRightRadius:f,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(x=c.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"}},{children:e.jsx(d.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}))}),o.id)}))}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),o=require("react"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js");exports.DynamicTabs=d=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:u}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&n(d.selectedTabId)}),[d.selectedTabId]),e.jsxRuntimeExports.jsx("div",Object.assign({style:null!==(i=d.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==u?void 0:u.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var p,c,E,b,T,x,y,v,L;const R="CAPSULE"===u.type?null!==(c=null===(p=u.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==c?c:20:0===i&&"SQUARE"===u.type?(null===(E=u.style)||void 0===E?void 0:E.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,j="CAPSULE"===u.type?null!==(T=null===(b=u.style)||void 0===b?void 0:b.borderTopLeftRadius)&&void 0!==T?T:20:i===a.length-1&&"SQUARE"===u.type?(null===(x=u.style)||void 0===x?void 0:x.borderTopLeftRadius)?u.style.borderTopLeftRadius:4:0,g=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({},null!==(y=o.tooltipProps)&&void 0!==y?y:{},{children:e.jsxRuntimeExports.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(v=d.tabWidth)&&void 0!==v?v:"110px",borderTop:`1px solid ${g}`,borderBottom:`1px solid ${g}`,borderLeft:`1px solid ${g}`,borderRight:`${i===a.length-1&&"SQUARE"===u.type||"CAPSULE"===u.type||o.id===l?1:0}px solid ${g}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:R,borderBottomLeftRadius:R,borderTopRightRadius:j,borderBottomRightRadius:j,padding:"SMALL"===(null==u?void 0:u.size)?"2px 14px":"8px 24px",marginRight:null===(L=u.style)||void 0===L?void 0:L.marginRight,justifyContent:"space-around"}},{children:e.jsxRuntimeExports.jsx(s.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}))}),o.id)}))}))}))};

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=i=>{const{onSelect:e,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:s,buttonPosition:l,menuWidth:p,menuHeight:c,buttonIcon:a,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tooltipWidth:A}=i;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:a,width:d,height:u,color:s,position:l,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tootipWidth:A},{children:t.jsx(o.OpenedDropdown,{options:r,height:c||90,width:`${p}px`,onSelect:e,version:i.version})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),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:s,buttonHeight:d,buttonColor:u,buttonPosition:l,menuWidth:p,menuHeight:c,buttonIcon:a,buttonPaddingHorizontal:x,buttonPaddingVertical:g,tooltipPlacement:m,tooltipText:h,zIndex:b,isRound:j,dropPosition:P,menuAligment:w,tooltipWidth:A}=e;return t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(n.FloatingActionButton,Object.assign({icon:a,width:s,height:d,color:u,position:l,buttonPaddingHorizontal:x,buttonPaddingVertical:g,tooltipPlacement:m,tooltipText:h,zIndex:b,isRound:j,dropPosition:P,menuAligment:w,tootipWidth:A},{children:t.jsxRuntimeExports.jsx(o.OpenedDropdown,{options:r,height:c||90,width:`${p}px`,onSelect:i,version:e.version})}))})};

package/dist/cjs/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),l=require("../button/Button.js"),i=require("../curtain/Curtain.js"),t=require("../curtain/CurtainHelper.js"),a=require("./FileUploaderStyle.js"),o=require("../input/Input.js"),d=require("../progress-bar/ProgressBarComponent.js"),r=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),u=require("../../assets/icons/check.svg.js"),p=require("../../assets/icons/file.svg.js"),j=require("../../assets/icons/filePdf.svg.js"),h=require("../../assets/icons/image.svg.js"),v=require("../../assets/icons/triangle_error.svg.js"),f=require("../../assets/icons/upload.svg.js"),_=require("../../assets/icons/videoRecorder.svg.js");const g={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=b=>{var x,m;const[y,O]=s.useState(""),[U,w]=s.useState(""),[N,C]=s.useState(null),[S,I]=s.useState(!1),[F,L]=s.useState(),[T,E]=s.useState((null===(x=b.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===x?void 0:x.join("/"))||"FILE"),M=e=>{const s=e.split(".").pop();if(null==b?void 0:b.fileName)return`${b.fileName}.${s}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+s},R=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},P=e=>{var s;O("");const l=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],i=(e=>{if(!e)return"Please upload an file before saving!";const s=b.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${R(s)}`:"":"Uploaded file type is not supported!"})(l);O(i),i?b.onError(i):(C(l),q(l),I(!0))},q=e=>{var s,l;if(!y){const i=M(e.name),t=(null===(s=i.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";E(t),null===(l=b.uploadFile)||void 0===l||l.call(b,e,i).then((s=>{const l=((e,s,l)=>{const i=new Date;return{fileId:i.getTime().toString(),fileName:l,fileSize:R(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:i}})(e,s,i);I(!1),L(l)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";b.onError(s)}))}},B=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=b.getFileMetaFromUrl)||void 0===s||s.call(b,e).then((s=>{var l,i;if(s&&s.type&&(null===(l=s.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===T.toLowerCase()){const l=b.fileUploadRules.allowedSize[s.type.toLowerCase()];if(l)if(s.size>l)w(`Max file size that can be added is ${R(l)}`);else{const l=(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";E(l);const t=M(`file.${l.toLowerCase()}`),a=new Date;L({fileId:a.getTime().toString(),fileName:t,fileSize:R(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:a}),C(null)}else w("Uploaded file type is not supported!")}else w(`Please enter a valid ${T.toLowerCase()} URL`)}),(e=>{var s;return w(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):w(`Please enter a valid ${T.toLowerCase()} URL`))},D=(s,l,i)=>"IMAGE"===g[T]?e.jsx(h.default,{color:s,height:l,width:i}):"VIDEO"===g[T]?e.jsx(_.default,{color:s,height:l,width:i}):"PDF"===g[T]?e.jsx(j.default,{color:s,height:l,width:i}):e.jsx(p.default,{color:s,height:l,width:i});return e.jsx(e.Fragment,{children:F&&(null===(m=Object.keys(F))||void 0===m?void 0:m.length)?e.jsxs(a.FileUploadedStyle,Object.assign({className:"fileUploaded"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsx(u.default,{color:c.COLORS.content.primaryInverse,height:46,width:40})})),e.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxs(n.TitleMedium,{children:[T," uploaded successfully"]})}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:D(c.COLORS.content.secondary,22,18)})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsx(n.BodySecondary,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==F?void 0:F.fileName}))})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==F?void 0:F.fileSize}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsx(l.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;L({}),null===(e=b.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsx(l.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>b.onSuccess(N,F)})}))]}))]}))]})):e.jsxs(a.FileUploaderStyle,Object.assign({showProgressBar:S},{children:[e.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:D(c.COLORS.content.secondary,36,30)})),e.jsx(r.Tooltip,Object.assign({body:T,placement:"top"},{children:e.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsx(n.TitleMedium,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:S?"Document upload in progress":`Upload ${T}`}))}))})),e.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsx(n.BodySecondary,Object.assign({style:{color:c.COLORS.content.secondary}},{children:S?`Your ${T} is getting loaded. This may take a couple of minutes.`:`${T.includes("/")?"Files":T+" format"} • Max ${R(Math.max(...Object.values(b.fileUploadRules.allowedSize)))}`}))}))]})),e.jsx("div",Object.assign({className:"fileUploader__body"},{children:S?e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsx(d.ProgressBarComponent,{completed:b.uploadProgress,isAnimated:!0})})),e.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsx(l.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{I(!1),C(null),L({})}})}))]}):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsx(o.Input,{type:"text",onChangeText:()=>w(""),placeholder:`Enter URL of the ${T.includes("/")?"file":T.toLowerCase()}`,width:"100%",height:"48px",labelText:`${T.includes("/")?"File":T} link`,errorMessage:U,onBlur:e=>B(e.target.value)})})),e.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsx("div",{className:"left"}),e.jsx("div",Object.assign({className:"title"},{children:e.jsx(n.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:"Or upload from device"}))})),e.jsx("div",{className:"right"})]})),e.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsx("div",{children:e.jsx(f.default,{height:18,width:18})}),e.jsx("div",{children:e.jsx(n.ButtonLarge,Object.assign({style:{color:c.COLORS.content.brand}},{children:"Upload"}))})]}))})),e.jsx("input",{id:"file-upload-button",type:"file",accept:b.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>P(e.target)})]}))]})}))]})),y&&e.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsx(i.Curtain,{type:t.CURTAIN_TYPES.NEGATIVE,mode:t.CURTAIN_MODE.LIGHT,text:y,hideCrossIcon:!0,icon:()=>e.jsx(v.default,{height:16,width:19,color:c.COLORS.content.negative})})}))]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("react"),t=require("../button/Button.js"),i=require("../curtain/Curtain.js"),l=require("../curtain/CurtainHelper.js"),o=require("./FileUploaderStyle.js"),a=require("../input/Input.js"),r=require("../progress-bar/ProgressBarComponent.js"),n=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),u=require("../../assets/icons/check.svg.js"),p=require("../../assets/icons/file.svg.js"),x=require("../../assets/icons/filePdf.svg.js"),j=require("../../assets/icons/image.svg.js"),m=require("../../assets/icons/triangle_error.svg.js"),h=require("../../assets/icons/upload.svg.js"),v=require("../../assets/icons/videoRecorder.svg.js");const _={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=f=>{var g,E;const[R,b]=s.useState(""),[y,O]=s.useState(""),[U,w]=s.useState(null),[N,C]=s.useState(!1),[S,I]=s.useState(),[F,L]=s.useState((null===(g=f.fileUploadRules.allowedFormats.split(",").map((e=>{var s,t;return null===(t=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===t?void 0:t.toUpperCase()})))||void 0===g?void 0:g.join("/"))||"FILE"),T=e=>{const s=e.split(".").pop();if(null==f?void 0:f.fileName)return`${f.fileName}.${s}`;const t=new Date;return e.split(".")[0]+"_"+t.getTime().toString()+"."+s},M=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},P=e=>{var s;b("");const t=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],i=(e=>{if(!e)return"Please upload an file before saving!";const s=f.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${M(s)}`:"":"Uploaded file type is not supported!"})(t);b(i),i?f.onError(i):(w(t),q(t),C(!0))},q=e=>{var s,t;if(!R){const i=T(e.name),l=(null===(s=i.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";L(l),null===(t=f.uploadFile)||void 0===t||t.call(f,e,i).then((s=>{const t=((e,s,t)=>{const i=new Date;return{fileId:i.getTime().toString(),fileName:t,fileSize:M(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:i}})(e,s,i);C(!1),I(t)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";f.onError(s)}))}},B=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=f.getFileMetaFromUrl)||void 0===s||s.call(f,e).then((s=>{var t,i;if(s&&s.type&&(null===(t=s.type.split("/").at(-1))||void 0===t?void 0:t.toLowerCase())===F.toLowerCase()){const t=f.fileUploadRules.allowedSize[s.type.toLowerCase()];if(t)if(s.size>t)O(`Max file size that can be added is ${M(t)}`);else{const t=(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";L(t);const l=T(`file.${t.toLowerCase()}`),o=new Date;I({fileId:o.getTime().toString(),fileName:l,fileSize:M(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:o}),w(null)}else O("Uploaded file type is not supported!")}else O(`Please enter a valid ${F.toLowerCase()} URL`)}),(e=>{var s;return O(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):O(`Please enter a valid ${F.toLowerCase()} URL`))},D=(s,t,i)=>"IMAGE"===_[F]?e.jsxRuntimeExports.jsx(j.default,{color:s,height:t,width:i}):"VIDEO"===_[F]?e.jsxRuntimeExports.jsx(v.default,{color:s,height:t,width:i}):"PDF"===_[F]?e.jsxRuntimeExports.jsx(x.default,{color:s,height:t,width:i}):e.jsxRuntimeExports.jsx(p.default,{color:s,height:t,width:i});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:S&&(null===(E=Object.keys(S))||void 0===E?void 0:E.length)?e.jsxRuntimeExports.jsxs(o.FileUploadedStyle,Object.assign({className:"fileUploaded"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsxRuntimeExports.jsx(u.default,{color:c.COLORS.content.primaryInverse,height:46,width:40})})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxRuntimeExports.jsxs(d.TitleMedium,{children:[F," uploaded successfully"]})}))]})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:D(c.COLORS.content.secondary,22,18)})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsxRuntimeExports.jsx(d.BodySecondary,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==S?void 0:S.fileName}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==S?void 0:S.fileSize}))]})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsxRuntimeExports.jsx(t.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;I({}),null===(e=f.fileUploadRules.allowedFormats.split(",").map((e=>{var s,t;return null===(t=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===t?void 0:t.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsxRuntimeExports.jsx(t.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>f.onSuccess(U,S)})}))]}))]}))]})):e.jsxRuntimeExports.jsxs(o.FileUploaderStyle,Object.assign({showProgressBar:N},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:D(c.COLORS.content.secondary,36,30)})),e.jsxRuntimeExports.jsx(n.Tooltip,Object.assign({body:F,placement:"top"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsxRuntimeExports.jsx(d.TitleMedium,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:N?"Document upload in progress":`Upload ${F}`}))}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsxRuntimeExports.jsx(d.BodySecondary,Object.assign({style:{color:c.COLORS.content.secondary}},{children:N?`Your ${F} is getting loaded. This may take a couple of minutes.`:`${F.includes("/")?"Files":F+" format"} • Max ${M(Math.max(...Object.values(f.fileUploadRules.allowedSize)))}`}))}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__body"},{children:N?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsxRuntimeExports.jsx(r.ProgressBarComponent,{completed:f.uploadProgress,isAnimated:!0})})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsxRuntimeExports.jsx(t.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{C(!1),w(null),I({})}})}))]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsxRuntimeExports.jsx(a.Input,{type:"text",onChangeText:()=>O(""),placeholder:`Enter URL of the ${F.includes("/")?"file":F.toLowerCase()}`,width:"100%",height:"48px",labelText:`${F.includes("/")?"File":F} link`,errorMessage:y,onBlur:e=>B(e.target.value)})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsxRuntimeExports.jsx("div",{className:"left"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"title"},{children:e.jsxRuntimeExports.jsx(d.BodyCaption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:"Or upload from device"}))})),e.jsxRuntimeExports.jsx("div",{className:"right"})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsxRuntimeExports.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(h.default,{height:18,width:18})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(d.ButtonLarge,Object.assign({style:{color:c.COLORS.content.brand}},{children:"Upload"}))})]}))})),e.jsxRuntimeExports.jsx("input",{id:"file-upload-button",type:"file",accept:f.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>P(e.target)})]}))]})}))]})),R&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsxRuntimeExports.jsx(i.Curtain,{type:l.CURTAIN_TYPES.NEGATIVE,mode:l.CURTAIN_MODE.LIGHT,text:R,hideCrossIcon:!0,icon:()=>e.jsxRuntimeExports.jsx(m.default,{height:16,width:19,color:c.COLORS.content.negative})})}))]}))})};

package/dist/cjs/components/floater/floater.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const i=t.useRef(null),[n,r]=t.useState(0),[s,o]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void o(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const n=null==i?void 0:i.current;n?(t>window.innerWidth-n.offsetWidth&&(t=window.innerWidth-n.offsetWidth-50),o(t)):o(t)})(e),(e=>{if(f.useDefaultOffsets)return void r(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const n=null==i?void 0:i.current;if(!n)return void r(t);const s=window.innerHeight;e.top+n.offsetHeight>s&&(t=e.top-(e.top+n.offsetHeight-s)-10),r(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:n,left:s,position:"fixed",zIndex:1e3}},{children:e.jsx("div",Object.assign({ref:i},{children:f.children}))})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react");exports.Floater=s=>{const n=t.useRef(null),[i,r]=t.useState(0),[f,o]=t.useState(0),[u,l]=t.useState(!1);return t.useEffect((()=>{if(s.refElement.current){const e=s.refElement.current.getBoundingClientRect();(e=>{if(s.useDefaultOffsets)return void o(e.left);let t=0;t=s.leftOffset?e.left+s.leftOffset:e.left+e.width+30;const i=null==n?void 0:n.current;i?(t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),o(t)):o(t)})(e),(e=>{if(s.useDefaultOffsets)return void r(e.top);let t=e.top;s.topOffset&&(t=e.top+s.topOffset);const i=null==n?void 0:n.current;if(!i)return void r(t);const f=window.innerHeight;e.top+i.offsetHeight>f&&(t=e.top-(e.top+i.offsetHeight-f)-10),r(t)})(e),l(!0)}})),u?e.jsxRuntimeExports.jsx("div",Object.assign({style:{top:i,left:f,position:"fixed",zIndex:1e3}},{children:e.jsxRuntimeExports.jsx("div",Object.assign({ref:n},{children:s.children}))})):null};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react"),i=require("react-bootstrap"),n=require("../../constants/Theme.js"),e=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),s=require("../../assets/icons/question-mark.svg.js"),l=require("./FloatingActionButton.styles.js");const c=o=>{const{width:i,height:c,color:d,onClick:a,icon:h,tooltipPlacement:p,tooltipText:g,tootipWidth:u,isRound:j}=o;return g?t.jsx(e.Tooltip,Object.assign({tooltipContent:t.jsx(l.TooltipStyled,Object.assign({tooltipWidth:u},{children:t.jsx(r.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse},{children:o.tooltipText}))})),placement:p,body:""},{children:t.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:c,color:d,onClick:a,isRound:j},{children:h||t.jsx(s.default,{width:22,height:22})}))})):t.jsx(t.Fragment,{children:t.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:c,color:d,onClick:a,isRound:j},{children:h||t.jsx(s.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:r,onClick:s,children:d,tooltipText:a,isRound:h=!0,width:p=48,height:g=48,color:u=n.COLORS.background.inverse,position:j=l.FAB_POSITION.TOP_LEFT,buttonPaddingHorizontal:x=20,buttonPaddingVertical:O=20,zIndex:T=1,tooltipPlacement:b="right",dropPosition:m=l.DROP_POSITION.DOWN,menuAligment:w=l.MENU_ALIGNMENT.END,tootipWidth:C}=e,[P,y]=o.useState(!1);return t.jsx(t.Fragment,{children:t.jsx(l.FloatingActionButtonOuterContainer,Object.assign({width:p,height:g,color:u,position:j,buttonPaddingHorizontal:x,buttonPaddingVertical:O,zIndex:T},{children:t.jsx(l.StyledDropdown,Object.assign({onToggle:(t,o)=>{y(t)},drop:m,align:w},{children:d?t.jsxs(t.Fragment,{children:[t.jsx(l.DropdownToggleContainer,Object.assign({drop:m},{children:t.jsx(c,{width:p,height:g,color:u,tooltipPlacement:b,onClick:s,tooltipText:a,icon:r,position:j,isRound:h,isDropdownOpen:P,tootipWidth:C})})),t.jsx(i.Dropdown.Menu,{children:d})]}):t.jsx(c,{width:p,height:g,color:u,tooltipPlacement:b,onClick:s,tooltipText:a,icon:r,position:j,isRound:h,isDropdownOpen:P,tootipWidth:C})}))}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),o=require("react"),i=require("react-bootstrap"),n=require("../../constants/Theme.js"),e=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js"),r=require("../../assets/icons/question-mark.svg.js"),l=require("./FloatingActionButton.styles.js");const x=o=>{const{width:i,height:x,color:c,onClick:d,icon:p,tooltipPlacement:u,tooltipText:j,tootipWidth:a,isRound:h}=o;return j?t.jsxRuntimeExports.jsx(e.Tooltip,Object.assign({tooltipContent:t.jsxRuntimeExports.jsx(l.TooltipStyled,Object.assign({tooltipWidth:a},{children:t.jsxRuntimeExports.jsx(s.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse},{children:o.tooltipText}))})),placement:u,body:""},{children:t.jsxRuntimeExports.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:x,color:c,onClick:d,isRound:h},{children:p||t.jsxRuntimeExports.jsx(r.default,{width:22,height:22})}))})):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsx(l.FloatingActionButtonContainer,Object.assign({width:i,height:x,color:c,onClick:d,isRound:h},{children:p||t.jsxRuntimeExports.jsx(r.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:r,children:c,tooltipText:d,isRound:p=!0,width:u=48,height:j=48,color:a=n.COLORS.background.inverse,position:h=l.FAB_POSITION.TOP_LEFT,buttonPaddingHorizontal:g=20,buttonPaddingVertical:m=20,zIndex:R=1,tooltipPlacement:E="right",dropPosition:O=l.DROP_POSITION.DOWN,menuAligment:T=l.MENU_ALIGNMENT.END,tootipWidth:b}=e,[w,C]=o.useState(!1);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsx(l.FloatingActionButtonOuterContainer,Object.assign({width:u,height:j,color:a,position:h,buttonPaddingHorizontal:g,buttonPaddingVertical:m,zIndex:R},{children:t.jsxRuntimeExports.jsx(l.StyledDropdown,Object.assign({onToggle:(t,o)=>{C(t)},drop:O,align:T},{children:c?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(l.DropdownToggleContainer,Object.assign({drop:O},{children:t.jsxRuntimeExports.jsx(x,{width:u,height:j,color:a,tooltipPlacement:E,onClick:r,tooltipText:d,icon:s,position:h,isRound:p,isDropdownOpen:w,tootipWidth:b})})),t.jsxRuntimeExports.jsx(i.Dropdown.Menu,{children:c})]}):t.jsxRuntimeExports.jsx(x,{width:u,height:j,color:a,tooltipPlacement:E,onClick:r,tooltipText:d,icon:s,position:h,isRound:p,isDropdownOpen:w,tootipWidth:b})}))}))})};

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),s=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),a=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(o).default(s.OpenDropdownContainer)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("react-popper"),s=require("styled-components"),o=require("../dropShadow/DropShadow.js"),r=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),p=require("../input/Input.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=u(s).default(r.OpenDropdownContainer)`
 	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
 	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=o=>{let{inputProps:s,dropdownProps:d,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,O]=t.useState(!1),[g,h]=t.useState(null),[x,y]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(x,g,{placement:d.placement,strategy:d.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t.useEffect((()=>{if(!w){const e=setTimeout((()=>D(!1)),200);return()=>clearTimeout(e)}D(!0),P&&P()}),[w,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},u,{refElement:m},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:y},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a.Input,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),w?O(!1):d.disabled||O(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))}))})),e.jsx(p,Object.assign({ref:h,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(i.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var t;"2.0"===d.version&&d.isMultiSelect||(null===(t=d.onSelect)||void 0===t||t.call(d,e),O(!1))},onClose:e=>{var t,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(t=d.onSelect)||void 0===t||t.call(d,[...e])),O(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:m},{children:c&&e.jsx("div",{children:c})}))]})};
+`;exports.FloatingInputDropdown=s=>{let{inputProps:r,dropdownProps:u,floaterProps:d,children:c,isVisible:j,onDropdownOptionClick:x,onChangeText:f}=s;const m=t.useRef(null),v=t.useRef(null),[b,w]=t.useState(!1),[O,g]=t.useState(null),[h,R]=t.useState(null),[y,E]=t.useState(!1),{styles:S,attributes:D,update:q,forceUpdate:C}=n.usePopper(h,O,{placement:u.placement,strategy:u.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t.useEffect((()=>{if(!b){const e=setTimeout((()=>E(!1)),200);return()=>clearTimeout(e)}E(!0),q&&q()}),[b,q]),t.useEffect((()=>{if(m.current){const e=new ResizeObserver((()=>{q&&q()}));return e.observe(m.current),()=>{e.disconnect()}}}),[m.current,q]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j&&e.jsxRuntimeExports.jsxs(l.Floater,Object.assign({},d,{refElement:v},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"relative"},ref:R},{children:e.jsxRuntimeExports.jsx(o.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsxRuntimeExports.jsx(p.Input,Object.assign({},r,{onClick:()=>{var e;null===(e=u.onDropdownOpen)||void 0===e||e.call(u),b?w(!1):u.disabled||w(!0),null==C||C()},ref:m,onChangeText:(e,t)=>{null==f||f(e,t),q&&q()}}))}))})),e.jsxRuntimeExports.jsx(a,Object.assign({ref:g,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},D.popper,{visible:b||y},{children:e.jsxRuntimeExports.jsx(o.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsxRuntimeExports.jsx(i.OpenedDropdown,Object.assign({},u,{onSelect:e=>{var t;"2.0"===u.version&&u.isMultiSelect||(null===(t=u.onSelect)||void 0===t||t.call(u,e),w(!1))},onClose:e=>{var t,n;"2.0"===u.version&&u.isMultiSelect&&e&&(null===(t=u.onSelect)||void 0===t||t.call(u,[...e])),w(!1),null===(n=null==u?void 0:u.onClose)||void 0===n||n.call(u)},version:u.version,headerRef:m,onDropdownItemClick:e=>{null==x||x(e)}}))}))}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:v},{children:c&&e.jsxRuntimeExports.jsx("div",{children:c})}))]})};

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef(((o,s)=>{var{id:n,iconButtonType:c="default",Icon:a,height:u=20,width:b=20,bordered:y,disabled:p,isSelected:j,style:h,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,j),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:h,iconButtonType:c,bordered:y,disabled:p,isSelected:j},B,{children:d.default.createElement(a,{height:u,width:b,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,Object.assign({body:v},{children:t.jsx("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:T}))})):T}));n.displayName="IconButton",exports.IconButton=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),o=require("react"),i=require("../tooltips/Tooltip.js"),s=require("./IconButton.styled.js"),r=require("./theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(o);const d=o.forwardRef(((o,l)=>{var{id:d,iconButtonType:c="default",Icon:u,height:a=20,width:p=20,bordered:b,disabled:j,isSelected:y,style:h,svgStyle:x,iconColor:f,disabledTooltip:g}=o,m=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const v=r.getIconColor(c,j,y),B=t.jsxRuntimeExports.jsx(s.IconButton,Object.assign({id:d,ref:l,style:h,iconButtonType:c,bordered:b,disabled:j,isSelected:y},m,{children:n.default.createElement(u,{height:a,width:p,color:f||v,style:Object.assign({display:"block"},null!=x?x:{})})}));return j&&g?t.jsxRuntimeExports.jsx(i.Tooltip,Object.assign({body:g},{children:t.jsxRuntimeExports.jsx("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:B}))})):B}));d.displayName="IconButton",exports.IconButton=d;

package/dist/cjs/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsx(o.StyledModal,Object.assign({open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)}))}}},{children:t.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsx("div",{children:t.jsx(n.default,Object.assign({crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio},{children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})}))})}))}))};exports.BikImageCropper=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),o=require("react-image-crop"),r=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(o);const s=o=>{const[a,s]=i.useState(!1),[d,l]=i.useState(void 0),[c,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),p=(t,i,o,r)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsxRuntimeExports.jsx(r.StyledModal,Object.assign({open:!0,onClose:o.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=d,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),o.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=o.src;const r=i.naturalWidth/c.width,n=i.naturalHeight/c.height,s=yield p(i,t,r,n);yield null===(e=null==o?void 0:o.onCropComplete)||void 0===e?void 0:e.call(o,s,a)}else yield null===(i=null==o?void 0:o.onCropComplete)||void 0===i?void 0:i.call(o,o.src,a);g(!1)}))}}},{children:t.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(n.default,Object.assign({crop:d,onChange:e=>{l(e)},circularCrop:!1,onDragStart:()=>{s(!0)},aspect:o.aspectRatio},{children:t.jsxRuntimeExports.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:o.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})}))})}))}))};exports.BikImageCropper=s,exports.default=s;

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

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

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

@@ -65,5 +65,9 @@ export interface InputProps {
     hightlightInputColor?: string;
     onKeyDownEvent?: (e: Event) => void;
     hideInputHeader?: boolean;
+    hideBorder?: boolean;
+    inputWrapperStyles?: React.CSSProperties;
+    minCharsToTrigger?: number;
+    isDisabled?: boolean;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;