@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../assets/icons/info.svg.js"),t=require("../../alerts/Alert.js"),o=require("../../alerts/AlertHelper.js"),s=require("../../input/Input.js"),n=require("../../../constants/Theme.js"),r=require("../DiscountModal.styled.js"),a=require("../DynamicCoupon/DynamicCoupon.js");exports.default=l=>{var d,c,u,p,D,C,b,v,T,x,P,E,h,m,y,g;return l.getDetailedDescription?e.jsxs(r.StaticCouponContainerStyled,Object.assign({style:{marginTop:0}},{children:[e.jsx(s.Input,{maxCharLimit:30,onChangeText:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{couponCode:null==e?void 0:e.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",width:"300px"}),e.jsx(a.default,{currency:l.currency,entitledProducts:null!==(u=l.entitledProducts)&&void 0!==u?u:[],prerequisiteProducts:null!==(p=l.prerequisiteProducts)&&void 0!==p?p:[],setEntitledProducts:l.setEntitledProducts,setPrerequisiteProducts:l.setPrerequisiteProducts,discountData:l.discountData,productPickerOpen:l.productPickerOpen,productVariablePickerOpen:l.productVariablePickerOpen,setIsProductPickerOpen:l.setIsProductPickerOpen,setIsProductVariablePickerOpen:l.setIsProductVariablePickerOpen,setDiscountData:l.setDiscountData,selectedCouponType:l.selectedCouponType,setSelectedCouponType:l.setSelectedCouponType,selectedMinimumRequirement:l.selectedMinimumRequirement,setSelectedMinimumRequirement:l.setSelectedMinimumRequirement,discountCouponAppliesTo:l.discountCouponAppliesTo,offerAppliesToBuy:l.offerAppliesToBuy,offerAppliesToGet:l.offerAppliesToGet,setDiscountCouponAppliesTo:l.setDiscountCouponAppliesTo,setOfferAppliesToBuy:l.setOfferAppliesToBuy,setOfferAppliesToGet:l.setOfferAppliesToGet,hideProbability:!0,hideExpiration:l.hideExpiration||!1,allowStaticCoupon:!0,noTopMargin:!0,onChangeCouponType:l.onChangeCouponType,collectionPickerOpen:l.collectionPickerOpen,entitledCollections:null!==(D=l.entitledCollections)&&void 0!==D?D:[],prerequisiteCollections:null!==(C=l.prerequisiteCollections)&&void 0!==C?C:[],setIsCollectionPickerOpen:l.setIsCollectionPickerOpen,setEntitledCollections:l.setEntitledCollections,setPrerequisiteCollections:l.setPrerequisiteCollections,useNewPicker:l.useNewPicker,setSelectedDiscountDetails:l.setSelectedDiscountDetails,selectedDiscountDetails:l.selectedDiscountDetails,isProductVariableSupported:l.isProductVariableSupported,entitledProductVariable:l.entitledProductVariable,setEntitledProductVariable:l.setEntitledProductVariable,preRequisiteProductVariable:l.preRequisiteProductVariable,setPreRequisiteProductVariable:l.setPreRequisiteProductVariable,productVariableList:l.productVariableList,isAddExpirationChecked:l.isAddExpirationChecked,setIsAddExpirationChecked:l.setIsAddExpirationChecked,dynamicDiscountValidationError:l.dynamicDiscountValidationError,setDynamicDiscountValidationError:l.setDynamicDiscountValidationError,setValidationErrorMessage:l.setValidationErrorMessage,resetValidationErrors:l.resetValidationErrors,discountDetailsOptions:l.discountDetailsOptions,selectedExpiration:l.selectedExpiration,setSelectedExpiration:l.setSelectedExpiration,makeExpiryMandatory:null!==(b=l.makeExpiryMandatory)&&void 0!==b&&b,isUsageFromStatic:!0})]})):e.jsxs(r.StaticCouponContainerStyled,{children:[e.jsxs("div",Object.assign({className:"static-coupon__data"},{children:[e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(s.Input,{maxCharLimit:30,onChangeText:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{couponCode:null==e?void 0:e.trim()}))},labelText:"Discount Code",value:l.discountData.couponCode,placeholder:"Eg. FLAT15OFF",isRequired:!0,errorMessage:(null===(v=l.staticDiscountValidationError)||void 0===v?void 0:v.invalidDiscountCode)?"Required Field":"",state:(null===(T=l.staticDiscountValidationError)||void 0===T?void 0:T.invalidDiscountCode)?"invalid":"none",hintText:"Code created on Shopify"})})),e.jsx("div",Object.assign({className:"static-input__wrapper"},{children:e.jsx(s.Input,{maxCharLimit:30,labelText:"Discount Coupon Title",value:l.discountData.title,onChangeText:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{title:null==e?void 0:e.trim()}))},hintText:"Same for everyone. Can’t be changed later",isRequired:!0,placeholder:`Eg. “Flat ${null!==(x=l.currency)&&void 0!==x?x:""}15 Off”`,errorMessage:(null===(P=l.staticDiscountValidationError)||void 0===P?void 0:P.invalidCouponTitle)?"Required Field":"",state:(null===(E=l.staticDiscountValidationError)||void 0===E?void 0:E.invalidCouponTitle)?"invalid":"none"})}))]})),e.jsx(s.Input,{maxCharLimit:60,labelText:"Coupon Description",value:l.discountData.description,onChangeText:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{description:null==e?void 0:e.trim()}))},placeholder:"Eg. “Get Flat 15% off”",isRequired:!0,errorMessage:(null===(h=l.staticDiscountValidationError)||void 0===h?void 0:h.invalidCouponDescription)?"Required Field":"",state:(null===(m=l.staticDiscountValidationError)||void 0===m?void 0:m.invalidCouponDescription)?"invalid":"none"}),!l.hideProbability&&e.jsx(s.Input,{labelText:"Probability of getting coupon",value:null!==l.discountData.probability&&void 0!==l.discountData.probability?l.discountData.probability.toString():"",type:"number",onChangeText:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},placeholder:"Eg. 0.5",width:"288px",hintText:"Enter a decimal value between 0-1",isRequired:!0,errorMessage:(null===(y=l.staticDiscountValidationError)||void 0===y?void 0:y.inValidProbability)?"Enter probability in decimals (0 - 1)":"",state:(null===(g=l.staticDiscountValidationError)||void 0===g?void 0:g.inValidProbability)?"invalid":"none"}),l.discountAdminUrl&&e.jsx(t.Alert,{type:o.ALERT_TYPES.NEUTRAL,text:"To create a discount code on Shopify,",contentPosition:o.CONTENT_POSITION.START,redirectToText:"click here",redirectTo:l.discountAdminUrl,icon:()=>e.jsx(i.default,{width:16,height:16,color:n.DEFAULT_THEME.colorsV2.content.secondary})})]})};

