@bikdotai/bik-component-library 0.0.687-beta.5 → 0.0.687-beta.7

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

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

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

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

@@ -1 +1 @@
-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};
+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 s}from"./MenuItem.js";import{StyledGroupedLabel as l}from"./MenuList.styled.js";const u=t((({options:t,isMultiSelect:u,showDescription:p,onSelect:a,version:m,onInfiniteScroll:d,onDropdownItemClick:f,useDefaultCursor:h},D)=>{const I=o(null),g=o(null),v=i((()=>{I.current&&I.current.disconnect(),I.current=new IntersectionObserver((e=>{e[0].isIntersecting&&d?.()})),g.current&&I.current.observe(g.current)}),[d]);return c((()=>(v(),()=>{I.current&&I.current.disconnect()})),[v,t]),e(n,{children:t.map(((n,o)=>{const i=o===t.length-1;if(n.options){const t=n;return r("div",{style:{marginTop:"2.0"===m?2:0},children:[r(l,{version:m,children:[t.leadingIcon?e("span",{style:{marginRight:8},children:t.leadingIcon}):null,t.label]}),t.options.map(((n,r)=>e(s,{version:m,last:r===t.options.length-1,onSelect:a,showDescription:p,onDropdownItemClick:f,isMultiSelect:u,option:n,useDefaultCursor:h,ref:e=>{D&&"object"==typeof D&&D.current&&e&&e&&e&&e&&(D.current[o]=e)}},`${o}-${r}`))),i?e("span",{ref:g}):null]},o)}return r("div",{children:[e(s,{version:m,last:i,onSelect:a,showDescription:p,onDropdownItemClick:f,isMultiSelect:u,option:n,useDefaultCursor:h,ref:e=>{D&&"object"==typeof D&&D.current&&e&&(D.current[o]=e)}},o),i?e("span",{ref:g}):null]},o)}))})}));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: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};
+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=({options:c,onSelect:r,version:n})=>{const[s,a]=t("notSelected");function d(){"partiallySelected"===s&&r("notSelected"),"selectAll"===s&&r("notSelected"),"notSelected"===s&&r("selectAll")}return l((()=>{const e=[];c.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[c]),e(i,{version:n,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e("div",{style:{width:18,height:18},children:e(o,{size:"2.0"===n?"SMALL":"DEFAULT",isChecked:"selectAll"===s||"partiallySelected"===s,isPartiallyChecked:"partiallySelected"===s,onValueChange:d})}),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 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};
+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:a,buttonOptions:c}=i,{primaryButtonText:m,primaryButtonType:u,secondaryButtonText:d,secondaryButtonType:f}=c??{},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:m||a||"Apply",buttonType:u||"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,{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=({onSearch:a,version:m})=>{const[h,l]=t(""),[d,u]=t(!1);return o(i.Provider,{value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===m?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===m?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}},children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===m?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===m?18:24,height:"2.0"===m?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{u(!0),a(""),l("")},Icon:c,width:"2.0"===m?18:24,height:"2.0"===m?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:d,onChangeText:o=>{u(!1),l(o),a(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 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};
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const i=({searchedString:i,height:r,isLoading:o,containerWidth:n})=>t("div",{style:{height:r,display:"flex",alignItems:"center"},children:t(e,{isLoading:o,title:"No results found",subTitle:`Sorry we could not find any results for "${i??""}"`,containerWidth:n})});export{i as SearchZeroState};

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

@@ -1 +1 @@
-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};
+function n(n,o,t){return n.map((n=>{if(n.options){const r=n.options.map((n=>!t||t(n)?{...n,...o}:{...n}));return{...n,options:[...r]}}return!t||t(n)?{...n,...o}:{...n}}))}function o(n,o){n.forEach((n=>{n.options?n.options.forEach(o):o(n)}))}function t(n){if(n&&n.length)return n.map((n=>{const o=n;return o.selectedLabel??o.label})).join(", ")}export{t as getSelectedOptionsAsText,n as iterateOnOptions,o as iterateOnOptionsRaw};

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

@@ -1 +1 @@
-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};
+import{useState as e,useRef as t,useEffect as l}from"react";import{iterateOnOptionsRaw as s,iterateOnOptions as n}from"../OpenedDropdown/utils/iterationOnOptions.js";const o=(o="1.0",c,i,r,u,a,d,p=[],f)=>{const[v,h]=e(c??[]),[m,b]=e([]),[S,g]=e(""),O=t(v);l((()=>{if(O.current=v,m.length&&S&&a){let e=[...m];const t=v.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?{...e,selected:l.selected}:e})),d&&(e=e.map((e=>({...e,disabled:!p.includes(e.value)})))),b(u&&!r?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[v]),l((()=>{if(c){const e=[...c];h(u&&!r?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[c]);const F=e=>{const t=[];return e.forEach((e=>{if(e.options){const l=e.options.filter((e=>!0===e.selected));t.push({...e,options:[...l]})}else e.selected&&t.push({...e})})),t},w=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||!f&&0!==f)&&w(e)>=f;function C(e,t){if(u){if(e.selected&&f&&A(v))return;if(m.length&&S&&a)if(e.selected){if(f&&A(v))return;let l=!1;const s=n(v,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||s.push(e),t)return[...s];h([...s]),"2.0"===o&&E(s)}else{let l=!1,s=n(v,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(s=s.filter((t=>t.value!==e.value))),t)return[...s];h([...s]),"2.0"===o&&E(s)}else{const l=n(v,{selected:e.selected},(t=>t.value===e.value));if(t)return[...l];h([...l]),"2.0"===o&&E(l)}}else i?.(e)}function E(e){const t=F(e??O.current);i?.([...t])}return{latestDropdownOptionsRef:O,dropdownOptions:v,search:function(e){if(g(e),b([]),e&&a){const t=[];s(v,(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{...l,options:l.options.map((e=>({...e,selected:t.includes(e.value)})))}}return{...e,selected:t.includes(e.value)}}));b([...l])}}))}},searchedString:S,searchedOptions:m,onApplyHandler:C,selectAllHandler:function(e){if(m.length&&S&&a)!function(e){let t=[...v];e?m.forEach((e=>{let l=!1;t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?(l=!0,{...t,selected:!0}):t})),l||t.push({...e,selected:!0})})):m.forEach((e=>{t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?{...t,selected:!1}:t}))})),h([...t]),"2.0"===o&&E(t)}("selectAll"===e);else if("selectAll"===e){const e=n(v,{selected:!0},(e=>S?e.label?.toLowerCase().includes(S.toLowerCase())&&!e.disabled:!e.disabled));h([...e]),"2.0"===o&&E(e)}else if("notSelected"===e){const e=n(v,{selected:!1},(e=>!e.disabled));h([...e]),"2.0"===o&&E(e)}},onMultiSelectClear:function(){const e=n(v,{selected:!1});h([...e]),"2.0"===o&&E(e)},onFreeFormSelect:function(e){if(!u)return void C({label:S,value:S,isFreeForm:!0,selected:!0});const t=v.map((t=>t.options?t:{...t,selected:t.label===S&&t.value===S?e:t.selected}));e&&(t.some((e=>e.label===S&&e.value===S))||t.unshift({label:S,value:S,isFreeForm:!0,selected:!0})),h([...t]),"2.0"===o&&E(t)},onMultiSelectApply:E,getSelectedOptions:F,getCurrentSelectionCount:w,isMaxSelectionsReached:A,maxSelections:f}};export{o as useDropdown};

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

