@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { ButtonOptions, DropdownOption } from '../../../type';
-interface MultiSelectDropdownBottomBarProps {
-    onClear?: () => void;
-    onApply: () => void;
-    list: DropdownOption[];
-    buttonText?: string;
-    buttonOptions?: ButtonOptions;
-}
-declare const MultiSelectDropdownBottomBar: React.FC<MultiSelectDropdownBottomBarProps>;
-export default MultiSelectDropdownBottomBar;
+import React from 'react';
+import { ButtonOptions, DropdownOption } from '../../../type';
+interface MultiSelectDropdownBottomBarProps {
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+    buttonText?: string;
+    buttonOptions?: ButtonOptions;
+}
+declare const MultiSelectDropdownBottomBar: React.FC<MultiSelectDropdownBottomBarProps>;
+export default MultiSelectDropdownBottomBar;

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1 +1 @@
-export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BottomBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const SearchBox: React.FC<{
-    onSearch: (searchString: string) => void;
-    version?: '1.0' | '2.0';
-}>;
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string) => void;
+    version?: '1.0' | '2.0';
+}>;

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

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

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

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare const SearchZeroState: React.FC<{
-    searchedString: string;
-    height: number;
-    isLoading?: boolean;
-    containerWidth?: string;
-}>;
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+    height: number;
+    isLoading?: boolean;
+    containerWidth?: string;
+}>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../node_modules/react/jsx-runtime.js"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:s,height:i,isLoading:n,containerWidth:o}=r;return e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:i,display:"flex",alignItems:"center"}},{children:e.jsxRuntimeExports.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=s?s:""}"`,containerWidth:o})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=r=>{let{searchedString:i,height:s,isLoading:n,containerWidth:o}=r;return e.jsx("div",{style:{height:s,display:"flex",alignItems:"center"},children:e.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=i?i:""}"`,containerWidth:o})})};

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

@@ -1 +1 @@
-export * from './components/OpennedDropdown';
+export * from './components/OpennedDropdown';

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -1,39 +1,38 @@
-/// <reference types="react" />
-import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    label: string;
-    value: string;
-    description?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    leadingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    searchKey?: string | undefined;
-    selectedLabel?: string | undefined;
-    children?: SingleOption[] | undefined;
-    parent?: SingleOption | undefined;
-    'data-test'?: string | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    description?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    leadingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    searchKey?: string | undefined;
-    selectedLabel?: string | undefined;
-    children?: SingleOption[] | undefined;
-    parent?: SingleOption | undefined;
-    'data-test'?: string | undefined;
-    options: SingleOption[];
-})[];
-export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
-export declare function getSelectedOptionsAsText(selectedOption: DropdownOption[]): string | undefined;
-export declare function getSelectedOptionsAsArray(selectedOption: DropdownOption[]): string[];
+import { DropdownOption, SingleOption } from '../../type';
+export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
+    label: string;
+    value: string;
+    description?: string | null;
+    selected?: boolean;
+    disabled?: boolean;
+    isFreeForm?: boolean;
+    subText?: string;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+    searchKey?: string;
+    selectedLabel?: string;
+    children?: SingleOption[];
+    parent?: SingleOption;
+    'data-test'?: string;
+} | {
+    label?: string;
+    value?: string | undefined;
+    description?: string | null | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    isFreeForm?: boolean | undefined;
+    subText?: string | undefined;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+    searchKey?: string | undefined;
+    selectedLabel?: string | undefined;
+    children?: SingleOption[] | undefined;
+    parent?: SingleOption | undefined;
+    'data-test'?: string | undefined;
+    options: (SingleOption | import("../../type").MultiSelectOption)[];
+})[];
+export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
+export declare function getSelectedOptionsAsText(selectedOption: DropdownOption[]): string | undefined;
+export declare function getSelectedOptionsAsArray(selectedOption: DropdownOption[]): string[];

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

