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

package/dist/esm/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/esm/components/discount-modal/type.js

@@ -1 +0,0 @@
-var i,n,t,o,e,l,c,a;!function(i){i.AMOUNT="amount",i.QUANTITY="quantity",i.NA="na"}(i||(i={})),function(i){i.FIXED_AMOUNT="fixedAmount",i.PERCENTAGE="percentage"}(n||(n={})),function(i){i.LINE_ITEM="lineItem",i.SHIPPING_LINE="shippingLine"}(t||(t={})),function(i){i.ENTITLED="entitled",i.ALL="all"}(o||(o={})),function(i){i.AMOUNT_OFF_PRODUCTS="amountOffProducts",i.AMOUNT_OFF_ORDER="amountOffOrder",i.BUY_X_GET_Y="buyXGetY",i.FREE_SHIPPING="freeShipping"}(e||(e={})),function(i){i.ENTIRE_ORDER="entireOrder",i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(l||(l={})),function(i){i.SPECIFIC_PRODUCTS="specificProducts",i.SPECIFIC_COLLECTIONS="specificCollections"}(c||(c={})),function(i){i.FIXED_EXPIRATION="fixedExpiration",i.DYNAMIC_EXPIRATION="dynamicExpiration"}(a||(a={}));const u={invalidDiscountCode:!1,invalidCouponDescription:!1,invalidCouponTitle:!1,inValidProbability:!1},d={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};export{a as COUPON_EXPIRATION,l as DISCOUNT_APPLIES_TO,o as DISCOUNT_TARGET_SELECTION,t as DISCOUNT_TARGET_TYPES,e as DISCOUNT_TYPES,n as DISCOUNT_VALUE_TYPES,i as MIN_PURCHASE_REQUIREMENT,c as OFFER_APPLIES_TO,d as initialDynamicCouponErrorState,u as initialStaticCouponErrorState};

package/dist/esm/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/esm/components/dot-pulse/DotPulse.js

@@ -1,35 +0,0 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import e from"styled-components";const a=({color:e="linear-gradient(90deg, #ff166a 0%, #ff317dff 100%)",size:a=4})=>i(n,{children:[o(r,{$color:e,$size:a}),o(r,{$color:e,$size:a}),o(r,{$color:e,$size:a})]}),n=e.span`
-	display: inline-flex;
-	align-items: center;
-`,r=e.span`
-	display: block;
-	width: ${i=>i.$size}px;
-	height: ${i=>i.$size}px;
-	border-radius: 50%;
-	background: ${i=>i.$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);
-		}
-	}
-`;export{a as DotPulse};

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

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

package/dist/esm/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/esm/components/dropShadow/DropShadow.js

@@ -1 +0,0 @@
-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)"}},n=({level:n="z1",position:r="down",children:e,style:o})=>{const t=x[n][r];return p("div",Object.assign({style:Object.assign({boxShadow:t},null!=o?o:{})},{children:e}))};export{n as DropShadow};

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

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

package/dist/esm/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/esm/components/dropdown/ChipDropdown.js

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

package/dist/esm/components/dropdown/ChipInput.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/esm/components/dropdown/ChipInput.js