@@ -0,0 +1,75 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
+export { Placement } from '@popperjs/core';
+import { ButtonProps, Type } from '../button/model.js';
+
+interface OpenDropdownProps {
+    defaultOptions?: DropdownOption[];
+    options: DropdownOption[];
+    isSearchable?: boolean;
+    error?: string;
+    isMultiSelect?: boolean;
+    maxSelections?: number;
+    width?: string;
+    height?: number | string;
+    allowFreeForm?: boolean;
+    onClose?: (selectedData?: DropdownOption | DropdownOption[]) => void;
+    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    onSearch?: (key: string) => Promise<DropdownOption[]>;
+    version?: '1.0' | '2.0';
+    skipSorting?: boolean;
+    headerRef?: any;
+    hideSelectAll?: boolean;
+    primaryButtonText?: string;
+    onInfiniteScroll?: () => void;
+    onMultiSelectClear?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    buttonOptions?: ButtonOptions;
+    isSearchLoading?: boolean;
+    disableSearchOptions?: boolean;
+    disableSearchedOptionExcept?: string[];
+    useDefaultCursor?: boolean;
+    'data-test'?: string;
+    containerStyle?: React.CSSProperties;
+    zeroState?: {
+        Icon?: React.ReactNode;
+        IconHolderStyle?: React.CSSProperties;
+        actionButton?: ButtonProps;
+        buttonWidth?: number;
+        title: string;
+        subTitle?: string;
+    };
+}
+type GroupedOption = {
+    label?: string;
+    leadingIcon?: JSX.Element;
+    options: (SingleOption | MultiSelectOption)[];
+};
+type SingleOption = {
+    label: string;
+    value: string;
+    description?: string | null;
+    selected?: boolean;
+    disabled?: boolean;
+    isFreeForm?: boolean;
+    subText?: string;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+    searchKey?: string;
+    selectedLabel?: string;
+    children?: SingleOption[];
+    parent?: SingleOption;
+    'data-test'?: string;
+};
+type MultiSelectOption = SingleOption;
+type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
+interface ButtonOptions {
+    primaryButtonText?: string;
+    primaryButtonType?: Type;
+    secondaryButtonText?: string;
+    secondaryButtonType?: Type;
+}
+
+export type { ButtonOptions, DropdownOption, GroupedOption, MultiSelectOption, OpenDropdownProps, SingleOption };

