@bikdotai/bik-component-library 0.0.686 → 0.0.687-beta.2

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{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import l,{useState as t,useRef as n,useImperativeHandle as i,useEffect as p}from"react";import{usePopper as a}from"react-popper";import{DropShadow as d}from"../../dropShadow/DropShadow.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{OverLapAbs as s,OpenDropdownContainer as f}from"../Common.styled.js";import{OpenedDropdown as u}from"../OpenedDropdown/components/OpennedDropdown.js";var m=Object.defineProperty,v=Object.defineProperties,w=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,O=(e,o,r)=>o in e?m(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,D=(e,o)=>{for(var r in o||(o={}))y.call(o,r)&&O(e,r,o[r]);if(b)for(var r of b(o))h.call(o,r)&&O(e,r,o[r]);return e},j=(e,o)=>v(e,w(o));const C=l.forwardRef(((l,m)=>{var v=l,{children:w,onDropdownVisbilityChange:O,version:C="1.0",tooltipContent:S,tooltipDirection:g,showTooltipArrow:P}=v,x=((e,o)=>{var r={};for(var l in e)y.call(e,l)&&o.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&b)for(var l of b(e))o.indexOf(l)<0&&h.call(e,l)&&(r[l]=e[l]);return r})(v,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const A=m,[M,R]=t(!1),[T,z]=t(null),[I,V]=t(null),k=n(null),{styles:E,attributes:N}=a(T,I,{placement:x.placement,strategy:x.strategy}),q=e=>{var o,r;x.isMultiSelect&&e&&(null==(o=x.onSelect)||o.call(x,[...e])),R(!1),null==(r=null==x?void 0:x.onClose)||r.call(x)};i(A,(()=>({openDropdown:M})),[]),p((()=>{(null==A?void 0:A.current)&&(A.current.openDropdown=M)}),[M]),p((()=>{null==O||O(M)}),[M]);const B=()=>r(o,{children:[r("div",{style:{position:"relative"},ref:z,children:[e(s,{ref:k,disabled:x.disabled,onClick:e=>{var o;null==(o=x.onDropdownOpen)||o.call(x),M?(R(!1),e.preventDefault()):x.disabled||R(!0)}}),w]}),M&&e(f,j(D({ref:V,style:j(D({},E.popper),{zIndex:3})},N.popper),{children:e(d,{level:"z2",position:"down",style:{borderRadius:8},children:e(u,j(D({},x),{onSelect:e=>{var o;"2.0"===C&&x.isMultiSelect||(null==(o=x.onSelect)||o.call(x,e),R(!1))},onClose:q,version:C,headerRef:k}))})}))]});return e(o,{children:M||void 0===S?B():e(c,{body:S,placement:g,hideArrow:!P,children:e("div",{children:B()})})})}));C.displayName="MultilevelDropdownPopover";export{C 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 i}from"react";import{ZeroState as r}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 p}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as h,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";const b=304,g=290,j=j=>{let{options:O,isSearchable:v,isMultiSelect:w,maxSelections:y,width:C,allowFreeForm:x,height:D,onClose:M,onSelect:L,onSearch:k,version:A,skipSorting:F,headerRef:I,hideSelectAll:B,primaryButtonText:H,onInfiniteScroll:T,onMultiSelectClear:z,onDropdownItemClick:R,buttonOptions:W,isSearchLoading:Z,disableSearchOptions:q,disableSearchedOptionExcept:E,useDefaultCursor:K,containerStyle:N={},zeroState:P}=j;const{dropdownOptions:G,search:J,searchedString:Q,searchedOptions:U,onApplyHandler:V,selectAllHandler:X,onMultiSelectClear:Y,onFreeFormSelect:$,onMultiSelectApply:_,latestDropdownOptionsRef:ee,getSelectedOptions:te,getCurrentSelectionCount:oe}=l(A,O,L,F,w,k,q,E,y),[ne,ie]=o(null!=C?C:g),[re,se]=o(null),le=n(null),ce=n([]);s(le,(()=>{if(se(null),w&&"2.0"===A){const e=te(ee.current);null==M||M(e)}else null==M||M(G)}),[I,ce]);const ae=null!=D?D:b,ue="number"==typeof ae?v&&w?ae-96:v&&!w||!v&&w?ae-48:ae:ae;i((()=>{const e=null!=C?C:g;if(null===re)ie(e);else if("number"==typeof e)ie(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ie(t)}}),[re]);const pe=[],de=(e=>{if(!w||!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})((Q&&k?U:G).map((e=>{var t,o;if(Q&&!k){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(Q.toLowerCase()))&&(pe.push(!Q||e.label===Q),!0)})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(Q.toLowerCase()))||(null===(o=e.searchKey)||void 0===o?void 0:o.toLowerCase().includes(Q.toLowerCase()))?(pe.push(!Q||e.label===Q),e):null}return e})).filter((e=>null!==e))),he=!!v&&Q&&0===de.length;return e(h,Object.assign({version:A,ref:le,style:Object.assign({width:ne},N)},{children:[e("div",Object.assign({style:{width:re?"50%":"100%",display:"flex",flexDirection:"column",background:"white"}},{children:[!!v&&t(f,{onSearch:J,version:A}),de.length||Q?e(m,Object.assign({minHeight:ae,maxHeight:ue},{children:[!!w&&!he&&!B&&t(p,{version:A,options:Q&&k?U:G,onSelect:X}),!x&&he&&t(S,{isLoading:Z,height:ue,searchedString:Q,containerWidth:C}),x&&(he||!!pe.length&&pe.every((e=>!1===e)))&&t(a,{version:A,isMultiSelect:w,onSelect:$,searchedString:Q}),t(u,{onInfiniteScroll:T,onDropdownItemClick:R,version:A,onSelect:V,showDescription:function(e,t){se(e&&t?{title:e,description:t}:null)},isMultiSelect:w,options:de,useDefaultCursor:K,ref:ce})]})):t("div",Object.assign({style:{height:ae,display:"flex"}},{children:t(r,Object.assign({},P,{title:(null==P?void 0:P.title)||"No results found",subTitle:(null==P?void 0:P.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))})),!!w&&!(!de.length&&!Q)&&"2.0"!==A&&t(d,{onClear:()=>{Y(),null==z||z()},onApply:_,list:Q&&k?U:G,buttonText:H,buttonOptions:W})]})),!!re&&t(c,{title:re.title,description:re.description,version:A})]}))};export{j as OpenedDropdown};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as n}from"react";import{ZeroState as l}from"../../../zeroState/ZeroState.js";import{useOutside as i}from"../../../../hooks/useOutside.js";import{useDropdown as s}from"../../hooks/useDropdown.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as a}from"./menu/FreeFormMenu.js";import{MenuList as p}from"./menu/MenuList.js";import{SelectAllMenu as u}from"./menu/SelectAllMenu.js";import d from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as m,MenuListContainer as f}from"./OpennedDropdown.styled.js";import{SearchBox as h}from"./searchbox/SearchBox.js";import{SearchZeroState as S}from"./searchbox/SearchZeroState.js";var b=Object.defineProperty,y=Object.defineProperties,g=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,j=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,C=(e,t)=>{for(var o in t||(t={}))v.call(t,o)&&j(e,o,t[o]);if(w)for(var o of w(t))O.call(t,o)&&j(e,o,t[o]);return e},x=(e,t)=>y(e,g(t));const D=304,M=290,L=b=>{let{options:y,isSearchable:g,isMultiSelect:w,maxSelections:v,width:O,allowFreeForm:j,height:L,onClose:k,onSelect:A,onSearch:F,version:I,skipSorting:P,headerRef:B,hideSelectAll:H,primaryButtonText:T,onInfiniteScroll:z,onMultiSelectClear:E,onDropdownItemClick:R,buttonOptions:W,isSearchLoading:Z,disableSearchOptions:q,disableSearchedOptionExcept:K,useDefaultCursor:N,containerStyle:G={},zeroState:J}=b;const{dropdownOptions:Q,search:U,searchedString:V,searchedOptions:X,onApplyHandler:Y,selectAllHandler:$,onMultiSelectClear:_,onFreeFormSelect:ee,onMultiSelectApply:te,latestDropdownOptionsRef:oe,getSelectedOptions:re,getCurrentSelectionCount:ne}=s(I,y,A,P,w,F,q,K,v),[le,ie]=o(null!=O?O:M),[se,ce]=o(null),ae=r(null),pe=r([]);i(ae,(()=>{if(ce(null),w&&"2.0"===I){const e=re(oe.current);null==k||k(e)}else null==k||k(Q)}),[B,pe]);const ue=null!=L?L:D,de="number"==typeof ue?g&&w?ue-96:g&&!w||!g&&w?ue-48:ue:ue;n((()=>{const e=null!=O?O:M;if(null===se)ie(e);else if("number"==typeof e)ie(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));ie(t)}}),[se]);const me=[],fe=(e=>{if(!w||!v&&0!==v)return e;const t=ne(e)>=v;return t?e.map((e=>{if(e.options)return x(C({},e),{options:e.options.map((e=>x(C({},e),{disabled:e.disabled||!e.selected&&t})))});{const o=e;return x(C({},o),{disabled:o.disabled||!o.selected&&t})}})):e})((V&&F?X:Q).map((e=>{var t,o;if(V&&!F){if(e.options){const t=C({},e);return t.options=t.options.filter((e=>{var t;return!!(null==(t=e.label)?void 0:t.toLowerCase().includes(V.toLowerCase()))&&(me.push(!V||e.label===V),!0)})),t.options.length>0?t:null}return(null==(t=e.label)?void 0:t.toLowerCase().includes(V.toLowerCase()))||(null==(o=e.searchKey)?void 0:o.toLowerCase().includes(V.toLowerCase()))?(me.push(!V||e.label===V),e):null}return e})).filter((e=>null!==e))),he=!!g&&V&&0===fe.length;return e(m,{version:I,ref:ae,style:C({width:le},G),children:[e("div",{style:{width:se?"50%":"100%",display:"flex",flexDirection:"column",background:"white"},children:[!!g&&t(h,{onSearch:U,version:I}),fe.length||V?e(f,{minHeight:ue,maxHeight:de,children:[!!w&&!he&&!H&&t(u,{version:I,options:V&&F?X:Q,onSelect:$}),!j&&he&&t(S,{isLoading:Z,height:de,searchedString:V,containerWidth:O}),j&&(he||!!me.length&&me.every((e=>!1===e)))&&t(a,{version:I,isMultiSelect:w,onSelect:ee,searchedString:V}),t(p,{onInfiniteScroll:z,onDropdownItemClick:R,version:I,onSelect:Y,showDescription:function(e,t){ce(e&&t?{title:e,description:t}:null)},isMultiSelect:w,options:fe,useDefaultCursor:N,ref:pe})]}):t("div",{style:{height:ue,display:"flex"},children:t(l,x(C({},J),{title:(null==J?void 0:J.title)||"No results found",subTitle:(null==J?void 0:J.subTitle)||"Please try again later or contact us at support@bik.ai if you require further assistance."}))}),!!w&&!(!fe.length&&!V)&&"2.0"!==I&&t(d,{onClear:()=>{_(),null==E||E()},onApply:te,list:V&&F?X:Q,buttonText:T,buttonOptions:W})]}),!!se&&t(c,{title:se.title,description:se.description,version:I})]})};export{L 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{jsx as r,jsxs as t}from"react/jsx-runtime";import{TitleRegular as o,BodySecondary as e}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 r(n,{version:m,children:t("div",{style:{padding:"2.0"===m?12:24},children:[r(o,{style:{color:i.content.primary,marginBottom:4},children:c}),r(e,{style:{color:i.content.secondary},children:l})]})})};export{s 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{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,{style:{color:s.content.secondary},children:"Freeform"})})})};export{m as FreeFormMenu};

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