@@ -1 +0,0 @@
-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=({chips:j,onDeleteChip:b,containerStyle:f={},sizeToUse:v="default",isDropdownOpened:y,placeholder:O="Select..",errorMessage:u="",showLabelsOnMoreHover:x=!1})=>{const[T,w]=o(),[I,C]=o(0),[S,z]=o([]);return l(()=>{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]]),w(s);const o=j.filter(e=>!s.includes(e)).map(e=>e.label);z(o),C(j.length-s.length)},[j]),e(t,{children:[e(g,Object.assign({style:Object.assign({},f),error:!!u},{children:[e("div",Object.assign({className:"chips-container"},{children:[null==T?void 0:T.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:()=>{b(e)}})},{children:e.selectedLabel||e.label}))}),t)),!!I&&s("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:s(m,Object.assign({body:"",placement:"bottom",tooltipContent:x&&S.length>0?s("div",Object.assign({style:{padding:"4px"}},{children:S.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:`+${I} more`}))}))})),0===j.length&&s("div",Object.assign({style:{color:r.content.placeholder}},{children:O}))]})),s("div",{children:s(n,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===v?16:"small"===v?20:24,height:"x-small"===v?16:"small"===v?20:24,color:r.content.primary})})]})),!!u&&e(d,Object.assign({invalid:!0},{children:[!!u&&s(a,{width:16,height:16}),u]}))]})};export{j as default};

package/dist/esm/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/esm/components/dropdown/Common.styled.js

@@ -1,37 +0,0 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const o=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"};
-	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`
-	margin-top: 8px;
-	margin-bottom: 8px;
-`;e.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	padding: 6px 8px;
-	background: ${i.surface.hovered};
-	border: 1px solid ${i.stroke.primary};
-	border-radius: 4px;
-`;const r=e.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 ${i.stroke.negative.vibrant}`:`1px solid ${i.stroke.primary}`};
-	.chips-container {
-		display: flex;
-		gap: 8px;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-`;export{r as ChipInputWrapper,t as OpenDropdownContainer,o as OverLapAbs};

package/dist/esm/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/esm/components/dropdown/Dropdown.js

@@ -1 +0,0 @@
-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

@@ -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/esm/components/dropdown/DropdownPopover/index.js

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

package/dist/esm/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/esm/components/dropdown/MenuItem/MenuItem.js

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

package/dist/esm/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/esm/components/dropdown/MultilevelDropdownPopover/index.js

@@ -1 +0,0 @@
-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.d.ts

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

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

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

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -1,37 +0,0 @@
-import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const e=o.div`
-	border-radius: ${o=>"2.0"===o.version?8:4}px;
-	border: ${o=>"2.0"===o.version?0:1}px solid
-		${r.stroke.primary};
-	max-height: 480px;
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	position: relative;
-	padding: ${o=>"2.0"===o.version?4:0}px;
-	background-color: ${r.surface.standard};
-`;o.div`
-	padding: 14px 16px 14px 18px;
-	flex-direction: row;
-	align-items: center;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: ${r.stroke.primary};
-	width: 100%;
-	height: 100%;
-`;const i=o.div`
-	max-height: ${o=>"number"==typeof o.maxHeight?`${o.maxHeight}px`:o.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;
-	}
-`;export{i as MenuListContainer,e as OpennedDropdownContainer};

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-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 s}from"./Description.styled.js";const n=({title:n,description:c,version:m})=>t(s,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:n})),t(o,Object.assign({style:{color:i.content.secondary}},{children:c}))]}))}));export{n as Description};

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js

@@ -1,6 +0,0 @@
-import o from"styled-components";import{COLORS as r}from"../../../../../constants/Theme.js";const t=o.div`
-	background: ${r.surface.standard};
-	border-left: ${o=>"2.0"===o.version?.5:1}px solid
-		${r.stroke.primary};
-	width: 50%;
-`;export{t as DescriptionContainer};

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-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=({searchedString:m,onSelect:l,isMultiSelect:a,version:p})=>{const[f,h]=o(!1);function u(){h(!f),l(!f)}return e(i,{version:p,onClick:e=>{e.preventDefault(),u()},listItem:{label:m,value:m},leadingIcon:a?e(r,{size:"2.0"===p?"SMALL":"DEFAULT",isChecked:f,onValueChange:u}):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/FreeFormMenu.styled.d.ts

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

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

@@ -1,6 +0,0 @@
-import r from"styled-components";import{COLORS as o}from"../../../../../constants/Theme.js";const d=r.div`
-	padding: 4px 8px;
-	background: ${o.surface.subdued};
-	border: 1px solid ${o.stroke.primary};
-	border-radius: 4px;
-`;export{d as FreeFormContainer};

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

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

package/dist/esm/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/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

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

package/dist/esm/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>;

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

@@ -1,6 +0,0 @@
-import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";const e=o(r)`
-	padding: 8px ${o=>"2.0"===o.version?12:16}px;
-	color: ${o=>"2.0"===o.version?n.content.placeholder:n.content.secondary};
-	background-color: ${o=>"2.0"===o.version?n.surface.standard:n.background.base};
-	font-size: ${o=>"2.0"===o.version?10:12}px;
-`;export{e as StyledGroupedLabel};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DropdownOption } from '../../../type';
-export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
-export declare const SelectAllMenu: React.FC<{
-    options: DropdownOption[];
-    onSelect: (newState: SelectAllCheckboxState) => void;
-    version?: '1.0' | '2.0';
-}>;

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

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