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

package/dist/esm/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{CheckBox as n}from"../../checkBox/CheckBox.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as t}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as i}from"../../TypographyStyle.js";import{DEFAULT_THEME as o}from"../../../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/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as s}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as m}from"../type.js";const r=r=>{var d,u,a,l,c,p,j,M,v;const D=[{selected:r.selectedMinimumRequirement===m.AMOUNT,label:"Minimum order value",value:m.AMOUNT},{selected:r.selectedMinimumRequirement===m.QUANTITY,label:"Minimum number of items",value:m.QUANTITY}];return e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Minimum Purchase Requirements",isChecked:r.selectedMinimumRequirement!==m.NA,onValueChange:e=>{e?(r.setSelectedMinimumRequirement(m.AMOUNT),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0}))):(r.setSelectedMinimumRequirement(m.NA),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),e.jsx(i,Object.assign({style:{color:o.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),r.selectedMinimumRequirement!==m.NA&&e.jsxs("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e.jsxs("div",Object.assign({className:"input__wrapper"},{children:[e.jsx(i,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),e.jsx(t,{options:D,placement:"bottom-start",onSelect:e=>{const n=e.value;r.setSelectedMinimumRequirement(n),r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),e.jsx("div",Object.assign({className:"input__wrapper"},{children:e.jsx(s,{value:r.selectedMinimumRequirement===m.AMOUNT?null!==(u=null===(d=r.discountData.minAmount)||void 0===d?void 0:d.toString())&&void 0!==u?u:"":null!==(l=null===(a=r.discountData.minQuantity)||void 0===a?void 0:a.toString())&&void 0!==l?l:"",onChangeText:e=>{r.selectedMinimumRequirement===m.AMOUNT?r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minAmount:parseInt(e)})):r.selectedMinimumRequirement===m.QUANTITY&&r.setDiscountData(Object.assign(Object.assign({},r.discountData),{minQuantity:parseInt(e)}))},labelText:r.selectedMinimumRequirement===m.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:r.selectedMinimumRequirement===m.AMOUNT?null!==(c=r.currency)&&void 0!==c?c:"":void 0,type:"number",placeholder:r.selectedMinimumRequirement===m.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(p=r.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidMinimumAmount)||(null===(j=r.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumQuantity)?"Required Field":"",state:(null===(M=r.dynamicDiscountValidationError)||void 0===M?void 0:M.inValidMinimumAmount)||(null===(v=r.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};export{r as default};
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{CheckBox as i}from"../../checkBox/CheckBox.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as o}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as m}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../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/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as r}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{MIN_PURCHASE_REQUIREMENT as d}from"../type.js";const u=u=>{var a,c,l,p,M,j,v,D,O;const b=[{selected:u.selectedMinimumRequirement===d.AMOUNT,label:"Minimum order value",value:d.AMOUNT},{selected:u.selectedMinimumRequirement===d.QUANTITY,label:"Minimum number of items",value:d.QUANTITY}];return e(t,{children:[n(i,{label:"Minimum Purchase Requirements",isChecked:u.selectedMinimumRequirement!==d.NA,onValueChange:e=>{e?(u.setSelectedMinimumRequirement(d.AMOUNT),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))):(u.setSelectedMinimumRequirement(d.NA),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0})))},boldOnChecked:!0,labelSize:"DEFAULT"}),n(m,Object.assign({style:{color:s.colorsV2.text.secondary,marginLeft:28}},{children:"Enable coupon only after a minimum order value"})),u.selectedMinimumRequirement!==d.NA&&e("div",Object.assign({style:{margin:"16px 0 0 28px"},className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[n(m,Object.assign({style:{marginBottom:10}},{children:"Requirements"})),n(o,{options:b,placement:"bottom-start",onSelect:e=>{const t=e.value;u.setSelectedMinimumRequirement(t),u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:void 0,minAmount:void 0}))},truncatedText:!1,width:"272px"})]})),n("div",Object.assign({className:"input__wrapper"},{children:n(r,{value:u.selectedMinimumRequirement===d.AMOUNT?null!==(c=null===(a=u.discountData.minAmount)||void 0===a?void 0:a.toString())&&void 0!==c?c:"":null!==(p=null===(l=u.discountData.minQuantity)||void 0===l?void 0:l.toString())&&void 0!==p?p:"",onChangeText:e=>{u.selectedMinimumRequirement===d.AMOUNT?u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minAmount:parseInt(e)})):u.selectedMinimumRequirement===d.QUANTITY&&u.setDiscountData(Object.assign(Object.assign({},u.discountData),{minQuantity:parseInt(e)}))},labelText:u.selectedMinimumRequirement===d.AMOUNT?"Minimum amount":"Minimum no. of items",prefixText:u.selectedMinimumRequirement===d.AMOUNT?null!==(M=u.currency)&&void 0!==M?M:"":void 0,type:"number",placeholder:u.selectedMinimumRequirement===d.AMOUNT?"Eg. 5000":"Eg. 5",errorMessage:(null===(j=u.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidMinimumAmount)||(null===(v=u.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidMinimumQuantity)?"Required Field":"",state:(null===(D=u.dynamicDiscountValidationError)||void 0===D?void 0:D.inValidMinimumAmount)||(null===(O=u.dynamicDiscountValidationError)||void 0===O?void 0:O.inValidMinimumQuantity)?"invalid":"none"})}))]}))]})};export{u as default};

package/dist/esm/components/discount-modal/DynamicCoupon/ZeroState.js

@@ -1,16 +1,16 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"styled-components";import{TitleMedium as o,BodyPrimary as t}from"../../TypographyStyle.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import n from"../../../assets/icons/cursor.svg.js";const i=()=>e.jsxs(c,{children:[e.jsx(d,{children:e.jsx(n,{width:32,color:r.colorsV2.content.primaryInverse})}),e.jsx(o,{children:"No discount has been selected"}),e.jsx(t,{children:"Please select a discount type"})]}),c=s.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{TitleMedium as o,BodyPrimary as n}from"../../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import i from"../../../assets/icons/cursor.svg.js";const c=()=>e(d,{children:[t(l,{children:t(i,{width:32,color:s.colorsV2.content.primaryInverse})}),t(o,{children:"No discount has been selected"}),t(n,{children:"Please select a discount type"})]}),d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	padding: 40px 0;
 	justify-content: center;
 	align-items: center;
-`,d=s.div`
+`,l=r.div`
 	height: 52px;
 	width: 52px;
-	background-color: ${r.colorsV2.background.inverse};
+	background-color: ${s.colorsV2.background.inverse};
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-`;export{i as default};
+`;export{c as default};

package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js

@@ -1 +1 @@
-import{j as i}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as e,CONTENT_POSITION as a}from"../../alerts/AlertHelper.js";import{Input as n}from"../../input/Input.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as r}from"../DiscountModal.styled.js";const l=l=>{var d,c,u,p,v,b,m,D,x;return i.jsxs(r,{children:[i.jsxs("div",Object.assign({className:"static-coupon__data"},{children:[i.jsx("div",Object.assign({className:"static-input__wrapper"},{children:i.jsx(n,{maxCharLimit:30,onChangeText:i=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{couponCode:null==i?void 0:i.trim()}))},labelText:"Discount Code",value:l.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(d=l.staticDiscountValidationError)||void 0===d?void 0:d.invalidDiscountCode)?"Required Field":"",state:(null===(c=l.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),i.jsx("div",Object.assign({className:"static-input__wrapper"},{children:i.jsx(n,{maxCharLimit:30,labelText:"Discount Coupon Title",value:l.discountData.title,onChangeText:i=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{title:null==i?void 0:i.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(u=l.currency)&&void 0!==u?u:""}15 Off”`,errorMessage:(null===(p=l.staticDiscountValidationError)||void 0===p?void 0:p.invalidCouponTitle)?"Required Field":"",state:(null===(v=l.staticDiscountValidationError)||void 0===v?void 0:v.invalidCouponTitle)?"invalid":"none"})}))]})),i.jsx(n,{maxCharLimit:60,labelText:"Coupon Description",value:l.discountData.description,onChangeText:i=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{description:null==i?void 0:i.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(b=l.staticDiscountValidationError)||void 0===b?void 0:b.invalidCouponDescription)?"Required Field":"",state:(null===(m=l.staticDiscountValidationError)||void 0===m?void 0:m.invalidCouponDescription)?"invalid":"none"}),!l.hideProbability&&i.jsx(n,{labelText:"Probability of getting coupon",value:null!==l.discountData.probability&&void 0!==l.discountData.probability?l.discountData.probability.toString():"",type:"number",onChangeText:i=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(D=l.staticDiscountValidationError)||void 0===D?void 0:D.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(x=l.staticDiscountValidationError)||void 0===x?void 0:x.inValidProbability)?"invalid":"none"}),l.discountAdminUrl&&i.jsx(o,{type:e.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:a.START,redirectToText:"click here",redirectTo:l.discountAdminUrl,icon:()=>i.jsx(t,{width:16,height:16,color:s.colorsV2.content.secondary})})]})};export{l as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import{Alert as e}from"../../alerts/Alert.js";import{ALERT_TYPES as a,CONTENT_POSITION as n}from"../../alerts/AlertHelper.js";import{Input as r}from"../../input/Input.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{StaticCouponContainerStyled as l}from"../DiscountModal.styled.js";const d=d=>{var c,u,p,v,b,m,D,g,h;return i(l,{children:[i("div",Object.assign({className:"static-coupon__data"},{children:[t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{couponCode:null==i?void 0:i.trim()}))},labelText:"Discount Code",value:d.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(c=d.staticDiscountValidationError)||void 0===c?void 0:c.invalidDiscountCode)?"Required Field":"",state:(null===(u=d.staticDiscountValidationError)||void 0===u?void 0:u.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),t("div",Object.assign({className:"static-input__wrapper"},{children:t(r,{maxCharLimit:30,labelText:"Discount Coupon Title",value:d.discountData.title,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{title:null==i?void 0:i.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(p=d.currency)&&void 0!==p?p:""}15 Off”`,errorMessage:(null===(v=d.staticDiscountValidationError)||void 0===v?void 0:v.invalidCouponTitle)?"Required Field":"",state:(null===(b=d.staticDiscountValidationError)||void 0===b?void 0:b.invalidCouponTitle)?"invalid":"none"})}))]})),t(r,{maxCharLimit:60,labelText:"Coupon Description",value:d.discountData.description,onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{description:null==i?void 0:i.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(m=d.staticDiscountValidationError)||void 0===m?void 0:m.invalidCouponDescription)?"Required Field":"",state:(null===(D=d.staticDiscountValidationError)||void 0===D?void 0:D.invalidCouponDescription)?"invalid":"none"}),!d.hideProbability&&t(r,{labelText:"Probability of getting coupon",value:null!==d.discountData.probability&&void 0!==d.discountData.probability?d.discountData.probability.toString():"",type:"number",onChangeText:i=>{d.setDiscountData(Object.assign(Object.assign({},d.discountData),{probability:i.startsWith(".")?parseFloat(parseFloat(`0${i}`).toFixed(2)):parseFloat(parseFloat(i).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(g=d.staticDiscountValidationError)||void 0===g?void 0:g.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(h=d.staticDiscountValidationError)||void 0===h?void 0:h.inValidProbability)?"invalid":"none"}),d.discountAdminUrl&&t(e,{type:a.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:n.START,redirectToText:"click here",redirectTo:d.discountAdminUrl,icon:()=>t(o,{width:16,height:16,color:s.colorsV2.content.secondary})})]})};export{d as default};

package/dist/esm/components/dropShadow/DropShadow.js

@@ -1 +1 @@
-import{j as p}from"../../node_modules/react/jsx-runtime.js";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:n="z1",position:o="down",children:s,style:r}=e;const t=x[n][o];return p.jsx("div",Object.assign({style:Object.assign({boxShadow:t},null!=r?r:{})},{children:s}))};export{e as DropShadow};
+import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:n="z1",position:r="down",children:t,style:o}=e;const s=x[n][r];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:t}))};export{e as DropShadow};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownProps } from './Dropdown';
+import { DropdownProps } from "./";
 export declare const ChipDropdown: React.FC<DropdownProps>;
 export declare const ChipDropdownContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;

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

@@ -1,4 +1,4 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as o,useRef as r}from"react";import i from"styled-components";import{Tag as n}from"../tag/Tag.js";import{COLORS as s}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import p from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DropdownPopover as c}from"./DropdownPopover/index.js";const h=i=>{var{placeHolder:h,onSelect:g}=i,j=t(i,["placeHolder","onSelect"]);const[u,f]=o(!1),x=r();return e.jsx(c,Object.assign({ref:x,onDropdownVisbilityChange:t=>f(t),onSelect:function(t){null==g||g(t)}},j,{children:"default"==j.inputType?e.jsxs(m,Object.assign({width:null==j?void 0:j.width,height:null==j?void 0:j.height},{children:[e.jsx(d,Object.assign({color:s.content.placeholder},{children:h})),e.jsx(l,{style:{transform:u?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:s.content.primary})]})):e.jsx(n,{tagText:null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:u?a:p})}))};h.displayName="ChipDropdown";const m=i.div`
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as n,useRef as r}from"react";import i from"styled-components";import{DropdownPopover as p}from"./DropdownPopover/index.js";import"./Dropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import"./OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"./OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"./OpenedDropdown/components/menu/MenuItem.js";import"./OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"./OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"./MenuItem/MenuItem.js";import{Tag as d}from"../tag/Tag.js";import l from"../../assets/icons/chevronDown.svg.js";import c from"../../assets/icons/chevronDownOutline.svg.js";import a from"../../assets/icons/chevronUpOutline.svg.js";const u=i=>{var{placeHolder:u,onSelect:g}=i,j=t(i,["placeHolder","onSelect"]);const[w,f]=n(!1),y=r();return o(p,Object.assign({ref:y,onDropdownVisbilityChange:t=>f(t),onSelect:function(t){null==g||g(t)}},j,{children:"default"==j.inputType?e(h,Object.assign({width:null==j?void 0:j.width,height:null==j?void 0:j.height},{children:[o(s,Object.assign({color:m.content.placeholder},{children:u})),o(l,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:m.content.primary})]})):o(d,{tagText:null!=u?u:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:w?a:c})}))};u.displayName="ChipDropdown";const h=i.div`
 	display: flex;
 	flex-direction: row;
 	width: ${t=>(null==t?void 0:t.width)?t.width:"240px"};
@@ -6,9 +6,9 @@ import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_
 	gap: 8px;
 	justify-content: space-between;
 	align-items: center;
-	border: 1px solid ${s.stroke.primary};
+	border: 1px solid ${m.stroke.primary};
 	border-radius: 4px;
 	padding-left: 8px;
 	padding-right: 8px;
 	cursor: pointer;
-`;export{h as ChipDropdown,m as ChipDropdownContainer};
+`;export{u as ChipDropdown,h as ChipDropdownContainer};

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

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

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -1,7 +1,6 @@
 export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
     allowEvents?: boolean | undefined;
-    isChildLoading?: boolean | undefined;
 }, never>;
 export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/Common.styled.js

@@ -1,14 +1,14 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=e.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	position: 
 	// if allowEvents is true, then position is relative, else position is absolute
-		${e=>(null==e?void 0:e.allowEvents)||(null==e?void 0:e.isChildLoading)?"relative":"absolute"};
+		${e=>(null==e?void 0:e.allowEvents)?"relative":"absolute"};
 	left: 0px;
 	top: 0px;
 	width: 100%;
 	height: 100%;
 	z-index: 2;
 	cursor: ${e=>(null==e?void 0:e.disabled)?"not-allowed":"pointer"};
-`,t=e.div`
+`,o=e.div`
 	margin-top: 8px;
 	margin-bottom: 8px;
 `;e.div`
@@ -34,4 +34,4 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 		flex-wrap: wrap;
 		align-items: center;
 	}
-`;export{r as ChipInputWrapper,t as OpenDropdownContainer,o as OverLapAbs};
+`;export{r as ChipInputWrapper,o as OpenDropdownContainer,t as OverLapAbs};

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

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

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

@@ -12,7 +12,6 @@ export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdo
     showTooltipArrow?: boolean | undefined;
     allowEvents?: boolean | undefined;
     'data-test'?: string | undefined;
-    isChildLoading?: boolean | undefined;
 } & React.RefAttributes<{
     openDropdown: boolean;
 }>>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/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 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,d=arguments.length>5?arguments[5]:void 0,r=arguments.length>6?arguments[6]:void 0,v=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[];const[p,f]=e(null!=i?i:[]),[g,b]=e([]),[O,h]=e(""),j=t(p);s((()=>{if(j.current=p,g.length&&O&&d){let e=[...g];const t=p.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})),r&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!v.includes(e.value)})))),b(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[p]),s((()=>{if(i){const e=[...i];f(u&&!a?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[i]);const m=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t};function F(e,t){if(u)if(g.length&&O&&d)if(e.selected){let s=!1;const l=n(p,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s||l.push(e),t)return[...l];f([...l]),"2.0"===c&&S(l)}else{let s=!1,l=n(p,{selected:e.selected},(t=>t.value===e.value&&(s=!0,!0)));if(s&&(l=l.filter((t=>t.value!==e.value))),t)return[...l];f([...l]),"2.0"===c&&S(l)}else{const s=n(p,{selected:e.selected},(t=>t.value===e.value));if(t)return[...s];f([...s]),"2.0"===c&&S(s)}else null==o||o(e)}function S(e){const t=m(null!=e?e:j.current);null==o||o([...t])}return{latestDropdownOptionsRef:j,dropdownOptions:p,search:function(e){if(h(e),b([]),e&&d){const t=[];l(p,(e=>{e.selected&&!t.includes(e.value)&&t.push(e.value)})),d(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)})}));b([...s])}}))}},searchedString:O,searchedOptions:g,onApplyHandler:F,selectAllHandler:function(e){if(g.length&&O&&d)!function(e){let t=[...p];e?g.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}))})):g.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}))})),f([...t]),"2.0"===c&&S(t)}("selectAll"===e);else if("selectAll"===e){const e=n(p,{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}));f([...e]),"2.0"===c&&S(e)}else if("notSelected"===e){const e=n(p,{selected:!1},(e=>!e.disabled));f([...e]),"2.0"===c&&S(e)}},onMultiSelectClear:function(){const e=n(p,{selected:!1});f([...e]),"2.0"===c&&S(e)},onFreeFormSelect:function(e){if(!u)return void F({label:O,value:O,isFreeForm:!0,selected:!0});const t=p.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})),f([...t]),"2.0"===c&&S(t)},onMultiSelectApply:S,getSelectedOptions:m}};export{c as useDropdown};

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

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

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

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

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

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

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

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

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

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

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

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