@@ -1,8 +1,8 @@
-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 c}from"../../../../list-item/ListItem.js";import{Tooltip as a}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(c)`
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"../../../../../assets/icons/chevronRight.svg.js";import{forwardRef as n,useState as i}from"react";import l from"styled-components";import{CheckBox as s}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";var v=Object.defineProperty,h=Object.defineProperties,b=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,y=(e,t,o)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,I=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&y(e,o,t[o]);if(g)for(var o of g(t))x.call(t,o)&&y(e,o,t[o]);return e},j=(e,t)=>h(e,b(t));const C=l(a)`
 	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`
+`,w=l.div`
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	border-radius: ${e=>{let{version:t}=e;return"1.0"===t?"0":"8px"}};
 	padding: ${e=>{let{version:t}=e;return"1.0"===t?"0":"4px"}};
@@ -10,4 +10,4 @@ import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import n from"..
 	border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${p.colorsV2.stroke.primary}`:"none"}};
 	max-height: 248px;
 	overflow-y: auto;
-`,h=i(((i,s)=>{let{option:c,isMultiSelect:h,showDescription:b,onSelect:x,last:f,version:j,onDropdownItemClick:y,useDefaultCursor:C}=i;var I;const[O,k]=r(c.selected),T=(e,t)=>{if(!e.children){w(!e.selected);const o=t?Object.assign(Object.assign({},e),{parent:t}):e;null==y||y(o)}},w=e=>{c.disabled||x(Object.assign(Object.assign({},c),{selected:e}))},D=C?{cursor:"default"}:{};return e(t,{children:e(a,Object.assign({body:"",tooltipContent:c.children?e("div",Object.assign({style:{backgroundColor:p.colorsV2.surface.standard},ref:s,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1)},{children:e(v,Object.assign({version:null!=j?j:"2.0"},{children:c.children.map((t=>{var o;return e(g,{version:j,style:"1.0"!==j&&(null!==(o=null==c?void 0:c.children)&&void 0!==o?o:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),T(t,c)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:c.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},D):Object.assign({},D),onClick:e=>{e.preventDefault(),T(c)},onMouseOver:()=>{c.description?b(c.label,c.description):b()},listItem:{value:c.value,label:c.label},subText:c.subText,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!==(I=c.disabled)&&void 0!==I&&I,isChecked:!!c.selected,onValueChange:w}),e("div",Object.assign({style:{marginRight:"-4px"}},{children:c.leadingIcon}))]})):c.leadingIcon?e(t,{children:c.leadingIcon}):void 0,customComponent:c.customComponent,trailingIcon:c.isFreeForm?e(u,{children:e(d,Object.assign({style:{color:m.content.secondary}},{children:"Freeform"}))}):c.children?e(n,{width:12,height:12}):c.trailingIcon?e(t,{children:c.trailingIcon}):void 0,variant:c.disabled?"inactive":c.selected||!h&&O?"selected":"default"})}))})}));export{h as MenuItem};
+`,O=n(((n,l)=>{let{option:a,isMultiSelect:v,showDescription:h,onSelect:b,last:g,version:f,onDropdownItemClick:x,useDefaultCursor:y}=n;var O;const[k,D]=i(a.selected),T=(e,t)=>{if(!e.children){F(!e.selected);const o=t?j(I({},e),{parent:t}):e;null==x||x(o)}},F=e=>{a.disabled||b(j(I({},a),{selected:e}))},M=y?{cursor:"default"}:{};return e(t,{children:e(c,{body:"",tooltipContent:a.children?e("div",{style:{backgroundColor:p.colorsV2.surface.standard},ref:l,onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),children:e(w,{version:null!=f?f:"2.0",children:a.children.map((t=>{var o;return e(C,{version:f,style:"1.0"!==f&&(null!=(o=null==a?void 0:a.children)?o:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),T(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(C,{version:f,style:I(g?{borderBottom:0}:{},M),onClick:e=>{e.preventDefault(),T(a)},onMouseOver:()=>{a.description?h(a.label,a.description):h()},listItem:{value:a.value,label:a.label},subText:a.subText,leadingIcon:v?o("div",{style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8},children:[e(s,{size:"2.0"===f?"SMALL":"DEFAULT",isDisabled:null!=(O=a.disabled)&&O,isChecked:!!a.selected,onValueChange:F}),e("div",{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,{style:{color:m.content.secondary},children:"Freeform"})}):a.children?e(r,{width:12,height:12}):a.trailingIcon?e(t,{children:a.trailingIcon}):void 0,variant:a.disabled?"inactive":a.selected||!v&&k?"selected":"default"})})})}));export{O as MenuItem};

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 i,useEffect as s}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as l}from"./MenuList.styled.js";const u=r(((r,u)=>{let{options:p,isMultiSelect:a,showDescription:m,onSelect:d,version:f,onInfiniteScroll:g,onDropdownItemClick:h,useDefaultCursor:D}=r;const I=o(null),b=o(null),j=i((()=>{I.current&&I.current.disconnect(),I.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==g||g())})),b.current&&I.current.observe(b.current)}),[g]);return s((()=>(j(),()=>{I.current&&I.current.disconnect()})),[j,p]),e(n,{children:p.map(((n,r)=>{const o=r===p.length-1;if(n.options){const i=n;return t("div",Object.assign({style:{marginTop:"2.0"===f?2:0}},{children:[t(l,Object.assign({version:f},{children:[i.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,t)=>e(c,{version:f,last:t===i.options.length-1,onSelect:d,showDescription:m,onDropdownItemClick:h,isMultiSelect:a,option:n,useDefaultCursor:D,ref:e=>{u&&"object"==typeof u&&u.current&&e&&e&&e&&e&&(u.current[r]=e)}},`${r}-${t}`))),o?e("span",{ref:b}):null]}),r)}return t("div",{children:[e(c,{version:f,last:o,onSelect:d,showDescription:m,onDropdownItemClick:h,isMultiSelect:a,option:n,useDefaultCursor:D,ref:e=>{u&&"object"==typeof u&&u.current&&e&&(u.current[r]=e)}},r),o?e("span",{ref:b}):null]},r)}))})}));export{u as MenuList};
+import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useCallback as i,useEffect as c}from"react";import{MenuItem as l}from"./MenuItem.js";import{StyledGroupedLabel as s}from"./MenuList.styled.js";const u=t(((t,u)=>{let{options:p,isMultiSelect:a,showDescription:m,onSelect:d,version:f,onInfiniteScroll:h,onDropdownItemClick:D,useDefaultCursor:I}=t;const g=o(null),v=o(null),w=i((()=>{g.current&&g.current.disconnect(),g.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==h||h())})),v.current&&g.current.observe(v.current)}),[h]);return c((()=>(w(),()=>{g.current&&g.current.disconnect()})),[w,p]),e(n,{children:p.map(((n,t)=>{const o=t===p.length-1;if(n.options){const i=n;return r("div",{style:{marginTop:"2.0"===f?2:0},children:[r(s,{version:f,children:[i.leadingIcon?e("span",{style:{marginRight:8},children:i.leadingIcon}):null,i.label]}),i.options.map(((n,r)=>e(l,{version:f,last:r===i.options.length-1,onSelect:d,showDescription:m,onDropdownItemClick:D,isMultiSelect:a,option:n,useDefaultCursor:I,ref:e=>{u&&"object"==typeof u&&u.current&&e&&e&&e&&e&&(u.current[t]=e)}},`${t}-${r}`))),o?e("span",{ref:v}):null]},t)}return r("div",{children:[e(l,{version:f,last:o,onSelect:d,showDescription:m,onDropdownItemClick:D,isMultiSelect:a,option:n,useDefaultCursor:I,ref:e=>{u&&"object"==typeof u&&u.current&&e&&(u.current[t]=e)}},t),o?e("span",{ref:v}):null]},t)}))})}));export{u 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{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:r,onSelect:n,version:s}=c;const[a,d]=t("notSelected");function p(){"partiallySelected"===a&&n("notSelected"),"selectAll"===a&&n("notSelected"),"notSelected"===a&&n("selectAll")}return l((()=>{const e=[];r.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")}),[r]),e(i,{version:s,onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",{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};

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

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{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const r=r=>{let{searchedString:i,height:n,isLoading:o,containerWidth:s}=r;return t("div",{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!=i?i:""}"`,containerWidth:s})})};export{r as SearchZeroState};

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -1 +1 @@
-function n(n,t,s){return n.map((n=>{if(n.options){const e=n.options.map((n=>!s||s(n)?Object.assign(Object.assign({},n),t):Object.assign({},n)));return Object.assign(Object.assign({},n),{options:[...e]})}return!s||s(n)?Object.assign(Object.assign({},n),t):Object.assign({},n)}))}function t(n,t){n.forEach((n=>{n.options?n.options.forEach(t):t(n)}))}function s(n){if(n&&n.length)return n.map((n=>{var t;const s=n;return null!==(t=s.selectedLabel)&&void 0!==t?t:s.label})).join(", ")}export{s as getSelectedOptionsAsText,n as iterateOnOptions,t as iterateOnOptionsRaw};
+var e=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,a=(r,t,o)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[t]=o,i=(e,r)=>{for(var t in r||(r={}))n.call(r,t)&&a(e,t,r[t]);if(o)for(var t of o(r))p.call(r,t)&&a(e,t,r[t]);return e};function c(e,o,n){return e.map((e=>{if(e.options){const c=e.options.map((e=>!n||n(e)?i(i({},e),o):i({},e)));return p=i({},e),a={options:[...c]},r(p,t(a))}var p,a;return!n||n(e)?i(i({},e),o):i({},e)}))}function l(e,r){e.forEach((e=>{e.options?e.options.forEach(r):r(e)}))}function f(e){if(e&&e.length)return e.map((e=>{var r;const t=e;return null!=(r=t.selectedLabel)?r:t.label})).join(", ")}export{f as getSelectedOptionsAsText,c as iterateOnOptions,l as iterateOnOptionsRaw};

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

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as s}from"react";import{iterateOnOptionsRaw as l,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const c=function(){let c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",i=arguments.length>1?arguments[1]:void 0,o=arguments.length>2?arguments[2]:void 0,a=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,r=arguments.length>5?arguments[5]:void 0,d=arguments.length>6?arguments[6]:void 0,v=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],p=arguments.length>8?arguments[8]:void 0;const[f,g]=e(null!=i?i:[]),[b,h]=e([]),[O,j]=e(""),m=t(f);s((()=>{if(m.current=f,b.length&&O&&r){let e=[...b];const t=f.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),d&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!v.includes(e.value)})))),h(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[f]),s((()=>{if(i){const e=[...i];g(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[i]);const S=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},F=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},w=e=>!(!u||!p&&0!==p)&&F(e)>=p;function A(e,t){if(u){if(e.selected&&p&&w(f))return;if(b.length&&O&&r)if(e.selected){if(p&&w(f))return;let s=!1;const l=n(f,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];g([...l]),"2.0"===c&&C(l)}else{let s=!1,l=n(f,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];g([...l]),"2.0"===c&&C(l)}else{const s=n(f,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];g([...s]),"2.0"===c&&C(s)}}else null==o||o(e)}function C(e){const t=S(null!=e?e:m.current);null==o||o([...t])}return{latestDropdownOptionsRef:m,dropdownOptions:f,search:function(e){if(j(e),h([]),e&&r){const t=[];l(f,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),r(e).then((e=>{if(e){const s=e.map((e=>{if(e.options){const s=e;return Object.assign(Object.assign({},s),{options:s.options.map((e=>Object.assign(Object.assign({},e),{selected:t.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:t.includes(e.value)})}));h([...s])}}))}},searchedString:O,searchedOptions:b,onApplyHandler:A,selectAllHandler:function(e){if(b.length&&O&&r)!function(e){let t=[...f];e?b.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):b.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),g([...t]),"2.0"===c&&C(t)}("selectAll"===e);else if("selectAll"===e){const e=n(f,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));g([...e]),"2.0"===c&&C(e)}else if("notSelected"===e){const e=n(f,{selected:!1},(e=>!e.disabled));g([...e]),"2.0"===c&&C(e)}},onMultiSelectClear:function(){const e=n(f,{selected:!1});g([...e]),"2.0"===c&&C(e)},onFreeFormSelect:function(e){if(!u)return void A({label:O,value:O,isFreeForm:!0,selected:!0});const t=f.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),g([...t]),"2.0"===c&&C(t)},onMultiSelectApply:C,getSelectedOptions:S,getCurrentSelectionCount:F,isMaxSelectionsReached:w,maxSelections:p}};export{c as useDropdown};
+import{useState as e,useRef as t,useEffect as l}from"react";import{iterateOnOptionsRaw as n,iterateOnOptions as o}from"../OpenedDropdown/utils/iterationOnOptions.js";var s=Object.defineProperty,r=Object.defineProperties,c=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,d=(e,t,l)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,p=(e,t)=>{for(var l in t||(t={}))u.call(t,l)&&d(e,l,t[l]);if(i)for(var l of i(t))a.call(t,l)&&d(e,l,t[l]);return e},f=(e,t)=>r(e,c(t));const v=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",r=arguments.length>1?arguments[1]:void 0,c=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,u=arguments.length>4?arguments[4]:void 0,a=arguments.length>5?arguments[5]:void 0,d=arguments.length>6?arguments[6]:void 0,v=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],h=arguments.length>8?arguments[8]:void 0;const[m,b]=e(null!=r?r:[]),[g,O]=e([]),[y,S]=e(""),w=t(m);l((()=>{if(w.current=m,g.length&&y&&a){let e=[...g];const t=m.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const l=t.find((t=>e.value===t.value));return l?f(p({},e),{selected:l.selected}):e})),d&&(e=e.map((e=>f(p({},e),{disabled:!v.includes(e.value)})))),O(u&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[m]),l((()=>{if(r){const e=[...r];b(u&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[r]);const j=e=>{const t=[];return e.forEach((e=>{if(e.options){const l=e.options.filter((e=>!0===e.selected));t.push(f(p({},e),{options:[...l]}))}else e.selected&&t.push(p({},e))})),t},F=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},A=e=>!(!u||!h&&0!==h)&&F(e)>=h;function C(e,t){if(u){if(e.selected&&h&&A(m))return;if(g.length&&y&&a)if(e.selected){if(h&&A(m))return;let l=!1;const n=o(m,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||n.push(e),t)return[...n];b([...n]),"2.0"===s&&E(n)}else{let l=!1,n=o(m,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(n=n.filter((t=>t.value!==e.value))),t)return[...n];b([...n]),"2.0"===s&&E(n)}else{const l=o(m,{selected:e.selected},(t=>t.value===e.value));if(t)return[...l];b([...l]),"2.0"===s&&E(l)}}else null==c||c(e)}function E(e){const t=j(null!=e?e:w.current);null==c||c([...t])}return{latestDropdownOptionsRef:w,dropdownOptions:m,search:function(e){if(S(e),O([]),e&&a){const t=[];n(m,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),a(e).then((e=>{if(e){const l=e.map((e=>{if(e.options){const l=e;return f(p({},l),{options:l.options.map((e=>f(p({},e),{selected:t.includes(e.value)})))})}return f(p({},e),{selected:t.includes(e.value)})}));O([...l])}}))}},searchedString:y,searchedOptions:g,onApplyHandler:C,selectAllHandler:function(e){if(g.length&&y&&a)!function(e){let t=[...m];e?g.forEach((e=>{let l=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(l=!0,f(p({},t),{selected:!0})):t})),l||t.push(f(p({},e),{selected:!0}))})):g.forEach((e=>{t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?f(p({},t),{selected:!1}):t}))})),b([...t]),"2.0"===s&&E(t)}("selectAll"===e);else if("selectAll"===e){const e=o(m,{selected:!0},(e=>{var t;return y?(null==(t=e.label)?void 0:t.toLowerCase().includes(y.toLowerCase()))&&!e.disabled:!e.disabled}));b([...e]),"2.0"===s&&E(e)}else if("notSelected"===e){const e=o(m,{selected:!1},(e=>!e.disabled));b([...e]),"2.0"===s&&E(e)}},onMultiSelectClear:function(){const e=o(m,{selected:!1});b([...e]),"2.0"===s&&E(e)},onFreeFormSelect:function(e){if(!u)return void C({label:y,value:y,isFreeForm:!0,selected:!0});const t=m.map((t=>t.options?t:f(p({},t),{selected:t.label===y&&t.value===y?e:t.selected})));e&&(t.some((e=>e.label===y&&e.value===y))||t.unshift({label:y,value:y,isFreeForm:!0,selected:!0})),b([...t]),"2.0"===s&&E(t)},onMultiSelectApply:E,getSelectedOptions:j,getCurrentSelectionCount:F,isMaxSelectionsReached:A,maxSelections:h}};export{v as useDropdown};

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

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{DropdownPopover as e}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{DropdownButtonStyle as p}from"./DropdownButton.style.js";const n=n=>o(p,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[t(r,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),t("div",{className:"divider"}),t(e,Object.assign({},n.dropdownProps,{children:t(r,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));export{n as DropdownButton};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{DropdownPopover as r}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.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{DropdownButtonStyle as p}from"./DropdownButton.style.js";var n=Object.defineProperty,d=Object.defineProperties,i=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,c=(o,t,r)=>t in o?n(o,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[t]=r,l=(o,t)=>{for(var r in t||(t={}))m.call(t,r)&&c(o,r,t[r]);if(s)for(var r of s(t))u.call(t,r)&&c(o,r,t[r]);return o},b=(o,t)=>d(o,i(t));const a=n=>o(p,{type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled,children:[t(e,b(l({},n.buttonProps),{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),t("div",{className:"divider"}),t(r,b(l({},n.dropdownProps),{children:t(e,b(l({},n.buttonProps),{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]});export{a 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{jsx as e}from"react/jsx-runtime";import{useState as r,useEffect as o}from"react";import{DEFAULT_THEME as t}from"../../constants/Theme.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as d}from"../TypographyStyle.js";var i=Object.defineProperty,s=Object.defineProperties,n=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,u=(e,r,o)=>r in e?i(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o;const b=i=>{var b;const[y,f]=r(0),{tabsInfo:m,tabStyleInfo:g}=i;return o((()=>{void 0!==i.selectedTabId&&null!==i.selectedTabId&&f(i.selectedTabId)}),[i.selectedTabId]),e("div",{style:null!=(b=i.wrapperStyle)?b:{},children:e("div",{style:{display:"flex",alignItems:"center",borderColor:t.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==g?void 0:g.size)?"unset":t.colorsV2.surface.standard},children:m.map(((r,o)=>{var b,h,v,R,L,x,T,S,j;const O="CAPSULE"===g.type?null!=(h=null==(b=g.style)?void 0:b.borderTopLeftRadius)?h:20:0===o&&"SQUARE"===g.type?(null==(v=g.style)?void 0:v.borderTopLeftRadius)?g.style.borderTopLeftRadius:4:0,P="CAPSULE"===g.type?null!=(L=null==(R=g.style)?void 0:R.borderTopLeftRadius)?L:20:o===m.length-1&&"SQUARE"===g.type?(null==(x=g.style)?void 0:x.borderTopLeftRadius)?g.style.borderTopLeftRadius:4:0,A=r.id===y?t.colorsV2.content.brand:t.colorsV2.stroke.primary;return e(l,(C=((e,r)=>{for(var o in r||(r={}))p.call(r,o)&&u(e,o,r[o]);if(a)for(var o of a(r))c.call(r,o)&&u(e,o,r[o]);return e})({},null!=(T=r.tooltipProps)?T:{}),I={children:e("div",{onClick:()=>{(e=>{f(e.id),e.action(e.text)})(r)},style:{cursor:"pointer",display:"flex",flex:1,width:null!=(S=i.tabWidth)?S:"110px",borderTop:`1px solid ${A}`,borderBottom:`1px solid ${A}`,borderLeft:`1px solid ${A}`,borderRight:`${o===m.length-1&&"SQUARE"===g.type||"CAPSULE"===g.type||r.id===y?1:0}px solid ${A}`,backgroundColor:r.id===y?t.colorsV2.background.brandLight:t.colorsV2.surface.standard,borderTopLeftRadius:O,borderBottomLeftRadius:O,borderTopRightRadius:P,borderBottomRightRadius:P,padding:"SMALL"===(null==g?void 0:g.size)?"2px 14px":"8px 24px",marginRight:null==(j=g.style)?void 0:j.marginRight,justifyContent:"space-around"},children:e(d,{style:{color:r.id===y?t.colorsV2.content.brand:t.colorsV2.content.secondary},children:r.text})})},s(C,n(I))),r.id);var C,I}))})})};export{b 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{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:c,menuHeight:s,buttonIcon:m,buttonPaddingHorizontal:a,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:w,tooltipWidth:j}=i;return t("div",{children:t(n,{icon:m,width:r,height:l,color:p,position:u,buttonPaddingHorizontal:a,buttonPaddingVertical:g,tooltipPlacement:h,tooltipText:b,zIndex:P,isRound:x,dropPosition:f,menuAligment:w,tootipWidth:j,children:t(o,{options:d,height:s||90,width:`${c}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{jsx as e,Fragment as l,jsxs as i}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 r,CURTAIN_MODE as d}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as s,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 _}from"../TypographyStyle.js";import{COLORS as v}from"../../constants/Theme.js";import y from"../../assets/icons/check.svg.js";import U from"../../assets/icons/file.svg.js";import g from"../../assets/icons/filePdf.svg.js";import b from"../../assets/icons/image.svg.js";import w from"../../assets/icons/triangle_error.svg.js";import N from"../../assets/icons/upload.svg.js";import I from"../../assets/icons/videoRecorder.svg.js";const E=E=>{var j,C;const[T,L]=o(""),[M,x]=o(""),[P,D]=o(null),[S,$]=o(!1),[z,G]=o(),[R,k]=o((null==(j=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null==(i=null==(l=null==e?void 0:e.split("/"))?void 0:l.at(-1))?void 0:i.toUpperCase()})))?void 0:j.join("/"))||"FILE"),O=e=>{const l=e.split(".").pop();if(null==E?void 0:E.fileName)return`${E.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},V=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},A=e=>{var l;L("");const i=null==(l=null==e?void 0:e.files)?void 0:l[0],o=(e=>{if(!e)return"Please upload an file before saving!";const l=E.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${V(l)}`:"":"Uploaded file type is not supported!"})(i);L(o),o?E.onError(o):(D(i),B(i),$(!0))},B=e=>{var l,i;if(!T){const o=O(e.name),t=(null==(l=o.split(".").at(-1))?void 0:l.toUpperCase())||"FILE";k(t),null==(i=E.uploadFile)||i.call(E,e,o).then((l=>{const i=((e,l,i)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:i,fileSize:V(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:o}})(e,l,o);$(!1),G(i)})).catch((e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";E.onError(l)}))}},W=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null==(l=E.getFileMetaFromUrl)||l.call(E,e).then((l=>{var i,o;if(l&&l.type&&(null==(i=l.type.split("/").at(-1))?void 0:i.toLowerCase())===R.toLowerCase()){const i=E.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)x(`Max file size that can be added is ${V(i)}`);else{const i=(null==(o=l.type.split("/").at(-1))?void 0:o.toUpperCase())||"FILE";k(i);const t=O(`file.${i.toLowerCase()}`),a=new Date;G({fileId:a.getTime().toString(),fileName:t,fileSize:V(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:a}),D(null)}else x("Uploaded file type is not supported!")}else x(`Please enter a valid ${R.toLowerCase()} URL`)}),(e=>{var l;return x(null!=(l=null==e?void 0:e.message)?l:"Please enter a valid image URL")})):x(`Please enter a valid ${R.toLowerCase()} URL`))},H=(l,i,o)=>"IMAGE"===F[R]?e(b,{color:l,height:i,width:o}):"VIDEO"===F[R]?e(I,{color:l,height:i,width:o}):"PDF"===F[R]?e(g,{color:l,height:i,width:o}):e(U,{color:l,height:i,width:o});return e(l,{children:z&&(null==(C=Object.keys(z))?void 0:C.length)?i(n,{className:"fileUploaded",children:[i("div",{className:"fileUploaded__header",children:[e("div",{className:"fileUploaded__header__icon",children:e(y,{color:v.content.primaryInverse,height:46,width:40})}),e("div",{className:"fileUploaded__header__title",children:i(m,{children:[R," uploaded successfully"]})})]}),i("div",{className:"fileUploaded__body",children:[i("div",{className:"fileUploaded__body__file-detail",children:[e("div",{className:"fileUploaded__body__file-detail__icon",children:H(v.content.secondary,22,18)}),e("div",{className:"fileUploaded__body__file-detail__name",children:e(f,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==z?void 0:z.fileName})}),e("div",{className:"fileUploaded__body__file-detail__size",children:null==z?void 0:z.fileSize})]}),i("div",{className:"fileUploaded__body__buttons",children:[e("div",{className:"fileUploaded__body__buttons__edit",children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;G({}),null==(e=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null==(i=null==(l=null==e?void 0:e.split("/"))?void 0:l.at(-1))?void 0:i.toUpperCase()})))||e.join("/")}})}),e("div",{className:"fileUploaded__body__buttons__done",children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>E.onSuccess(P,z)})})]})]})]}):i(s,{showProgressBar:S,children:[i("div",{className:"fileUploader",children:[i("div",{className:"fileUploader__header",children:[e("div",{className:"fileUploader__header__icon",children:H(v.content.secondary,36,30)}),e(h,{body:R,placement:"top",children:e("div",{className:"fileUploader__header__title",children:e(m,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S?"Document upload in progress":`Upload ${R}`})})}),e("div",{className:"fileUploader__header__caption",children:e(f,{style:{color:v.content.secondary},children:S?`Your ${R} is getting loaded. This may take a couple of minutes.`:`${R.includes("/")?"Files":R+" format"} • Max ${V(Math.max(...Object.values(E.fileUploadRules.allowedSize)))}`})})]}),e("div",{className:"fileUploader__body",children:i(l,S?{children:[e("div",{className:"fileUploader__body__progress-bar",children:e(p,{completed:E.uploadProgress,isAnimated:!0})}),e("div",{className:"fileUploader__body__cancel-button",children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{$(!1),D(null),G({})}})})]}:{children:[e("div",{className:"fileUploader__body__link",children:e(c,{type:"text",onChangeText:()=>x(""),placeholder:`Enter URL of the ${R.includes("/")?"file":R.toLowerCase()}`,width:"100%",height:"48px",labelText:`${R.includes("/")?"File":R} link`,errorMessage:M,onBlur:e=>W(e.target.value)})}),i("div",{className:"fileUploader__body__divider",children:[e("div",{className:"left"}),e("div",{className:"title",children:e(u,{style:{color:v.content.secondary},children:"Or upload from device"})}),e("div",{className:"right"})]}),i("div",{className:"fileUploader__body__upload",children:[e("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:i("div",{className:"file-uploader",children:[e("div",{children:e(N,{height:18,width:18})}),e("div",{children:e(_,{style:{color:v.content.brand},children:"Upload"})})]})}),e("input",{id:"file-upload-button",type:"file",accept:E.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]})]})})]}),T&&e("div",{className:"fileUploadError",children:e(a,{type:r.NEGATIVE,mode:d.LIGHT,text:T,hideCrossIcon:!0,icon:()=>e(w,{height:16,width:19,color:v.content.negative})})})]})})},F={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{E 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{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as f,useEffect as n}from"react";const i=i=>{const o=e(null),[r,l]=f(0),[s,d]=f(0),[u,c]=f(!1);return n((()=>{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 f=null==o?void 0:o.current;f?(e>window.innerWidth-f.offsetWidth&&(e=window.innerWidth-f.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void l(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const f=null==o?void 0:o.current;if(!f)return void l(e);const n=window.innerHeight;t.top+f.offsetHeight>n&&(e=t.top-(t.top+f.offsetHeight-n)-10),l(e)})(t),c(!0)}})),u?t("div",{style:{top:r,left:s,position:"fixed",zIndex:1e3},children:t("div",{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{jsx as o,Fragment as t,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 l}from"../tooltips/Tooltip.js";import{BodyCaption as d}from"../TypographyStyle.js";import c from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,DROP_POSITION as p,MENU_ALIGNMENT as s,FloatingActionButtonOuterContainer as m,StyledDropdown as a,DropdownToggleContainer as g,TooltipStyled as u,FloatingActionButtonContainer as w}from"./FloatingActionButton.styles.js";const T=i=>{const{width:n,height:e,color:h,onClick:p,icon:s,tooltipPlacement:m,tooltipText:a,tootipWidth:g,isRound:T}=i;return a?o(l,{tooltipContent:o(u,{tooltipWidth:g,children:o(d,{color:r.content.primaryInverse,children:i.tooltipText})}),placement:m,body:"",children:o(w,{width:n,height:e,color:h,onClick:p,isRound:T,children:s||o(c,{width:22,height:22})})}):o(t,{children:o(w,{width:n,height:e,color:h,onClick:p,isRound:T,children:s||o(c,{width:22,height:22})})})},P=l=>{const{icon:d,onClick:c,children:u,tooltipText:w,isRound:P=!0,width:x=48,height:f=48,color:k=r.background.inverse,position:b=h.TOP_LEFT,buttonPaddingHorizontal:C=20,buttonPaddingVertical:j=20,zIndex:y=1,tooltipPlacement:R="right",dropPosition:W=p.DOWN,menuAligment:z=s.END,tootipWidth:D}=l,[O,v]=n(!1);return o(t,{children:o(m,{width:x,height:f,color:k,position:b,buttonPaddingHorizontal:C,buttonPaddingVertical:j,zIndex:y,children:o(a,{onToggle:(o,t)=>{v(o)},drop:W,align:z,children:u?i(t,{children:[o(g,{drop:W,children:o(T,{width:x,height:f,color:k,tooltipPlacement:R,onClick:c,tooltipText:w,icon:d,position:b,isRound:P,isDropdownOpen:O,tootipWidth:D})}),o(e.Menu,{children:u})]}):o(T,{width:x,height:f,color:k,tooltipPlacement:R,onClick:c,tooltipText:w,icon:d,position:b,isRound:P,isDropdownOpen:O,tootipWidth:D})})})})};export{P as FloatingActionButton};

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

@@ -1,4 +1,4 @@
-import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";var r,e,n;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(r||(r={})),function(t){t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered"}(e||(e={})),function(t){t.START="start",t.END="end"}(n||(n={}));const d=o.div`
+import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";var e=(t=>(t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right",t))(e||{}),i=(t=>(t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered",t))(i||{}),n=(t=>(t.START="start",t.END="end",t))(n||{});const d=o.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
@@ -16,7 +16,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	z-index: ${t=>t.zIndex};
-	${t=>t.position===r.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===r.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===r.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===r.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
+	${t=>"botton right"===t.position?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:"bottom left"===t.position?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:"top left"===t.position?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:"top right"===t.position?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
 `,a=o(t)`
 	.filter-container {
 		.single-row {
@@ -26,7 +26,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 			justify-content: flex-start;
 			gap: 8px;
 			padding: 14px;
-			border-bottom: 1px solid ${i.stroke.primary};
+			border-bottom: 1px solid ${r.stroke.primary};
 
 			:last-child {
 				border-bottom: none !important;
@@ -35,15 +35,15 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	button {
 		border: 1px solid
-			${t=>"true"===t.active?i.stroke.positive.lightAlt:i.stroke.primary};
+			${t=>"true"===t.active?r.stroke.positive.lightAlt:r.stroke.primary};
 		border-radius: 4px;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 		padding: 6px 0px;
-		background: ${t=>"true"===t.active?i.background.positive.light:i.surface.standard};
-		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
+		background: ${t=>"true"===t.active?r.background.positive.light:r.surface.standard};
+		color: ${t=>"true"===t.active?r.content.positive:r.content.primary};
 	}
 
 	.btn-primary:hover,
@@ -51,8 +51,8 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	.btn-primary:focus,
 	.btn-primary.dropdown-toggle,
 	.show > .btn-primary.dropdown-toggle {
-		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
-		background-color: ${t=>"true"===t.active?i.background.positive.light:"transparent"};
+		color: ${t=>"true"===t.active?r.content.positive:r.content.primary};
+		background-color: ${t=>"true"===t.active?r.background.positive.light:"transparent"};
 		border: none;
 	}
 	.btn:focus {
@@ -61,12 +61,12 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 
 	.dropdown-toggle::after {
-		border-top: 0.3em solid ${i.content.primary};
+		border-top: 0.3em solid ${r.content.primary};
 		display: none !important;
 	}
 
 	.dropdown-toggle::before {
-		border-top: 0.3em solid ${i.content.primary};
+		border-top: 0.3em solid ${r.content.primary};
 		display: none !important;
 	}
 	.dropdown-menu {
@@ -75,11 +75,11 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	.dropdown-item:active,
 	.dropdown-item:hover {
-		color: ${i.content.positive};
+		color: ${r.content.positive};
 		text-decoration: none;
-		background-color: ${i.background.positive.light};
+		background-color: ${r.background.positive.light};
 	}
-`,s=o(t.Toggle)`
+`,l=o(t.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -89,11 +89,11 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`,l=o.div`
+`,s=o.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;
-	background-color: ${i.content.primary};
-	color: ${i.content.primaryInverse};
+	background-color: ${r.content.primary};
+	color: ${r.content.primaryInverse};
 	width: ${t=>t.tooltipWidth?t.tooltipWidth+"px":"120px"};
-`;export{e as DROP_POSITION,s as DropdownToggleContainer,r as FAB_POSITION,d as FloatingActionButtonContainer,p as FloatingActionButtonOuterContainer,n as MENU_ALIGNMENT,a as StyledDropdown,l as TooltipStyled};
+`;export{i as DROP_POSITION,l as DropdownToggleContainer,e as FAB_POSITION,d as FloatingActionButtonContainer,p as FloatingActionButtonOuterContainer,n as MENU_ALIGNMENT,a as StyledDropdown,s as TooltipStyled};

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{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as l}from"react";import{usePopper as i}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as a}from"../dropdown/Common.styled.js";import{OpenedDropdown as c}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as d}from"../floater/floater.js";import{Input as m}from"../input/Input.js";var u=Object.defineProperty,f=Object.defineProperties,v=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,h=(e,o,r)=>o in e?u(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,O=(e,o)=>{for(var r in o||(o={}))y.call(o,r)&&h(e,r,o[r]);if(b)for(var r of b(o))w.call(o,r)&&h(e,r,o[r]);return e},j=(e,o)=>f(e,v(o));const g=s(a)`
 	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};
+`,P=s=>{let{inputProps:a,dropdownProps:u,floaterProps:f,children:v,isVisible:b,onDropdownOptionClick:y,onChangeText:w}=s;const h=t(null),P=t(null),[C,S]=n(!1),[D,x]=n(null),[k,z]=n(null),[I,R]=n(!1),{styles:T,attributes:E,update:M,forceUpdate:$}=i(k,D,{placement:u.placement,strategy:u.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});l((()=>{if(!C){const e=setTimeout((()=>R(!1)),200);return()=>clearTimeout(e)}R(!0),M&&M()}),[C,M]),l((()=>{if(h.current){const e=new ResizeObserver((()=>{M&&M()}));return e.observe(h.current),()=>{e.disconnect()}}}),[h.current,M]);return e(o,{children:[b&&e(d,j(O({},f),{refElement:P,children:[r("div",{style:{position:"relative"},ref:z,children:r(p,{level:"z2",position:"down",style:{borderRadius:8},children:r(m,j(O({},a),{onClick:()=>{var e;null==(e=u.onDropdownOpen)||e.call(u),C?S(!1):u.disabled||S(!0),null==$||$()},ref:h,onChangeText:(e,o)=>{null==w||w(e,o),M&&M()}}))})}),r(g,j(O({ref:x,style:j(O({},T.popper),{zIndex:3})},E.popper),{visible:C||I,children:r(p,{level:"z2",position:"down",style:{borderRadius:8},children:r(c,j(O({},u),{onSelect:e=>{var o;"2.0"===u.version&&u.isMultiSelect||(null==(o=u.onSelect)||o.call(u,e),S(!1))},onClose:e=>{var o,r;"2.0"===u.version&&u.isMultiSelect&&e&&(null==(o=u.onSelect)||o.call(u,[...e])),S(!1),null==(r=null==u?void 0:u.onClose)||r.call(u)},version:u.version,headerRef:h,onDropdownItemClick:e=>{null==y||y(e)}}))})}))]})),r("div",{ref:P,children:v&&r("div",{children:v})})]})};export{P 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{jsx as e}from"react/jsx-runtime";import t,{forwardRef as o}from"react";import{Tooltip as r}from"../tooltips/Tooltip.js";import{IconButton as l}from"./IconButton.styled.js";import{getIconColor as i}from"./theme.js";var n=Object.defineProperty,d=Object.defineProperties,c=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,y=(e,t,o)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))a.call(t,o)&&y(e,o,t[o]);if(s)for(var o of s(t))p.call(t,o)&&y(e,o,t[o]);return e};const f=o(((o,n)=>{var y=o,{id:f,iconButtonType:u="default",Icon:m,height:h=20,width:v=20,bordered:O,disabled:j,isSelected:g,style:w,svgStyle:B,iconColor:I,disabledTooltip:S}=y,T=((e,t)=>{var o={};for(var r in e)a.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&s)for(var r of s(e))t.indexOf(r)<0&&p.call(e,r)&&(o[r]=e[r]);return o})(y,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const P=i(u,j,g),x=e(l,(k=b({id:f,ref:n,style:w,iconButtonType:u,bordered:O,disabled:j,isSelected:g},T),C={children:t.createElement(m,{height:h,width:v,color:I||P,style:b({display:"block"},null!=B?B:{})})},d(k,c(C))));var k,C;return j&&S?e(r,{body:S,children:e("span",{style:{display:"inline-block",cursor:"not-allowed"},children:x})}):x}));f.displayName="IconButton";export{f as IconButton};

package/dist/esm/components/image-compress/ImageCompress.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import r from"browser-image-compression";class t{}Object.defineProperty(t,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),o=new Uint8Array(i);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const l=new Blob([i],{type:t});return new File([l],"image",{type:t})}}),Object.defineProperty(t,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(t,i)=>e(void 0,void 0,void 0,(function*(){let e=t,o="";const l=i?i.maxSizeMB:t.size/1024/1024*.8;try{const i={maxSizeMB:l,maxWidthOrHeight:1920,useWebWorker:!0};t.size/1024/1024>.1&&(e=yield r(t,i)),o=yield r.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:o,compressedFile:e}}))});export{t as ImageService};
+import e from"browser-image-compression";var r=Object.defineProperty,t=(e,t,o)=>((e,t,o)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o)(e,"symbol"!=typeof t?t+"":t,o);const o=class{};t(o,"base64ToImage",(e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],o=new ArrayBuffer(r.length),l=new Uint8Array(o);for(let e=0;e<r.length;e++)l[e]=r.charCodeAt(e);const n=new Blob([o],{type:t});return new File([n],"image",{type:t})})),t(o,"compressImage",((r,t)=>{return o=null,l=null,n=function*(){let o=r,l="";const n=t?t.maxSizeMB:r.size/1024/1024*.8;try{const t={maxSizeMB:n,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(o=yield e(r,t)),l=yield e.getDataUrlFromFile(o)}catch(e){console.error(e)}return{base64:l,compressedFile:o}},new Promise(((e,r)=>{var t=e=>{try{s(n.next(e))}catch(e){r(e)}},a=e=>{try{s(n.throw(e))}catch(e){r(e)}},s=r=>r.done?e(r.value):Promise.resolve(r.value).then(t,a);s((n=n.apply(o,l)).next())}));var o,l,n}));let l=o;export{l as ImageService};

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{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import i from"react-image-crop";import{StyledModal as o}from"../modals/styledModal.js";var r=(t,e,i)=>new Promise(((o,r)=>{var n=t=>{try{l(i.next(t))}catch(t){r(t)}},a=t=>{try{l(i.throw(t))}catch(t){r(t)}},l=t=>t.done?o(t.value):Promise.resolve(t.value).then(n,a);l((i=i.apply(t,e)).next())}));const n=n=>{const[a,l]=e(!1),[c,h]=e(void 0),[d,s]=e({width:0,height:0}),[g,m]=e(!1),p=(t,e,i,o)=>r(null,null,(function*(){const r=document.createElement("canvas");r.width=e.width,r.height=e.height;const n=r.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(t,e.x*i,e.y*o,e.width*i,e.height*o,0,0,e.width,e.height);try{return r.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}}));return t(o,{open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:g,onClick:()=>{var t;t=c,r(null,null,(function*(){var e,i;if(m(!0),n.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/d.width,r=i.naturalHeight/d.height,l=yield p(i,t,o,r);yield null==(e=null==n?void 0:n.onCropComplete)?void 0:e.call(n,l,a)}else yield null==(i=null==n?void 0:n.onCropComplete)?void 0:i.call(n,n.src,a);m(!1)}))}},children:t("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:t("div",{children:t(i,{crop:c,onChange:t=>{h(t)},circularCrop:!1,onDragStart:()=>{l(!0)},aspect:n.aspectRatio,children:t("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};

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{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 p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.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 F=t(null),[R,b]=s(),[j,v]=s(h),[O,T]=s(!1);a((()=>{f.upload?(b("upload"),setTimeout((()=>{B()}),500)):f.crop?b("crop"):f.compress?b("compress"):f.uploadToFirestorage?b("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);b("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=p.base64ToImage(o);f.compress?(b("compress"),p.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();E(o.base64,o.compressedFile)}))):E(o,e)},B=()=>{F.current.click()};return O?o(e,{}):"cloud-upload"===R?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.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:l.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:F,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;v({src:r.result}),o=r.result,f.crop?b("crop"):k(o)},e&&r.readAsDataURL(e)}}),"crop"===R&&o(c,{src:j.src,onCropComplete:o=>{v({src:o}),k(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d 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{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as n}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 p}from"./ChipInput.styled.js";var s=s=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:f,hintTextColor:C,error:v,inputHeight:g,createChipKeys:x,chipsContainerCustomStyle:T,nativeID:b}=s;const[j,S]=r(!1);return n((()=>{var e,t;null==(e=document.querySelector(`#${b} input`))||e.addEventListener("focus",(()=>{S(!0)})),null==(t=document.querySelector(`#${b} input`))||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",{style:{display:"flex",flexDirection:"column",gap:8},id:b,children:[u&&t(l,{style:{color:j?i.content.brand:v?i.content.negative:y||i.content.primary},children:u}),t(o,{value:d,theme:a(!!v,g,T,j),chipTheme:p,placeholder:0===d.length&&!!m&&!j&&m,onChange:e=>{h(e)},createChipKeys:x||","}),(!!f||!!v)&&t(c,{style:{color:v?i.content.negative:C||i.content.secondary},children:v||f})]})};export{s as default};

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

@@ -1 +1 @@
-import{COLORS as e}from"../../constants/Theme.js";const n={chip:{padding:"0px 8px 0px 8px",background:e.surface.subdued,border:`1px solid ${e.stroke.primary}`,fontSize:12,color:e.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.content.secondary,marginLeft:6,":hover":{color:e.content.secondary}}},o=(n,o,r,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.stroke.brand:n?e.stroke.negative.vibrant:e.stroke.primary}`,backgroundColor:e.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.stroke.brand}`}},null!=r?r:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});export{n as chipTheme,o as theme};
+import{COLORS as e}from"../../constants/Theme.js";var r=Object.defineProperty,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,i=(e,o,n)=>o in e?r(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,a=(e,r)=>{for(var a in r||(r={}))n.call(r,a)&&i(e,a,r[a]);if(o)for(var a of o(r))t.call(r,a)&&i(e,a,r[a]);return e};const p={chip:{padding:"0px 8px 0px 8px",background:e.surface.subdued,border:`1px solid ${e.stroke.primary}`,fontSize:12,color:e.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.content.secondary,marginLeft:6,":hover":{color:e.content.secondary}}},d=(r,o,n,t)=>({chipsContainer:a({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.stroke.brand:r?e.stroke.negative.vibrant:e.stroke.primary}`,backgroundColor:e.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.stroke.brand}`}},null!=n?n:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});export{p as chipTheme,d as theme};