@bikdotai/bik-component-library 0.0.737-beta.2 → 0.0.738-0

package/dist/esm/components/dropdown/ChipDropdown.d.ts

@@ -4,5 +4,4 @@ export declare const ChipDropdown: React.FC<DropdownProps>;
 export declare const ChipDropdownContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
     height?: string | undefined;
-    backgroundColor?: string | undefined;
 }, never>;

package/dist/esm/components/dropdown/ChipDropdown.js

@@ -1,8 +1,8 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as i}from"react";import n from"styled-components";import{Tag as l}from"../tag/Tag.js";import{COLORS as s}from"../../constants/Theme.js";import d from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/chevronDownOutline.svg.js";import p from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as c}from"../TypographyStyle.js";import{DropdownPopover as g}from"./DropdownPopover/index.js";const h=n=>{var h,u,{placeHolder:f,onSelect:v,backgroundColor:y}=n,b=o(n,["placeHolder","onSelect","backgroundColor"]);const[j,w]=e(!1),x=i();return t(g,Object.assign({ref:x,onDropdownVisbilityChange:o=>w(o),onSelect:function(o){null==v||v(o)}},b,{children:"default"==b.inputType?r(m,Object.assign({width:null===(h=null==b?void 0:b.inputStyle)||void 0===h?void 0:h.width,height:null===(u=null==b?void 0:b.inputStyle)||void 0===u?void 0:u.height,backgroundColor:y},{children:[t(c,Object.assign({color:s.content.placeholder},{children:f})),t(d,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:s.content.primary})]})):t(l,{tagText:null!=f?f:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:j?p:a})}))};h.displayName="ChipDropdown";const m=n.div`
+import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useRef as r}from"react";import i from"styled-components";import{Tag as n}from"../tag/Tag.js";import{COLORS as s}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import p from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DropdownPopover as c}from"./DropdownPopover/index.js";const h=i=>{var{placeHolder:h,onSelect:g}=i,j=t(i,["placeHolder","onSelect"]);const[u,f]=o(!1),x=r();return e.jsx(c,Object.assign({ref:x,onDropdownVisbilityChange:t=>f(t),onSelect:function(t){null==g||g(t)}},j,{children:"default"==j.inputType?e.jsxs(m,Object.assign({width:null==j?void 0:j.width,height:null==j?void 0:j.height},{children:[e.jsx(d,Object.assign({color:s.content.placeholder},{children:h})),e.jsx(l,{style:{transform:u?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:s.content.primary})]})):e.jsx(n,{tagText:null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:u?a:p})}))};h.displayName="ChipDropdown";const m=i.div`
 	display: flex;
 	flex-direction: row;
-	width: ${o=>(null==o?void 0:o.width)?o.width:"240px"};
-	height: ${o=>(null==o?void 0:o.height)?o.height:"32px"};
+	width: ${t=>(null==t?void 0:t.width)?t.width:"240px"};
+	height: ${t=>(null==t?void 0:t.height)?t.height:"32px"};
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
@@ -11,5 +11,4 @@ import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r}from
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
-	${o=>o.backgroundColor&&`background-color: ${o.backgroundColor};`}
 `;export{h as ChipDropdown,m as ChipDropdownContainer};

package/dist/esm/components/dropdown/ChipInput.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import i from"../../utils/StringUtils.js";import{COLORS as r}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/errorInfo.svg.js";import{InputFooter as d}from"../input/Input.styled.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodyCaption as p}from"../TypographyStyle.js";import{ChipInputWrapper as g}from"./Common.styled.js";const j=j=>{let{chips:b,onDeleteChip:f,containerStyle:v={},sizeToUse:y="default",isDropdownOpened:O,placeholder:u="Select..",errorMessage:x="",showLabelsOnMoreHover:T=!1}=j;const[w,I]=o(),[C,S]=o(0),[z,D]=o([]);return l((()=>{if(!b)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(b);let s=b.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&b.length>0&&(s=[b[0]]),I(s);const o=b.filter((e=>!s.includes(e))).map((e=>e.label));D(o),S(b.length-s.length)}),[b]),e(t,{children:[e(g,Object.assign({style:Object.assign({},v),error:!!x},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==w?void 0:w.map(((e,t)=>s("div",Object.assign({style:{zIndex:2}},{children:s(h,Object.assign({tagText:i.truncateText(e.selectedLabel||e.label,40),TrailingIcon:()=>s(c,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{f(e)}})},{children:e.selectedLabel||e.label}))}),t))),!!C&&s("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:s(m,Object.assign({body:"",placement:"bottom",tooltipContent:T&&z.length>0?s("div",Object.assign({style:{padding:"4px"}},{children:z.map(((e,t)=>s(p,Object.assign({style:{color:r.text.white}},{children:e}),t)))})):void 0},{children:s(p,Object.assign({color:r.content.placeholder},{children:`+${C} more`}))}))})),0===b.length&&s("div",Object.assign({style:{color:r.content.placeholder}},{children:u}))]})),s("div",{children:s(n,{style:{transform:O?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===y?16:"small"===y?20:24,height:"x-small"===y?16:"small"===y?20:24,color:r.content.primary})})]})),!!x&&e(d,Object.assign({invalid:!0},{children:[!!x&&s(a,{width:16,height:16}),x]}))]})};export{j as default};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as s}from"react";import o from"../../utils/StringUtils.js";import{COLORS as l}from"../../constants/Theme.js";import n from"../../assets/icons/chevronDown.svg.js";import r from"../../assets/icons/cross.svg.js";import i from"../../assets/icons/errorInfo.svg.js";import{InputFooter as c}from"../input/Input.styled.js";import{Tag as a}from"../tag/Tag.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodyCaption as m}from"../TypographyStyle.js";import{ChipInputWrapper as h}from"./Common.styled.js";const j=j=>{let{chips:g,onDeleteChip:p,containerStyle:x={},sizeToUse:b="default",isDropdownOpened:f,placeholder:v="Select..",errorMessage:y="",showLabelsOnMoreHover:u=!1}=j;const[O,T]=t(),[w,I]=t(0),[C,S]=t([]);return s((()=>{if(!g)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(g);let s=g.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&g.length>0&&(s=[g[0]]),T(s);const o=g.filter((e=>!s.includes(e))).map((e=>e.label));S(o),I(g.length-s.length)}),[g]),e.jsxs(e.Fragment,{children:[e.jsxs(h,Object.assign({style:Object.assign({},x),error:!!y},{children:[e.jsxs("div",Object.assign({className:"chips-container"},{children:[null==O?void 0:O.map(((t,s)=>e.jsx("div",Object.assign({style:{zIndex:2}},{children:e.jsx(a,Object.assign({tagText:o.truncateText(t.selectedLabel||t.label,40),TrailingIcon:()=>e.jsx(r,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{p(t)}})},{children:t.selectedLabel||t.label}))}),s))),!!w&&e.jsx("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:e.jsx(d,Object.assign({body:"",placement:"bottom",tooltipContent:u&&C.length>0?e.jsx("div",Object.assign({style:{padding:"4px"}},{children:C.map(((t,s)=>e.jsx(m,Object.assign({style:{color:l.text.white}},{children:t}),s)))})):void 0},{children:e.jsx(m,Object.assign({color:l.content.placeholder},{children:`+${w} more`}))}))})),0===g.length&&e.jsx("div",Object.assign({style:{color:l.content.placeholder}},{children:v}))]})),e.jsx("div",{children:e.jsx(n,{style:{transform:f?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===b?16:"small"===b?20:24,height:"x-small"===b?16:"small"===b?20:24,color:l.content.primary})})]})),!!y&&e.jsxs(c,Object.assign({invalid:!0},{children:[!!y&&e.jsx(i,{width:16,height:16}),y]}))]})};export{j as default};

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

@@ -16,6 +16,5 @@ export type DropdownProps = OpenDropdownProps & {
     showLeadingIconInPlaceholder?: boolean;
     showTrailingIconPlaceholder?: boolean;
     showLabelsOnMoreHover?: boolean;
-    backgroundColor?: string;
 };
 export declare const Dropdown: React.FC<DropdownProps>;

package/dist/esm/components/dropdown/Dropdown.js

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useRef as r,useEffect as i}from"react";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as d}from"../input/Input.js";import{InputStyleContext as c}from"../input/context/InputStyleProvider.js";import p from"./ChipInput.js";import{DropdownPopover as h}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as u}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var g,f,w,b,x,{placeHolder:I,size:j,onSelect:O,defaultOptions:y,disabled:H,noErrorHint:S,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:C="default",onDeleteChip:E,truncatedText:L,showLeadingIconInPlaceholder:M=!1,showTrailingIconPlaceholder:z=!1,showLabelsOnMoreHover:W=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[_,k]=l(!1),N=null!=j?j:"default",U=r(),[V,q]=l(null!=y?y:[]);i((()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),q([...o])}),[A.options]),i((()=>{y&&q([...y])}),[y]);const B=u(V);return o(c.Provider,Object.assign({value:{InputWrapper:Object.assign({height:T||("x-small"===N?24:"small"===N?32:48),width:null!==(f=null!==(g=A.buttonWidth)&&void 0!==g?g:A.width)&&void 0!==f?f:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===N?"4px 8px":"6px 8px"},P),input:{minHeight:"100%"}}},{children:n(h,Object.assign({"data-test":A["data-test"],ref:U,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==O||O(e)},disabled:H,onDropdownVisbilityChange:e=>k(e)},A,{children:["default"==C&&o(d,{version:A.version,noErrorHint:S,state:H?"disabled":"none",value:D?I:null!=B?B:"",errorMessage:A.error,variant:N,placeholder:null!=I?I:"Select an option",width:null!==(w=A.width)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:M&&(null===(b=V[0])||void 0===b?void 0:b.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=V[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return n("div",Object.assign({style:{display:"flex"}},{children:[z&&(null===(e=V[0])||void 0===e?void 0:e.trailingIcon),o(a,{style:{transform:_?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===N?16:"small"===N?20:24,height:"x-small"===N?16:"small"===N?20:24,color:s.content.primary})]}))}},truncateText:null==L||L}),"chip"==C&&o(p,{placeholder:null!=I?I:"Select options",chips:V,onDeleteChip:e=>{null==E||E(e)},errorMessage:A.error,isDropdownOpened:_,sizeToUse:N,containerStyle:{width:null!==(x=A.width)&&void 0!==x?x:"100%",cursor:"pointer"},showLabelsOnMoreHover:W})]}))}))};v.displayName="Dropdown";export{v as Dropdown};
+import{__rest as e}from"../../_virtual/_tslib.js";import{j as o}from"../../node_modules/react/jsx-runtime.js";import{useState as n,useRef as t,useEffect as l}from"react";import{COLORS as r}from"../../constants/Theme.js";import i from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import d from"./ChipInput.js";import{DropdownPopover as c}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as p}from"./OpenedDropdown/utils/iterationOnOptions.js";function h(){}const u=u=>{var m,v,g,x,j,{placeHolder:f,size:w,onSelect:b,defaultOptions:I,disabled:O,noErrorHint:y,placeHolderHeight:H,showPlaceholderWhenSelected:S=!1,inputStyle:T={},inputType:D="default",onDeleteChip:P,truncatedText:C,showLeadingIconInPlaceholder:E=!1,showTrailingIconPlaceholder:L=!1,showLabelsOnMoreHover:M=!1}=u,z=e(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[W,_]=n(!1),A=null!=w?w:"default",k=t(),[F,N]=n(null!=I?I:[]);l((()=>{var e;const o=[];null===(e=null==z?void 0:z.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),N([...o])}),[z.options]),l((()=>{I&&N([...I])}),[I]);const U=p(F);return o.jsx(a.Provider,Object.assign({value:{InputWrapper:Object.assign({height:H||("x-small"===A?24:"small"===A?32:48),width:null!==(v=null!==(m=z.buttonWidth)&&void 0!==m?m:z.width)&&void 0!==v?v:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===A?"4px 8px":"6px 8px"},T),input:{minHeight:"100%"}}},{children:o.jsxs(c,Object.assign({"data-test":z["data-test"],ref:k,onSelect:function(e){Array.isArray(e)?N([...e]):N([e]),null==b||b(e)},disabled:O,onDropdownVisbilityChange:e=>_(e)},z,{children:["default"==D&&o.jsx(s,{version:z.version,noErrorHint:y,state:O?"disabled":"none",value:S?f:null!=U?U:"",errorMessage:z.error,variant:A,placeholder:null!=f?f:"Select an option",width:null!==(g=z.width)&&void 0!==g?g:"100%",onChangeText:h,leftIcon:E&&(null===(x=F[0])||void 0===x?void 0:x.leadingIcon)?{icon:()=>{var e;return o.jsx(o.Fragment,{children:null===(e=F[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return o.jsxs("div",Object.assign({style:{display:"flex"}},{children:[L&&(null===(e=F[0])||void 0===e?void 0:e.trailingIcon),o.jsx(i,{style:{transform:W?"rotate(180deg)":"rotate(0deg)"},onClick:h,width:"x-small"===A?16:"small"===A?20:24,height:"x-small"===A?16:"small"===A?20:24,color:r.content.primary})]}))}},truncateText:null==C||C}),"chip"==D&&o.jsx(d,{placeholder:null!=f?f:"Select options",chips:F,onDeleteChip:e=>{null==P||P(e)},errorMessage:z.error,isDropdownOpened:W,sizeToUse:A,containerStyle:{width:null!==(j=z.width)&&void 0!==j?j:"100%",cursor:"pointer"},showLabelsOnMoreHover:M})]}))}))};u.displayName="Dropdown";export{u as Dropdown};

package/dist/esm/components/dropdown/DropdownPopover/index.d.ts

@@ -13,12 +13,6 @@ export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdo
     allowEvents?: boolean | undefined;
     'data-test'?: string | undefined;
     isChildLoading?: boolean | undefined;
-    /**
-     * If true, forces the dropdown to remain open regardless of user interaction or internal state.
-     * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.
-     * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.
-     */
-    forceOpen?: boolean | undefined;
 } & React.RefAttributes<{
     openDropdown: boolean;
 }>>;

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

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

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

@@ -1,6 +1,6 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import i from"../../../assets/icons/horizontal_dots.svg.js";import r from"../../../assets/icons/vertical_dots.svg.js";import s from"styled-components";import{IconButton as t}from"../../icon-button/IconButton.js";import{COLORS as n}from"../../../constants/Theme.js";import{DropdownPopover as a}from"../DropdownPopover/index.js";const d=s.div`
+import{j as o}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/horizontal_dots.svg.js";import e from"../../../assets/icons/vertical_dots.svg.js";import i from"styled-components";import{IconButton as r}from"../../icon-button/IconButton.js";import{COLORS as t}from"../../../constants/Theme.js";import{DropdownPopover as n}from"../DropdownPopover/index.js";const a=i.div`
 	:hover {
-		background: ${n.surface.subdued};
+		background: ${t.surface.subdued};
 	}
 	position: ${o=>o.isNewTag?"relative":""};
 	.new--tag {
@@ -11,10 +11,10 @@ import{jsx as o,jsxs as e}from"react/jsx-runtime";import i from"../../../assets/
 		border-radius: 50%;
 		width: 14px;
 		height: 14px;
-		background: ${n.background.negative.vibrant};
-		border: 1.25px solid ${n.surface.standard};
+		background: ${t.background.negative.vibrant};
+		border: 1.25px solid ${t.surface.standard};
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}
-`,c=s=>o(d,Object.assign({isNewTag:s.isNewTag},{children:e(a,Object.assign({},s,{children:[o("div",{children:o(t,{Icon:s.isHorizontal?i:r,bordered:!(null==s?void 0:s.hideBorder)})}),s.isNewTag?o("div",{className:"new--tag"}):null]}))}));c.displayName="MenuItemDropdown";export{c as MenuItemDropdown};
+`,d=i=>o.jsx(a,Object.assign({isNewTag:i.isNewTag},{children:o.jsxs(n,Object.assign({},i,{children:[o.jsx("div",{children:o.jsx(r,{Icon:i.isHorizontal?s:e,bordered:!(null==i?void 0:i.hideBorder)})}),i.isNewTag?o.jsx("div",{className:"new--tag"}):null]}))}));d.displayName="MenuItemDropdown";export{d as MenuItemDropdown};

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l,version:m}=s;return t(n,Object.assign({version:m},{children:e("div",Object.assign({style:{padding:"2.0"===m?12:24}},{children:[t(r,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:c})),t(o,Object.assign({style:{color:i.content.secondary}},{children:l}))]}))}))};export{s as Description};
+import{j as s}from"../../../../../node_modules/react/jsx-runtime.js";import{TitleRegular as t,BodySecondary as e}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{DescriptionContainer as o}from"./Description.styled.js";const n=n=>{let{title:i,description:c,version:j}=n;return s.jsx(o,Object.assign({version:j},{children:s.jsxs("div",Object.assign({style:{padding:"2.0"===j?12:24}},{children:[s.jsx(t,Object.assign({style:{color:r.content.primary,marginBottom:4}},{children:i})),s.jsx(e,Object.assign({style:{color:r.content.secondary}},{children:c}))]}))}))};export{n as Description};

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

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

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -9,8 +9,6 @@ interface MenuItemProps {
     last?: boolean;
     version?: '1.0' | '2.0';
     useDefaultCursor?: boolean;
-    isFocused?: boolean;
-    dataIndex?: number;
 }
 export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

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

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -9,7 +9,6 @@ interface MenuListProps {
     onInfiniteScroll?: () => void;
     onDropdownItemClick?: (option: DropdownOption) => void;
     useDefaultCursor?: boolean;
-    focusedIndex?: number;
 }
 export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
 export {};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useCallback as s,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as l}from"./MenuList.styled.js";const u=r(((r,u)=>{let{options:a,isMultiSelect:d,showDescription:p,onSelect:f,version:m,onInfiniteScroll:g,onDropdownItemClick:h,useDefaultCursor:b,focusedIndex:I=-1}=r;const D=o(null),j=o(null),v=s((()=>{D.current&&D.current.disconnect(),D.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==g||g())})),j.current&&D.current.observe(j.current)}),[g]);i((()=>(v(),()=>{D.current&&D.current.disconnect()})),[v,a]);const w=new Map;let S=-1;return a.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(S++,w.set(e,S))}));else{const n=e;n.disabled||(S++,w.set(n,S))}})),e(n,{children:a.map(((n,r)=>{const o=r===a.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===m?2:0}},{children:[t(l,Object.assign({version:m},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=w.get(n),i=o===I&&!n.disabled;return e(c,{version:m,last:t===s.options.length-1,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:n,useDefaultCursor:b,isFocused:i,dataIndex:o,ref:e=>{u&&"object"==typeof u&&u.current&&e&&e&&e&&e&&(u.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:j}):null]}),r)}const s=n,i=w.get(s),g=i===I&&!s.disabled;return t("div",{children:[e(c,{version:m,last:o,onSelect:f,showDescription:p,onDropdownItemClick:h,isMultiSelect:d,option:s,useDefaultCursor:b,isFocused:g,dataIndex:i,ref:e=>{u&&"object"==typeof u&&u.current&&e&&(u.current[r]=e)}},r),o?e("span",{ref:j}):null]},r)}))})}));export{u as MenuList};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{forwardRef as n,useRef as t,useCallback as r,useEffect as s}from"react";import{MenuItem as o}from"./MenuItem.js";import{StyledGroupedLabel as i}from"./MenuList.styled.js";const c=n(((n,c)=>{let{options:l,isMultiSelect:u,showDescription:p,onSelect:a,version:j,onInfiniteScroll:m,onDropdownItemClick:d,useDefaultCursor:f}=n;const g=t(null),h=t(null),x=r((()=>{g.current&&g.current.disconnect(),g.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==m||m())})),h.current&&g.current.observe(h.current)}),[m]);return s((()=>(x(),()=>{g.current&&g.current.disconnect()})),[x,l]),e.jsx(e.Fragment,{children:l.map(((n,t)=>{const r=t===l.length-1;if(n.options){const s=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===j?2:0}},{children:[e.jsxs(i,Object.assign({version:j},{children:[s.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,r)=>e.jsx(o,{version:j,last:r===s.options.length-1,onSelect:a,showDescription:p,onDropdownItemClick:d,isMultiSelect:u,option:n,useDefaultCursor:f,ref:e=>{c&&"object"==typeof c&&c.current&&e&&e&&e&&e&&(c.current[t]=e)}},`${t}-${r}`))),r?e.jsx("span",{ref:h}):null]}),t)}return e.jsxs("div",{children:[e.jsx(o,{version:j,last:r,onSelect:a,showDescription:p,onDropdownItemClick:d,isMultiSelect:u,option:n,useDefaultCursor:f,ref:e=>{c&&"object"==typeof c&&c.current&&e&&(c.current[t]=e)}},t),r?e.jsx("span",{ref:h}):null]},t)}))})}));export{c as MenuList};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

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

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../../button/Button.js";import{BodySecondary as n}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{BottomBarContainer as s}from"./MultiSelectDropdownBottomBar.styled.js";const l=l=>{const{onClear:i,onApply:p,list:a,buttonText:c,buttonOptions:y}=l,{primaryButtonText:u,primaryButtonType:m,secondaryButtonText:d,secondaryButtonType:f}=null!=y?y:{},b=a.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(s,Object.assign({style:{justifyContent:"space-between"}},{children:[e(n,Object.assign({style:{flex:1,color:r.content.primary}},{children:b?`${b} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:f||"primary",buttonText:d||"Clear",onClick:i}),e(o,{size:"small",buttonText:u||c||"Apply",buttonType:m||"primary",onClick:()=>{p()}})]}))]}))};export{l as default};
+import{j as t}from"../../../../../node_modules/react/jsx-runtime.js";import{Button as e}from"../../../../button/Button.js";import{BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as s}from"../../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const r=r=>{const{onClear:l,onApply:i,list:p,buttonText:a,buttonOptions:c}=r,{primaryButtonText:u,primaryButtonType:y,secondaryButtonText:m,secondaryButtonType:d}=null!=c?c:{},j=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t.jsxs(n,Object.assign({style:{justifyContent:"space-between"}},{children:[t.jsx(o,Object.assign({style:{flex:1,color:s.content.primary}},{children:j?`${j} selected`:""})),t.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[t.jsx(e,{size:"small",buttonType:d||"primary",buttonText:m||"Clear",onClick:l}),t.jsx(e,{size:"small",buttonText:u||a||"Apply",buttonType:y||"primary",onClick:()=>{i()}})]}))]}))};export{r as default};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

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

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const i=i=>{let{searchedString:r,height:n,isLoading:o,containerWidth:s}=i;return t("div",Object.assign({style:{height:n,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:o,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:s})}))};export{i as SearchZeroState};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{ZeroState as t}from"../../../../zeroState/ZeroState.js";const i=i=>{let{searchedString:r,height:s,isLoading:n,containerWidth:o}=i;return e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=r?r:""}"`,containerWidth:o})}))};export{i as SearchZeroState};

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

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

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

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

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

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

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

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

