@bikdotai/bik-component-library 0.0.718-beta.6 → 0.0.718-beta.7

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("../../node_modules/react/jsx-runtime.js");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=r=>{let{level:s="z1",position:t="down",children:x,style:o}=r;const n=p[s][t];return e.jsxRuntimeExports.jsx("div",Object.assign({style:Object.assign({boxShadow:n},null!=o?o:{})},{children:x}))};

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("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("styled-components"),n=require("../tag/Tag.js"),i=require("../../constants/Theme.js"),s=require("../../assets/icons/chevronDown.svg.js"),l=require("../../assets/icons/chevronDownOutline.svg.js"),d=require("../../assets/icons/chevronUpOutline.svg.js"),u=require("../TypographyStyle.js"),a=require("./DropdownPopover/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(o);const g=o=>{var p,c,{placeHolder:g,onSelect:x,backgroundColor:j}=o,v=e.__rest(o,["placeHolder","onSelect","backgroundColor"]);const[y,f]=t.useState(!1),b=t.useRef();return r.jsxRuntimeExports.jsx(a.DropdownPopover,Object.assign({ref:b,onDropdownVisbilityChange:e=>f(e),onSelect:function(e){null==x||x(e)}},v,{children:"default"==v.inputType?r.jsxRuntimeExports.jsxs(h,Object.assign({width:null===(p=null==v?void 0:v.inputStyle)||void 0===p?void 0:p.width,height:null===(c=null==v?void 0:v.inputStyle)||void 0===c?void 0:c.height,backgroundColor:j},{children:[r.jsxRuntimeExports.jsx(u.BodySecondary,Object.assign({color:i.COLORS.content.placeholder},{children:g})),r.jsxRuntimeExports.jsx(s.default,{style:{transform:y?"rotate(180deg)":"rotate(0deg)"},width:20,height:20,color:i.COLORS.content.primary})]})):r.jsxRuntimeExports.jsx(n.Tag,{tagText:null!=g?g:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:y?d.default:l.default})}))};g.displayName="ChipDropdown";const h=c.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("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("../../utils/StringUtils.js"),r=require("../../constants/Theme.js"),i=require("../../assets/icons/chevronDown.svg.js"),n=require("../../assets/icons/cross.svg.js"),l=require("../../assets/icons/errorInfo.svg.js"),o=require("../input/Input.styled.js"),a=require("../tag/Tag.js"),c=require("../tooltips/Tooltip.js"),x=require("../TypographyStyle.js"),j=require("./Common.styled.js");exports.default=u=>{let{chips:d,onDeleteChip:p,containerStyle:h={},sizeToUse:g="default",isDropdownOpened:m,placeholder:O="Select..",errorMessage:b="",showLabelsOnMoreHover:R=!1}=u;const[y,E]=t.useState(),[v,f]=t.useState(0),[q,C]=t.useState([]);return t.useEffect((()=>{if(!d)return;let e=0;const t=(e=>1===e.length?100:2===e.length?40:34)(d);let s=d.filter((s=>(e+=s.label.length,e<=t)));0===s.length&&d.length>0&&(s=[d[0]]),E(s);const r=d.filter((e=>!s.includes(e))).map((e=>e.label));C(r),f(d.length-s.length)}),[d]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(j.ChipInputWrapper,Object.assign({style:Object.assign({},h),error:!!b},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"chips-container"},{children:[null==y?void 0:y.map(((t,r)=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{zIndex:2}},{children:e.jsxRuntimeExports.jsx(a.Tag,Object.assign({tagText:s.default.truncateText(t.selectedLabel||t.label,40),TrailingIcon:()=>e.jsxRuntimeExports.jsx(n.default,{width:12,height:12,style:{cursor:"pointer"},onClick:()=>{p(t)}})},{children:t.selectedLabel||t.label}))}),r))),!!v&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"relative",zIndex:2,pointerEvents:"auto"}},{children:e.jsxRuntimeExports.jsx(c.Tooltip,Object.assign({body:"",placement:"bottom",tooltipContent:R&&q.length>0?e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"4px"}},{children:q.map(((t,s)=>e.jsxRuntimeExports.jsx(x.BodyCaption,Object.assign({style:{color:r.COLORS.text.white}},{children:t}),s)))})):void 0},{children:e.jsxRuntimeExports.jsx(x.BodyCaption,Object.assign({color:r.COLORS.content.placeholder},{children:`+${v} more`}))}))})),0===d.length&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{color:r.COLORS.content.placeholder}},{children:O}))]})),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(i.default,{style:{transform:m?"rotate(180deg)":"rotate(0deg)"},width:"x-small"===g?16:"small"===g?20:24,height:"x-small"===g?16:"small"===g?20:24,color:r.COLORS.content.primary})})]})),!!b&&e.jsxRuntimeExports.jsxs(o.InputFooter,Object.assign({invalid:!0},{children:[!!b&&e.jsxRuntimeExports.jsx(l.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("../../node_modules/react/jsx-runtime.js"),n=require("react"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),l=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),i=require("./ChipInput.js"),a=require("./DropdownPopover/index.js"),d=require("./OpenedDropdown/utils/iterationOnOptions.js");function u(){}const p=p=>{var c,h,x,v,j,{placeHolder:g,size:w,onSelect:m,defaultOptions:f,disabled:b,noErrorHint:O,placeHolderHeight:I,showPlaceholderWhenSelected:y=!1,inputStyle:S={},inputType:E="default",onDeleteChip:H,truncatedText:D,showLeadingIconInPlaceholder:P=!1,showTrailingIconPlaceholder:T=!1,showLabelsOnMoreHover:q=!1}=p,R=e.__rest(p,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover"]);const[C,_]=n.useState(!1),L=null!=w?w:"default",M=n.useRef(),[z,W]=n.useState(null!=f?f:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==R?void 0:R.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)})),W([...t])}),[R.options]),n.useEffect((()=>{f&&W([...f])}),[f]);const A=d.getSelectedOptionsAsText(z);return t.jsxRuntimeExports.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:Object.assign({height:I||("x-small"===L?24:"small"===L?32:48),width:null!==(h=null!==(c=R.buttonWidth)&&void 0!==c?c:R.width)&&void 0!==h?h:"100%",zIndex:1,cursor:"pointer",padding:"x-small"===L?"4px 8px":"6px 8px"},S),input:{minHeight:"100%"}}},{children:t.jsxRuntimeExports.jsxs(a.DropdownPopover,Object.assign({"data-test":R["data-test"],ref:M,onSelect:function(e){Array.isArray(e)?W([...e]):W([e]),null==m||m(e)},disabled:b,onDropdownVisbilityChange:e=>_(e)},R,{children:["default"==E&&t.jsxRuntimeExports.jsx(l.Input,{version:R.version,noErrorHint:O,state:b?"disabled":"none",value:y?g:null!=A?A:"",errorMessage:R.error,variant:L,placeholder:null!=g?g:"Select an option",width:null!==(x=R.width)&&void 0!==x?x:"100%",onChangeText:u,leftIcon:P&&(null===(v=z[0])||void 0===v?void 0:v.leadingIcon)?{icon:()=>{var e;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:null===(e=z[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return t.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex"}},{children:[T&&(null===(e=z[0])||void 0===e?void 0:e.trailingIcon),t.jsxRuntimeExports.jsx(r.default,{style:{transform:C?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"x-small"===L?16:"small"===L?20:24,height:"x-small"===L?16:"small"===L?20:24,color:o.COLORS.content.primary})]}))}},truncateText:null==D||D}),"chip"==E&&t.jsxRuntimeExports.jsx(i.default,{placeholder:null!=g?g:"Select options",chips:z,onDeleteChip:e=>{null==H||H(e)},errorMessage:R.error,isDropdownOpened:C,sizeToUse:L,containerStyle:{width:null!==(j=R.width)&&void 0!==j?j:"100%",cursor:"pointer"},showLabelsOnMoreHover:q})]}))}))};p.displayName="Dropdown",exports.Dropdown=p;

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

@@ -1,18 +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;
-} & 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"),t=require("../../../node_modules/react/jsx-runtime.js"),o=require("react"),n=require("react-popper"),s=require("../../dropShadow/DropShadow.js"),r=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(o).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:j,tooltipDirection:x,showTooltipArrow:v,isChildLoading:w}=a,m=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading"]);const h=d,[b,f]=o.useState(!1),[g,E]=o.useState(null),[D,O]=o.useState(null),R=o.useRef(null),{styles:y,attributes:S}=n.usePopper(g,D,{placement:m.placement,strategy:m.strategy}),C=e=>{var t,o;"2.0"===c&&m.isMultiSelect&&e&&(null===(t=m.onSelect)||void 0===t||t.call(m,[...e])),f(!1),null===(o=null==m?void 0:m.onClose)||void 0===o||o.call(m)};o.useImperativeHandle(h,(()=>({openDropdown:b})),[]),o.useEffect((()=>{(null==h?void 0:h.current)&&(h.current.openDropdown=b)}),[b]),o.useEffect((()=>{null==u||u(b)}),[b]);const q=()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"},ref:E},{children:[t.jsxRuntimeExports.jsx(i.OverLapAbs,Object.assign({ref:R,allowEvents:m.allowEvents,disabled:m.disabled,onClick:e=>{var t;null===(t=m.onDropdownOpen)||void 0===t||t.call(m),b?(f(!1),e.preventDefault()):m.disabled||f(!0)},isChildLoading:w},{children:m.allowEvents?p:null})),m.allowEvents?null:p]})),b&&t.jsxRuntimeExports.jsx(i.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},S.popper,{"data-test":m["data-test"]},{children:t.jsxRuntimeExports.jsx(s.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:t.jsxRuntimeExports.jsx(l.OpenedDropdown,Object.assign({},m,{onSelect:e=>{var t;"2.0"===c&&m.isMultiSelect||(null===(t=m.onSelect)||void 0===t||t.call(m,e),f(!1))},onClose:C,version:c,headerRef:R,zeroState:null==m?void 0:m.zeroState}))}))}))]});return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:b||void 0===j?q():t.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:j,placement:x,hideArrow:!v},{children:t.jsxRuntimeExports.jsx("div",Object.assign({"data-test":m["data-test"]},{children:q()}))}))})}));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("../../../node_modules/react/jsx-runtime.js"),s=require("../../../assets/icons/horizontal_dots.svg.js"),t=require("../../../assets/icons/vertical_dots.svg.js"),o=require("styled-components"),r=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 u=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;
-	}
-`,a=o=>e.jsxRuntimeExports.jsx(u,Object.assign({isNewTag:o.isNewTag},{children:e.jsxRuntimeExports.jsxs(n.DropdownPopover,Object.assign({},o,{children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.IconButton,{Icon:o.isHorizontal?s.default:t.default,bordered:!(null==o?void 0:o.hideBorder)})}),o.isNewTag?e.jsxRuntimeExports.jsx("div",{className:"new--tag"}):null]}))}));a.displayName="MenuItemDropdown",exports.MenuItemDropdown=a;

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default(o.BodyCaption)`
-	padding: 8px ${e=>"2.0"===e.version?12:16}px;
-	color: ${e=>"2.0"===e.version?r.COLORS.content.placeholder:r.COLORS.content.secondary};
-	background-color: ${e=>"2.0"===e.version?r.COLORS.surface.standard:r.COLORS.background.base};
-	font-size: ${e=>"2.0"===e.version?10:12}px;
-`;exports.StyledGroupedLabel=n;

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

@@ -1 +0,0 @@
-"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"})};

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

@@ -1,11 +0,0 @@
-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 +0,0 @@
-"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()}})]}))]}))};

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

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

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

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.div`
-	display: flex;
-	padding: 8px 16px;
-	flex-direction: row;
-	align-items: center;
-	justify-content: end;
-	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-	background: ${t.COLORS.surface.standard};
-`;exports.BottomBarContainer=r;

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

@@ -1,5 +0,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 +0,0 @@
-"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)}})}))};

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

@@ -1,7 +0,0 @@
-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 +0,0 @@
-"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})}))};

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

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

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

@@ -1,39 +0,0 @@
-/// <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[];

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map((t=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label})).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map((t=>{if(t.options){const s=t.options.map((t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,e){t.forEach((t=>{t.options?t.options.forEach(e):e(t)}))};