package/dist/cjs/components/discount-modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DiscountModal';
-export * from './CouponExpiration/CouponExpiration';
-export * from './type';

package/dist/cjs/components/discount-modal/type.d.ts

@@ -1,107 +0,0 @@
-import { SelectedItems } from '../product-picker-v2';
-export declare enum MIN_PURCHASE_REQUIREMENT {
-    AMOUNT = "amount",
-    QUANTITY = "quantity",
-    NA = "na"
-}
-export declare enum DISCOUNT_VALUE_TYPES {
-    FIXED_AMOUNT = "fixedAmount",
-    PERCENTAGE = "percentage"
-}
-export declare enum DISCOUNT_TARGET_TYPES {
-    LINE_ITEM = "lineItem",
-    SHIPPING_LINE = "shippingLine"
-}
-export declare enum DISCOUNT_TARGET_SELECTION {
-    ENTITLED = "entitled",
-    ALL = "all"
-}
-export declare enum DISCOUNT_TYPES {
-    AMOUNT_OFF_PRODUCTS = "amountOffProducts",
-    AMOUNT_OFF_ORDER = "amountOffOrder",
-    BUY_X_GET_Y = "buyXGetY",
-    FREE_SHIPPING = "freeShipping"
-}
-export declare enum DISCOUNT_APPLIES_TO {
-    ENTIRE_ORDER = "entireOrder",
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export declare enum OFFER_APPLIES_TO {
-    SPECIFIC_PRODUCTS = "specificProducts",
-    SPECIFIC_COLLECTIONS = "specificCollections"
-}
-export interface ProductVariable {
-    displayName: string;
-    actualValue: string;
-    isAvailable: boolean;
-}
-export declare enum COUPON_EXPIRATION {
-    FIXED_EXPIRATION = "fixedExpiration",
-    DYNAMIC_EXPIRATION = "dynamicExpiration"
-}
-export interface ICouponData {
-    description: string;
-    value?: number;
-    quadrant?: number;
-    valueType: DISCOUNT_VALUE_TYPES;
-    targetType: DISCOUNT_TARGET_TYPES;
-    targetSelection: DISCOUNT_TARGET_SELECTION;
-    minAmount?: number;
-    title: string;
-    minQuantity?: number;
-    expireAfter?: number;
-    expireAt?: Date;
-    isStaticCoupon?: boolean;
-    couponCode?: string;
-    prerequisiteProductIds?: number[];
-    prerequisiteVariantIds?: number[];
-    prerequisiteCollectionIds?: number[];
-    entitledProductIds?: number[];
-    entitledVariantIds?: number[];
-    entitledCollectionIds?: number[];
-    allocationLimit?: number;
-    prerequisiteQuantity?: number;
-    entitledQuantity?: number;
-    minPurchaseReq?: MIN_PURCHASE_REQUIREMENT;
-    probability?: number;
-    productsConf?: {
-        entitledProducts: SelectedItems;
-        prerequisiteProducts: SelectedItems;
-    };
-    collectionsConf?: {
-        entitledCollections: SelectedItems;
-        prerequisiteCollections: SelectedItems;
-    };
-    productVariableConf?: {
-        entitledProductVariable: ProductVariable;
-        prerequisiteProductVariable: ProductVariable;
-    };
-}
-export interface IStaticDiscountValidationError {
-    invalidDiscountCode: boolean;
-    invalidCouponDescription: boolean;
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-}
-export interface IDynamicDiscountValidationError {
-    invalidCouponTitle: boolean;
-    inValidProbability: boolean;
-    inValidDiscountAmount: boolean;
-    inValidMinimumQuantity: boolean;
-    inValidMinimumAmount: boolean;
-    inValidCouponExpiry: boolean;
-    inValidProductSelection: boolean;
-    inValidProductVariableSelection: boolean;
-    inValidCollectionSelection: boolean;
-    inValidBuyXValue: boolean;
-    inValidGetYValue: boolean;
-    inValidBuyXProductSelection: boolean;
-    inValidGetYProductSelection: boolean;
-    inValidBuyXCollectionSelection: boolean;
-    inValidGetYCollectionSelection: boolean;
-    inValidBuyXProductVariableSelection: boolean;
-    inValidGetYProductVariableSelection: boolean;
-}
-export declare const initialStaticCouponErrorState: IStaticDiscountValidationError;
-export declare const initialDynamicCouponErrorState: IDynamicDiscountValidationError;

package/dist/cjs/components/discount-modal/type.js

@@ -1 +0,0 @@
-"use strict";var i,e,o,t,E,T,n,I;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_PURCHASE_REQUIREMENT=void 0,(i=exports.MIN_PURCHASE_REQUIREMENT||(exports.MIN_PURCHASE_REQUIREMENT={})).AMOUNT="amount",i.QUANTITY="quantity",i.NA="na",exports.DISCOUNT_VALUE_TYPES=void 0,(e=exports.DISCOUNT_VALUE_TYPES||(exports.DISCOUNT_VALUE_TYPES={})).FIXED_AMOUNT="fixedAmount",e.PERCENTAGE="percentage",exports.DISCOUNT_TARGET_TYPES=void 0,(o=exports.DISCOUNT_TARGET_TYPES||(exports.DISCOUNT_TARGET_TYPES={})).LINE_ITEM="lineItem",o.SHIPPING_LINE="shippingLine",exports.DISCOUNT_TARGET_SELECTION=void 0,(t=exports.DISCOUNT_TARGET_SELECTION||(exports.DISCOUNT_TARGET_SELECTION={})).ENTITLED="entitled",t.ALL="all",exports.DISCOUNT_TYPES=void 0,(E=exports.DISCOUNT_TYPES||(exports.DISCOUNT_TYPES={})).AMOUNT_OFF_PRODUCTS="amountOffProducts",E.AMOUNT_OFF_ORDER="amountOffOrder",E.BUY_X_GET_Y="buyXGetY",E.FREE_SHIPPING="freeShipping",exports.DISCOUNT_APPLIES_TO=void 0,(T=exports.DISCOUNT_APPLIES_TO||(exports.DISCOUNT_APPLIES_TO={})).ENTIRE_ORDER="entireOrder",T.SPECIFIC_PRODUCTS="specificProducts",T.SPECIFIC_COLLECTIONS="specificCollections",exports.OFFER_APPLIES_TO=void 0,(n=exports.OFFER_APPLIES_TO||(exports.OFFER_APPLIES_TO={})).SPECIFIC_PRODUCTS="specificProducts",n.SPECIFIC_COLLECTIONS="specificCollections",exports.COUPON_EXPIRATION=void 0,(I=exports.COUPON_EXPIRATION||(exports.COUPON_EXPIRATION={})).FIXED_EXPIRATION="fixedExpiration",I.DYNAMIC_EXPIRATION="dynamicExpiration";exports.initialDynamicCouponErrorState={inValidProbability:!1,invalidCouponTitle:!1,inValidDiscountAmount:!1,inValidProductSelection:!1,inValidCollectionSelection:!1,inValidProductVariableSelection:!1,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1},exports.initialStaticCouponErrorState={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1};

package/dist/cjs/components/dot-pulse/DotPulse.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface DotPulseProps {
-    color?: string;
-    size?: number;
-}
-declare const DotPulse: React.FC<DotPulseProps>;
-export { DotPulse };

package/dist/cjs/components/dot-pulse/DotPulse.js

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=i(require("styled-components"));const a=t.default.span`
-	display: inline-flex;
-	align-items: center;
-`,s=t.default.span`
-	display: block;
-	width: ${e=>e.$size}px;
-	height: ${e=>e.$size}px;
-	border-radius: 50%;
-	background: ${e=>e.$color};
-	margin: 0 1.5px;
-	opacity: 0.6;
-	animation: dotPulse 1.2s infinite;
-	will-change: opacity, transform;
-
-	&:nth-child(2) {
-		animation-delay: 0.2s;
-	}
-
-	&:nth-child(3) {
-		animation-delay: 0.4s;
-	}
-
-	@keyframes dotPulse {
-		0%,
-		80%,
-		100% {
-			opacity: 0.6;
-			transform: scale(1);
-		}
-		40% {
-			opacity: 1;
-			transform: scale(1.4);
-		}
-	}
-`;exports.DotPulse=({color:i="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:t=4})=>e.jsxs(a,{children:[e.jsx(s,{$color:i,$size:t}),e.jsx(s,{$color:i,$size:t}),e.jsx(s,{$color:i,$size:t})]});

package/dist/cjs/components/dot-pulse/index.d.ts

@@ -1 +0,0 @@
-export * from './DotPulse';

package/dist/cjs/components/dropShadow/DropShadow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const DropShadow: React.FC<{
-    level: 'z1' | 'z2';
-    position: 'up' | 'down';
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const p={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)"}};exports.DropShadow=({level:r="z1",position:x="down",children:s,style:t})=>{const o=p[r][x];return e.jsx("div",Object.assign({style:Object.assign({boxShadow:o},null!=t?t:{})},{children:s}))};

package/dist/cjs/components/dropShadow/index.d.ts

@@ -1 +0,0 @@
-export * from './DropShadow';

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

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

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

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

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SingleOption } from './type';
-interface ChipInputProps {
-    placeholder?: string;
-    chips: SingleOption[];
-    onDeleteChip: (chip: SingleOption) => void;
-    containerStyle?: React.CSSProperties;
-    isDropdownOpened?: boolean;
-    sizeToUse?: 'default' | 'small' | 'x-small';
-    errorMessage?: string;
-    showLabelsOnMoreHover?: boolean;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

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

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

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

@@ -1,10 +0,0 @@
-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>;
-export declare const ChipInputWrapper: import("styled-components").StyledComponent<"div", any, {
-    error?: boolean | undefined;
-}, never>;

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

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const o=r.default.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"};
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	cursor: ${e=>(null==e?void 0:e.disabled)?"not-allowed":"pointer"};
-`,n=r.default.div`
-	margin-top: 8px;
-	margin-bottom: 8px;
-`;r.default.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	padding: 6px 8px;
-	background: ${t.COLORS.surface.hovered};
-	border: 1px solid ${t.COLORS.stroke.primary};
-	border-radius: 4px;
-`;const s=r.default.div`
-	width: 360px;
-	height: 100%;
-	padding: 8px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	border-radius: 4px;
-	border: ${e=>e.error?`1px solid ${t.COLORS.stroke.negative.vibrant}`:`1px solid ${t.COLORS.stroke.primary}`};
-	.chips-container {
-		display: flex;
-		gap: 8px;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-`;exports.ChipInputWrapper=s,exports.OpenDropdownContainer=n,exports.OverLapAbs=o;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps, SingleOption } from './type';
-export type DropdownProps = OpenDropdownProps & {
-    placeHolder?: string;
-    size?: 'default' | 'small' | 'x-small';
-    disabled?: boolean;
-    noErrorHint?: boolean;
-    buttonWidth?: string;
-    placeHolderHeight?: string;
-    showPlaceholderWhenSelected?: boolean;
-    inputStyle?: React.CSSProperties;
-    inputType?: 'chip' | 'default';
-    onDeleteChip?: (chip: SingleOption) => void;
-    truncatedText?: boolean;
-    'data-test'?: string;
-    showLeadingIconInPlaceholder?: boolean;
-    showTrailingIconPlaceholder?: boolean;
-    showLabelsOnMoreHover?: boolean;
-    backgroundColor?: string;
-};
-export declare const Dropdown: React.FC<DropdownProps>;

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

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

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { Placement } from "../../tooltips";
-import { OpenDropdownProps } from '../type';
-export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-    onDropdownOpen?: (() => void) | undefined;
-    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
-    tooltipContent?: string | undefined;
-    tooltipDirection?: Placement | undefined;
-    showTooltipArrow?: boolean | undefined;
-    allowEvents?: boolean | undefined;
-    'data-test'?: string | undefined;
-    isChildLoading?: boolean | undefined;
-    /**
-     * If true, forces the dropdown to remain open regardless of user interaction or internal state.
-     * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.
-     * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.
-     */
-    forceOpen?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

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

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

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../type';
-export type MenuItemDropdownProps = OpenDropdownProps & {
-    isHorizontal: boolean;
-    children?: React.ReactNode;
-    hideBorder?: boolean;
-    isNewTag?: boolean;
-};
-export declare const MenuItemDropdown: React.FC<MenuItemDropdownProps>;

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

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),s=require("../../../assets/icons/vertical_dots.svg.js"),o=require("styled-components"),t=require("../../icon-button/IconButton.js"),i=require("../../../constants/Theme.js"),n=require("../DropdownPopover/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(o).default.div`
-	:hover {
-		background: ${i.COLORS.surface.subdued};
-	}
-	position: ${e=>e.isNewTag?"relative":""};
-	.new--tag {
-		box-sizing: border-box;
-		position: absolute;
-		right: -8px;
-		top: -5px;
-		border-radius: 50%;
-		width: 14px;
-		height: 14px;
-		background: ${i.COLORS.background.negative.vibrant};
-		border: 1.25px solid ${i.COLORS.surface.standard};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-`,u=o=>e.jsx(a,Object.assign({isNewTag:o.isNewTag},{children:e.jsxs(n.DropdownPopover,Object.assign({},o,{children:[e.jsx("div",{children:e.jsx(t.IconButton,{Icon:o.isHorizontal?r.default:s.default,bordered:!(null==o?void 0:o.hideBorder)})}),o.isNewTag?e.jsx("div",{className:"new--tag"}):null]}))}));u.displayName="MenuItemDropdown",exports.MenuItemDropdown=u;

package/dist/cjs/components/dropdown/MultilevelDropdownPopover/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Placement } from "../../tooltips";
-import { OpenDropdownProps } from '../type';
-export declare const MultilevelDropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-    onDropdownOpen?: (() => void) | undefined;
-    onDropdownVisbilityChange?: ((isOpen: boolean) => void) | undefined;
-    tooltipContent?: string | undefined;
-    tooltipDirection?: Placement | undefined;
-    showTooltipArrow?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../../type';
-export declare const OpenedDropdown: React.FC<OpenDropdownProps>;

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,8 +0,0 @@
-export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: number | string;
-    minHeight: number | string;
-}, never>;

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

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);const i=t.default.div`
-	border-radius: ${e=>"2.0"===e.version?8:4}px;
-	border: ${e=>"2.0"===e.version?0:1}px solid
-		${r.COLORS.stroke.primary};
-	max-height: 480px;
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	position: relative;
-	padding: ${e=>"2.0"===e.version?4:0}px;
-	background-color: ${r.COLORS.surface.standard};
-`;t.default.div`
-	padding: 14px 16px 14px 18px;
-	flex-direction: row;
-	align-items: center;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: ${r.COLORS.stroke.primary};
-	width: 100%;
-	height: 100%;
-`;const d=t.default.div`
-	max-height: ${e=>"number"==typeof e.maxHeight?`${e.maxHeight}px`:e.maxHeight};
-	overflow-y: auto;
-	position: relative;
-	&::-webkit-scrollbar-thumb {
-		background: #e0e0e0;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;exports.MenuListContainer=d,exports.OpennedDropdownContainer=i;

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const Description: React.FC<{
-    title: string;
-    description: string;
-    version?: '1.0' | '2.0';
-}>;

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;

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

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=r(e).default.div`
-	background: ${t.COLORS.surface.standard};
-	border-left: ${e=>"2.0"===e.version?.5:1}px solid
-		${t.COLORS.stroke.primary};
-	width: 50%;
-`;exports.DescriptionContainer=o;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FreeFormMenu: React.FC<{
-    isMultiSelect?: boolean;
-    searchedString: string;
-    onSelect: (isChecked: boolean) => void;
-    version?: '1.0' | '2.0';
-}>;

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -1 +0,0 @@
-export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(e).default.div`
-	padding: 4px 8px;
-	background: ${r.COLORS.surface.subdued};
-	border: 1px solid ${r.COLORS.stroke.primary};
-	border-radius: 4px;
-`;exports.FreeFormContainer=o;

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { MultiSelectOption, SingleOption } from '../../../type';
-interface MenuItemProps {
-    option: SingleOption | MultiSelectOption;
-    isMultiSelect?: boolean;
-    showDescription: (title?: string, description?: string) => void;
-    onSelect: (option: SingleOption) => void;
-    onDropdownItemClick?: (option: SingleOption) => void;
-    last?: boolean;
-    version?: '1.0' | '2.0';
-    useDefaultCursor?: boolean;
-    isFocused?: boolean;
-    dataIndex?: number;
-}
-export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

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

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

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { DropdownOption, SingleOption } from '../../../type';
-interface MenuListProps {
-    options: DropdownOption[];
-    isMultiSelect?: boolean;
-    showDescription: (title?: string, description?: string) => void;
-    onSelect: (optionSelect: SingleOption) => void;
-    version?: '1.0' | '2.0';
-    onInfiniteScroll?: () => void;
-    onDropdownItemClick?: (option: DropdownOption) => void;
-    useDefaultCursor?: boolean;
-    focusedIndex?: number;
-}
-export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
-export {};

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-} & {
-    version?: "1.0" | "2.0" | undefined;
-}, never>;