package/dist/esm/components/floater/floater.js

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

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

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

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

@@ -1,5 +1,5 @@
-import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as c}from"../dropdown/Common.styled.js";import{OpenedDropdown as d}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(c)`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useRef as o,useState as n,useEffect as t}from"react";import{usePopper as i}from"react-popper";import s from"styled-components";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as l}from"../dropdown/Common.styled.js";import{OpenedDropdown as p}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as d}from"../floater/floater.js";import{Input as a}from"../input/Input.js";const c=s(l)`
 	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
 	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,f=s=>{let{inputProps:c,dropdownProps:f,floaterProps:v,children:b,isVisible:g,onDropdownOptionClick:h,onChangeText:j}=s;const O=t(null),w=t(null),[y,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.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"]}}]});r((()=>{if(!y){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[y,I]),r((()=>{if(O.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(O.current),()=>{e.disconnect()}}}),[O.current,I]);return e(o,{children:[g&&e(a,Object.assign({},v,{refElement:w},{children:[n("div",Object.assign({style:{position:"relative"},ref:k},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(m,Object.assign({},c,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),y?C(!1):f.disabled||C(!0),null==M||M()},ref:O,onChangeText:(e,o)=>{null==j||j(e,o),I&&I()}}))}))})),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:y||z},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(d,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:O,onDropdownItemClick:e=>{null==h||h(e)}}))}))}))]})),n("div",Object.assign({ref:w},{children:b&&n("div",{children:b})}))]})};export{f as FloatingInputDropdown};
+`,m=s=>{let{inputProps:l,dropdownProps:m,floaterProps:u,children:f,isVisible:j,onDropdownOptionClick:v,onChangeText:b}=s;const g=o(null),h=o(null),[O,x]=n(!1),[w,y]=n(null),[C,S]=n(null),[D,k]=n(!1),{styles:z,attributes:P,update:R,forceUpdate:T}=i(C,w,{placement:m.placement,strategy:m.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((()=>{if(!O){const e=setTimeout((()=>k(!1)),200);return()=>clearTimeout(e)}k(!0),R&&R()}),[O,R]),t((()=>{if(g.current){const e=new ResizeObserver((()=>{R&&R()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,R]);return e.jsxs(e.Fragment,{children:[j&&e.jsxs(d,Object.assign({},u,{refElement:h},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:S},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a,Object.assign({},l,{onClick:()=>{var e;null===(e=m.onDropdownOpen)||void 0===e||e.call(m),O?x(!1):m.disabled||x(!0),null==T||T()},ref:g,onChangeText:(e,o)=>{null==b||b(e,o),R&&R()}}))}))})),e.jsx(c,Object.assign({ref:y,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},P.popper,{visible:O||D},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(p,Object.assign({},m,{onSelect:e=>{var o;"2.0"===m.version&&m.isMultiSelect||(null===(o=m.onSelect)||void 0===o||o.call(m,e),x(!1))},onClose:e=>{var o,n;"2.0"===m.version&&m.isMultiSelect&&e&&(null===(o=m.onSelect)||void 0===o||o.call(m,[...e])),x(!1),null===(n=null==m?void 0:m.onClose)||void 0===n||n.call(m)},version:m.version,headerRef:g,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:h},{children:f&&e.jsx("div",{children:f})}))]})};export{m as FloatingInputDropdown};

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

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

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

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

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

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

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

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