@@ -1,52 +1,51 @@
-/// <reference types="react" />
-import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
-import { DropdownOption, SingleOption } from '../type';
-export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
-    latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
-    dropdownOptions: DropdownOption[];
-    search: (searchKey: string) => void;
-    searchedString: string;
-    searchedOptions: DropdownOption[];
-    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
-        label: string;
-        value: string;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-        selectedLabel?: string | undefined;
-        children?: SingleOption[] | undefined;
-        parent?: SingleOption | undefined;
-        'data-test'?: string | undefined;
-    } | {
-        label?: string | undefined;
-        value?: string | undefined;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-        selectedLabel?: string | undefined;
-        children?: SingleOption[] | undefined;
-        parent?: SingleOption | undefined;
-        'data-test'?: string | undefined;
-        options: SingleOption[];
-    })[] | undefined;
-    selectAllHandler: (newState: SelectAllCheckboxState) => void;
-    onMultiSelectClear: () => void;
-    onFreeFormSelect: (selected: boolean) => void;
-    onMultiSelectApply: (options?: DropdownOption[]) => void;
-    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
-    getCurrentSelectionCount: (data: DropdownOption[]) => number;
-    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
-    maxSelections: number | undefined;
-};
+import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
+import { DropdownOption, SingleOption } from '../type';
+export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: (searchKey: string) => Promise<DropdownOption[]>, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
+    latestDropdownOptionsRef: import("react").RefObject<DropdownOption[]>;
+    dropdownOptions: DropdownOption[];
+    search: (searchKey: string) => void;
+    searchedString: string;
+    searchedOptions: DropdownOption[];
+    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
+        label: string;
+        value: string;
+        description?: string | null;
+        selected?: boolean;
+        disabled?: boolean;
+        isFreeForm?: boolean;
+        subText?: string;
+        trailingIcon?: JSX.Element;
+        leadingIcon?: JSX.Element;
+        customComponent?: JSX.Element;
+        searchKey?: string;
+        selectedLabel?: string;
+        children?: SingleOption[];
+        parent?: SingleOption;
+        'data-test'?: string;
+    } | {
+        label?: string;
+        value?: string | undefined;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element;
+        leadingIcon?: JSX.Element;
+        customComponent?: JSX.Element;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+        options: (SingleOption | import("../type").MultiSelectOption)[];
+    })[] | undefined;
+    selectAllHandler: (newState: SelectAllCheckboxState) => void;
+    onMultiSelectClear: () => void;
+    onFreeFormSelect: (selected: boolean) => void;
+    onMultiSelectApply: (options?: DropdownOption[]) => void;
+    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
+    getCurrentSelectionCount: (data: DropdownOption[]) => number;
+    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
+    maxSelections: number | undefined;
+};

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

@@ -1,6 +1,6 @@
-import { DropdownPopover } from './DropdownPopover';
-export * from './Dropdown';
-export * from './ChipDropdown';
-export { DropdownPopover };
-export * from './OpenedDropdown';
-export * from './MenuItem/MenuItem';
+import { DropdownPopover } from './DropdownPopover';
+export * from './Dropdown';
+export * from './ChipDropdown';
+export { DropdownPopover };
+export * from './OpenedDropdown';
+export * from './MenuItem/MenuItem';

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

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

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { DropdownProps } from "../dropdown";
-import { ButtonProps } from '../button/model';
-export interface DropdownButtonProps {
-    dropdownProps: DropdownProps;
-    buttonProps: ButtonProps;
-    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const DropdownButton: React.FC<DropdownButtonProps>;
+import React from 'react';
+import { DropdownProps } from '@src/components/dropdown';
+import { ButtonProps } from '../button/model';
+export interface DropdownButtonProps {
+    dropdownProps: DropdownProps;
+    buttonProps: ButtonProps;
+    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const DropdownButton: React.FC<DropdownButtonProps>;

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

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

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

@@ -1,6 +1,6 @@
-import { Type } from '../button/model';
-export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
-    type: Type | undefined;
-    disabled: boolean | undefined;
-}, never>;
-export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { Type } from '../button/model';
+export declare const DropdownButtonStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    type: Type | undefined;
+    disabled: boolean | undefined;
+}>> & string;
+export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/dropdown-button/index.d.ts

@@ -1 +1 @@
-export * from './DropdownButton';
+export * from './DropdownButton';

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

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

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

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

package/dist/cjs/components/dynamic-tabs/index.d.ts

@@ -1 +1 @@
-export * from './DynamicTabs';
+export * from './DynamicTabs';