package/dist/esm/components/dropdown-button/DropdownButton.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { ButtonProps } from '../button/model.js';
+import { DropdownProps } from '../dropdown/Dropdown.js';
+
+interface DropdownButtonProps {
+    dropdownProps: DropdownProps;
+    buttonProps: ButtonProps;
+    iconProps: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+}
+declare const DropdownButton: React__default.FC<DropdownButtonProps>;
+
+export { DropdownButton };
+export type { DropdownButtonProps };

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

@@ -1 +1 @@
-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};
+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/MenuList.js";import{Button as p}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"../input/context/InputStyleProvider.js";import"../dropdown/MenuItem/MenuItem.js";import{DropdownButtonStyle as n}from"./DropdownButton.style.js";const e=e=>o(n,{type:e.buttonProps.buttonType,disabled:e.buttonProps.disabled,children:[t(p,{...e.buttonProps,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}}),t("div",{className:"divider"}),t(r,{...e.dropdownProps,children:t(p,{...e.buttonProps,buttonText:"",TrailingIcon:e.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})})]});export{e as DropdownButton};

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

@@ -4,6 +4,6 @@ import t from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	width: max-content;
 	.divider {
 		width: ${t=>["primary","destructive"].includes(t.type)?"1px":"0px"};
-		background-color: ${t=>{return r=t.type,(null==t?void 0:t.disabled)?e.content.inactive:"primary"===r?"#CDA2FC":e.content.primaryInverse;var r}};
+		background-color: ${t=>{return r=t.type,i=t?.disabled,i?e.content.inactive:"primary"===r?"#CDA2FC":e.content.primaryInverse;var r,i}};
 	}
 `;export{r as DropdownButtonStyle};

package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TooltipProps } from '../tooltips/Tooltip.js';
+
+interface DynamicTabsDetails {
+    id: number;
+    text: string;
+    action: (tabName: string) => void;
+    displayText?: string;
+    tooltipProps?: TooltipProps;
+}
+interface DynamicTabsStyleDetails {
+    type: 'SQUARE' | 'CAPSULE';
+    size?: 'REGULAR' | 'SMALL';
+    style?: {
+        [property: string]: string | number;
+    };
+}
+interface DynamicTabsProps {
+    tabsInfo: DynamicTabsDetails[];
+    tabStyleInfo: DynamicTabsStyleDetails;
+    selectedTabId?: number;
+    wrapperStyle?: React.CSSProperties;
+    tabWidth?: string;
+}
+declare const DynamicTabs: (props: DynamicTabsProps) => react_jsx_runtime.JSX.Element;
+
+export { DynamicTabs };
+export type { DynamicTabsDetails, DynamicTabsProps, DynamicTabsStyleDetails };

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

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

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

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { DropdownOption } from '../dropdown/type.js';
+import { FAB_POSITION, DROP_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles.js';
+import { Placement } from '../tooltips/Tooltip.js';
+
+declare const FABMenu: React__default.FC<{
+    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
+    menuOptions: DropdownOption[];
+    buttonWidth?: number;
+    buttonHeight?: number;
+    buttonColor?: string;
+    buttonPosition?: FAB_POSITION;
+    menuWidth?: number;
+    menuHeight?: number;
+    buttonIcon?: JSX.Element;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipPlacement?: Placement;
+    tooltipText?: string;
+    tooltipWidth?: number;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+    version?: '1.0' | '2.0';
+}>;
+
+export { FABMenu };

package/dist/esm/components/file-uploader/FileUploader.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { FileUploaderProps } from './Models.js';
+
+declare const FileUploader: React__default.FC<FileUploaderProps>;
+
+export { FileUploader };

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

@@ -1 +1 @@
-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};
+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 s,CURTAIN_MODE as r}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as d,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 _,ButtonLarge as u}from"../TypographyStyle.js";import{COLORS as y}from"../../constants/Theme.js";import v 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=>{const[j,C]=o(""),[T,L]=o(""),[M,x]=o(null),[P,D]=o(!1),[S,$]=o(),[z,G]=o(E.fileUploadRules.allowedFormats.split(",").map((e=>e?.split("/")?.at(-1)?.toUpperCase()))?.join("/")||"FILE"),R=e=>{const l=e.split(".").pop();if(E?.fileName)return`${E.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},k=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]}`},O=e=>{C("");const l=e?.files?.[0],i=(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 ${k(l)}`:"":"Uploaded file type is not supported!"})(l);C(i),i?E.onError(i):(x(l),V(l),D(!0))},V=e=>{if(!j){const l=R(e.name),i=l.split(".").at(-1)?.toUpperCase()||"FILE";G(i),E.uploadFile?.(e,l).then((i=>{const o=((e,l,i)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:i,fileSize:k(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:o}})(e,i,l);D(!1),$(o)})).catch((e=>{const l=e?.message||"Unknown technical error occured while uploading file!";E.onError(l)}))}},A=e=>{e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?E.getFileMetaFromUrl?.(e).then((l=>{if(l&&l.type&&l.type.split("/").at(-1)?.toLowerCase()===z.toLowerCase()){const i=E.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)L(`Max file size that can be added is ${k(i)}`);else{const i=l.type.split("/").at(-1)?.toUpperCase()||"FILE";G(i);const o=R(`file.${i.toLowerCase()}`),t=new Date;$({fileId:t.getTime().toString(),fileName:o,fileSize:k(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:t}),x(null)}else L("Uploaded file type is not supported!")}else L(`Please enter a valid ${z.toLowerCase()} URL`)}),(e=>L(e?.message??"Please enter a valid image URL"))):L(`Please enter a valid ${z.toLowerCase()} URL`))},B=(l,i,o)=>"IMAGE"===F[z]?e(b,{color:l,height:i,width:o}):"VIDEO"===F[z]?e(I,{color:l,height:i,width:o}):"PDF"===F[z]?e(g,{color:l,height:i,width:o}):e(U,{color:l,height:i,width:o});return e(l,{children:S&&Object.keys(S)?.length?i(n,{className:"fileUploaded",children:[i("div",{className:"fileUploaded__header",children:[e("div",{className:"fileUploaded__header__icon",children:e(v,{color:y.content.primaryInverse,height:46,width:40})}),e("div",{className:"fileUploaded__header__title",children:i(m,{children:[z," 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:B(y.content.secondary,22,18)}),e("div",{className:"fileUploaded__body__file-detail__name",children:e(f,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:S?.fileName})}),e("div",{className:"fileUploaded__body__file-detail__size",children:S?.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:()=>{$({}),E.fileUploadRules.allowedFormats.split(",").map((e=>e?.split("/")?.at(-1)?.toUpperCase()))?.join("/")}})}),e("div",{className:"fileUploaded__body__buttons__done",children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>E.onSuccess(M,S)})})]})]})]}):i(d,{showProgressBar:P,children:[i("div",{className:"fileUploader",children:[i("div",{className:"fileUploader__header",children:[e("div",{className:"fileUploader__header__icon",children:B(y.content.secondary,36,30)}),e(h,{body:z,placement:"top",children:e("div",{className:"fileUploader__header__title",children:e(m,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:P?"Document upload in progress":`Upload ${z}`})})}),e("div",{className:"fileUploader__header__caption",children:e(f,{style:{color:y.content.secondary},children:P?`Your ${z} is getting loaded. This may take a couple of minutes.`:`${z.includes("/")?"Files":z+" format"} • Max ${k(Math.max(...Object.values(E.fileUploadRules.allowedSize)))}`})})]}),e("div",{className:"fileUploader__body",children:i(l,P?{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:()=>{D(!1),x(null),$({})}})})]}:{children:[e("div",{className:"fileUploader__body__link",children:e(c,{type:"text",onChangeText:()=>L(""),placeholder:`Enter URL of the ${z.includes("/")?"file":z.toLowerCase()}`,width:"100%",height:"48px",labelText:`${z.includes("/")?"File":z} link`,errorMessage:T,onBlur:e=>A(e.target.value)})}),i("div",{className:"fileUploader__body__divider",children:[e("div",{className:"left"}),e("div",{className:"title",children:e(_,{style:{color:y.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(u,{style:{color:y.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=>O(e.target)})]})]})})]}),j&&e("div",{className:"fileUploadError",children:e(a,{type:s.NEGATIVE,mode:r.LIGHT,text:j,hideCrossIcon:!0,icon:()=>e(w,{height:16,width:19,color:y.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/file-uploader/Models.d.ts

@@ -0,0 +1,31 @@
+interface FileMetaData {
+    fileId: string;
+    fileName: string;
+    fileSize: string;
+    fileType: string;
+    fileUrl: string;
+    uploadType: 'URL' | 'FileUpload';
+    uploadDate: Date;
+}
+interface FileUploadRules {
+    allowedFormats: string;
+    allowedSize: {
+        [key: string]: number;
+    };
+}
+interface FileMetaFromUrl {
+    type: string;
+    size: number;
+}
+interface FileUploaderProps {
+    uploadFile?: (file: File, fileName: string) => Promise<string>;
+    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
+    fileUploadRules: FileUploadRules;
+    onError: (error: string) => void;
+    uploadProgress: number;
+    onCancel: () => void;
+    onSuccess: (file: File, fileMeta: FileMetaData) => void;
+    fileName?: string;
+}
+
+export type { FileMetaData, FileMetaFromUrl, FileUploadRules, FileUploaderProps };

package/dist/esm/components/floater/floater.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type FloaterProps = {
+    children?: React.ReactNode;
+    refElement: React.MutableRefObject<any>;
+    leftOffset?: number;
+    topOffset?: number;
+    useDefaultOffsets?: boolean;
+};
+declare const Floater: (props: FloaterProps) => react_jsx_runtime.JSX.Element | null;
+
+export { Floater };
+export type { FloaterProps };

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

@@ -1 +1 @@
-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};
+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,s]=f(0),[l,d]=f(0),[c,u]=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=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 s(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const f=o?.current;if(!f)return void s(e);const n=window.innerHeight;t.top+f.offsetHeight>n&&(e=t.top-(t.top+f.offsetHeight-n)-10),s(e)})(t),u(!0)}})),c?t("div",{style:{top:r,left:l,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.d.ts

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { Placement } from '../tooltips/Tooltip.js';
+import { FAB_POSITION, DROP_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles.js';
+
+declare const FloatingActionButton: React__default.FC<{
+    onClick?: () => void;
+    children?: React__default.ReactNode;
+    width?: number;
+    height?: number;
+    icon?: JSX.Element;
+    color?: string;
+    position?: FAB_POSITION;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipText?: string;
+    tooltipPlacement?: Placement;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+    tootipWidth?: number;
+}>;
+
+export { FloatingActionButton };

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

@@ -0,0 +1,62 @@
+import * as react_bootstrap_esm_DropdownItem from 'react-bootstrap/esm/DropdownItem';
+import * as _restart_ui_esm_types from '@restart/ui/esm/types';
+import * as _restart_ui_esm_DropdownItem from '@restart/ui/esm/DropdownItem';
+import * as React from 'react';
+import * as _restart_ui_esm_Button from '@restart/ui/esm/Button';
+import * as react_bootstrap_esm_DropdownMenu from 'react-bootstrap/esm/DropdownMenu';
+import * as react_bootstrap_esm_DropdownToggle from 'react-bootstrap/esm/DropdownToggle';
+import * as react_bootstrap_esm_helpers from 'react-bootstrap/esm/helpers';
+import * as react_bootstrap from 'react-bootstrap';
+import * as styled_components from 'styled-components';
+
+declare enum FAB_POSITION {
+    TOP_LEFT = "top left",
+    TOP_RIGHT = "top right",
+    BOTTOM_LEFT = "bottom left",
+    BOTTOM_RIGHT = "botton right"
+}
+declare enum DROP_POSITION {
+    UP = "up",
+    UP_CENTERED = "up-centered",
+    START = "start",
+    END = "end",
+    DOWN = "down",
+    DOWN_CENTERED = "down-centered"
+}
+declare enum MENU_ALIGNMENT {
+    START = "start",
+    END = "end"
+}
+declare const FloatingActionButtonContainer: styled_components.StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    isRound?: boolean | undefined;
+}, never>;
+declare const FloatingActionButtonOuterContainer: styled_components.StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    position: FAB_POSITION;
+    buttonPaddingHorizontal: number;
+    buttonPaddingVertical: number;
+    zIndex: number;
+}, never>;
+declare const StyledDropdown: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap.DropdownProps> & {
+    Toggle: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>;
+    Menu: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap_esm_DropdownMenu.DropdownMenuProps>;
+    Item: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<_restart_ui_esm_types.DynamicRefForwardingComponent<React.ForwardRefExoticComponent<_restart_ui_esm_Button.ButtonProps & React.RefAttributes<HTMLElement>>, _restart_ui_esm_DropdownItem.DropdownItemProps>, react_bootstrap_esm_DropdownItem.DropdownItemProps>;
+    ItemText: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", unknown>;
+}, any, {
+    active?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}, never>;
+declare const DropdownToggleContainer: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>, any, {}, never>;
+declare const TooltipStyled: styled_components.StyledComponent<"div", any, {
+    tooltipWidth?: number | undefined;
+}, never>;
+
+export { DROP_POSITION, DropdownToggleContainer, FAB_POSITION, FloatingActionButtonContainer, FloatingActionButtonOuterContainer, MENU_ALIGNMENT, StyledDropdown, TooltipStyled };

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.d.ts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { Placement } from '../tooltips/Tooltip.js';
+import { DropdownOption, OpenDropdownProps } from '../dropdown/type.js';
+import { FloaterProps } from '../floater/floater.js';
+import { InputProps } from '../input/Input.js';
+
+type DropdownProps = OpenDropdownProps & {
+    isLoading?: boolean;
+    children?: React__default.ReactNode;
+    disabled?: boolean;
+    onDropdownOpen?: () => void;
+    onDropdownVisbilityChange?: (isOpen: boolean) => void;
+    tooltipContent?: string;
+    tooltipDirection?: Placement;
+    showTooltipArrow?: boolean;
+};
+type FloatingInputDropdownProps = {
+    inputProps: InputProps;
+    dropdownProps: DropdownProps;
+    floaterProps: FloaterProps;
+    children?: React__default.ReactNode;
+    isVisible?: boolean;
+    onDropdownOptionClick?: (option: DropdownOption) => void;
+    onChangeText?: (text: string, event?: Event) => void;
+};
+declare const FloatingInputDropdown: React__default.FC<FloatingInputDropdownProps>;
+
+export { FloatingInputDropdown };