@bikdotai/bik-component-library 0.0.4-analytics-chips-beta → 0.0.4

package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from './AnalyticsCard';
-export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width: string;
-    mode?: ModeType | undefined;
-    count?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    count: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/analytics-card/AnalyticsCard.styled.js

@@ -1 +0,0 @@
-import g from"@emotion/styled/base";import{BASE_COLORS as I}from"../../constants/Theme.js";const c=g("div","production"===process.env.NODE_ENV?{target:"ednv6o21"}:{target:"ednv6o21",label:"AnalyticsContainer"})("display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;justify-content:space-evenly;",(g=>g.width?`width: ${g.width}`:"width: 280px"),";background:",(g=>"light"==g.mode?I.grayscale[100]:I.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(g=>5==g.count?"flex-basis: 48%":6==g.count||7==g.count?"flex-basis: 31%":8==g.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(g=>7==g.count?"flex-basis: 23% !important":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcclxuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxyXG4gICAgOiBCQVNFX0NPTE9SUy5icmFuZFsnOTAwJ119O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgID8gJ2ZsZXgtYmFzaXM6IDMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xyXG4gICAgICAgICAgICA6ICcnfTtcblx0fVxuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKDQpIHtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLmNvdW50ID09IDcgPyAnZmxleC1iYXNpczogMjMlICFpbXBvcnRhbnQnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMlxyXG4gICAgPyAnNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXHJcbiAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxyXG4gICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNVxyXG4gICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XHJcbiAgICAgICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzQ2FyZC5zdHlsZWQuanMubWFwIl19 */")),A=g("div","production"===process.env.NODE_ENV?{target:"ednv6o20"}:{target:"ednv6o20",label:"CardDataContainer"})("display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex-grow:1;flex-shrink:0;flex-basis:",(g=>2==g.count?"48%":3==g.count?"31%":4==g.count?"23%":5==g.count||6==g.count?"31%":7==g.count||8==g.count?"23%":"auto"),";.category,.statistic{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiAnd2lkdGg6IDI4MHB4Jyl9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSAnbGlnaHQnXHJcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cclxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxyXG4gICAgPyAnZmxleC1iYXNpczogNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcclxuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IENhcmREYXRhQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRyb3ctZ2FwOiA0cHg7XG5cblx0ZmxleC1ncm93OiAxO1xuXHRmbGV4LXNocmluazogMDtcblx0ZmxleC1iYXNpczogJHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDJcclxuICAgID8gJzQ4JSdcclxuICAgIDogcHJvcHMuY291bnQgPT0gM1xyXG4gICAgICAgID8gJzMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDRcclxuICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDVcclxuICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNlxyXG4gICAgICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG8nfTtcblxuXHQuY2F0ZWdvcnksXG5cdC5zdGF0aXN0aWMge1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc0NhcmQuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{c as AnalyticsContainer,A as CardDataContainer};

package/dist/esm/components/analytics-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AnalyticsCard';
-export * from './AnalyticsCard.styled';

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface AnalyticsChipInterface {
-    title: string;
-    primaryValue: string;
-    backgroundColor?: string;
-    captionColor?: string;
-    titleColor?: string;
-    width?: string;
-    extraJSX?: JSX.Element;
-}
-export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as r}from"react/jsx-runtime";import{BASE_COLORS as t}from"../../constants/Theme.js";import{BodyCaption as e,TitleLarge as s}from"../TypographyStyle.js";import{AnalyticsChipContainer as l}from"./CommonStyles.js";const c=c=>{const{title:i,primaryValue:a,titleColor:n,captionColor:m=t.grayscale[700],backgroundColor:p=t.grayscale[50],width:y="224.67",extraJSX:g}=c;return o(l,Object.assign({backgroundColor:p,width:y},{children:[r(e,Object.assign({style:{color:m}},{children:i})),r(s,Object.assign({style:{color:n}},{children:a})),g]}))};export{c as AnalyticsChip};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts

@@ -1,25 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-export interface DropdownOptions {
-    label: string;
-    value: string;
-    key: string | number;
-    isCustom?: boolean;
-    dateRangeSelectionOptions?: {
-        selectRange: boolean;
-        selectedDates?: Date[];
-        selectedDate?: Date;
-        minDate?: Date;
-        maxDate?: Date;
-    };
-}
-export interface AnalyticsDropdownInterface {
-    options: DropdownOptions[];
-    selected?: DropdownOptions;
-    placeholder?: string;
-    onOptionSelected: (chosen: DropdownOptions & {
-        selectedDate?: Date;
-        selectedRange?: [Date, Date];
-    }) => void;
-}
-export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as s}from"../../constants/Theme.js";import{DatePicker as a}from"../datePicker/DatePicker.js";import{BodySecondary as c,BodyCaption as d}from"../TypographyStyle.js";import{MainDropdown as r,ItemMenuContainer as m}from"./CommonStyles.js";const u=u=>{let{options:g,placeholder:v="Select an option",selected:p,onOptionSelected:h}=u;var y,j;const[O,b]=n(!1),[S,f]=n(p),[k,R]=n(),[D,x]=n(!1),w=()=>{x(!D)};i((()=>{(null==S?void 0:S.isCustom)&&b(!0)}),[S]);const C=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});return e(o,{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:e(r,Object.assign({drop:"down",show:D,onToggle:w},{children:[t(l.Toggle,Object.assign({id:"dropdown-autoclose-outside"},{children:t(c,{children:(null==S?void 0:S.isCustom)?k?`${C(k[0])} to ${C(k[1])}`:v:S?null==S?void 0:S.label:v})})),t(l.Menu,{children:g.map((o=>e(m,Object.assign({onClick:()=>{f(o),w()},isSelected:o.key==(null==S?void 0:S.key)},{children:[t(c,Object.assign({color:o.key==(null==S?void 0:S.key)?s.positive[900]:""},{children:o.label})),k&&(null==S?void 0:S.isCustom)&&o.key==(null==S?void 0:S.key)&&t(d,{children:`${C(k[0])} to ${C(k[1])}`})]}),o.key)))})]}))})),O&&t("div",{children:t(a,{selectRange:(null===(y=null==S?void 0:S.dateRangeSelectionOptions)||void 0===y?void 0:y.selectRange)||!1,maxDate:null===(j=null==S?void 0:S.dateRangeSelectionOptions)||void 0===j?void 0:j.maxDate,onSelectRange:(e,o)=>{var t;(null===(t=null==S?void 0:S.dateRangeSelectionOptions)||void 0===t?void 0:t.selectRange)&&h(Object.assign(Object.assign({},S),{selectedRange:[e,o]})),b(!1);R([e,o])},onSelectDate:e=>{var o;!(null===(o=null==S?void 0:S.dateRangeSelectionOptions)||void 0===o?void 0:o.selectRange)&&h(Object.assign(Object.assign({},S),{selectedDate:e||new Date})),R([e])}})})]})};export{u as AnalyticsDropdown};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { AnalyticsChipInterface } from './AnalyticsChip';
-export declare const AnalyticsMultiChip: React.FC<{
-    chipDetails: AnalyticsChipInterface[];
-}>;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as i}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as m}from"./CommonStyles.js";const o=o=>{let{chipDetails:e}=o;return r(m,{children:e.map(((r,m)=>t(i,Object.assign({},r,{key:m+"_chip"}))))})};export{o as AnalyticsMultiChip};

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    backgroundColor?: string | undefined;
-    width?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MainDropdown: import("@emotion/styled").StyledComponent<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    height?: string | undefined;
-}, {}, {}>;
-export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isSelected?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as b}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/CustomisedTooltip.js";import{StyledDropdown as d}from"../floating-action-button/FloatingActionButton.styles.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",label:"AnalyticsChipContainer"})("display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:8px;background:",(c=>c.backgroundColor),";border-radius:8px;max-width:",(c=>c.width?c.width:224.67),"px;min-width:",(c=>c.width?c.width:224.67),"px;overflow:hidden;text-overflow:ellipsis;white-space:initial;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdG1heC13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMjQuNjcpfXB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQuZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQuZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQuYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQuYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5zaG93ID4gLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiAnJ307XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDVweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNXB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",label:"AnalyticsMultiWrapper"})("production"===process.env.NODE_ENV?{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap"}:{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),G=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"MainDropdown"})(".dropdown-toggle::after{display:unset!important;}.dropdown-toggle::before{display:unset!important;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle{border:1px solid ",b.grayscale[200],";border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),t=c("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:1px solid ",b.grayscale[200],";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.positive[50]:""),";&:hover{background-color:",b.grayscale[200],";border-top-left-radius:5px;border-top-right-radius:5px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */"));export{l as AnalyticsChipContainer,X as AnalyticsMultiWrapper,t as ItemMenuContainer,G as MainDropdown};

package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AnalyticsChip';
-export * from './AnalyticsDropdown';
-export * from './AnalyticsMultiChip';

package/dist/esm/components/avatar/Avatar.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { AVATAR_BACKGROUND, SIZE, AVATAR_TYPES } from "./AvatarHelper";
-export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};
-export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
-    LIGHT: string;
-    DARK: string;
-};
-export type AvatarProps = {
-    type: AVATAR_TYPES;
-    size: SIZE;
-    background: AVATAR_BACKGROUND;
-    name?: string;
-    photoUrl?: string;
-    icon?: React.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-};
-export declare const Avatar: React.FC<AvatarProps>;

package/dist/esm/components/avatar/Avatar.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{AvatarStyle as o}from"./Avatar.styled.js";import{BodyTiny as s,TitleSmall as t,TitleMedium as i}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import{SIZE as n,AVATAR_BACKGROUND as a,AVATAR_TYPES as d,AVATAR_SIZE_MAP as l}from"./AvatarHelper.js";const p={[n.SMALL]:16,[n.MEDIUM]:20,[n.LARGE]:32},h={[a.LIGHT]:c.content.secondary,[a.DARK]:c.surface.standard},m=c=>e(o,Object.assign({size:c.size,background:c.background},{children:[c.type===d.IMAGE&&r("img",{width:l[c.size],height:l[c.size],style:{borderRadius:"50%"},src:c.photoUrl}),c.type===d.INITIALS&&r("div",{children:(()=>{const e=(c.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return c.size===n.SMALL?r(s,Object.assign({style:{color:h[c.background]}},{children:e})):c.size===n.MEDIUM?r(t,Object.assign({style:{color:h[c.background]}},{children:e})):c.size===n.LARGE?r(i,Object.assign({style:{color:h[c.background]}},{children:e})):void 0})()}),c.type===d.ICON&&c.icon&&r(c.icon,{width:p[c.size],height:p[c.size],color:h[c.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};

package/dist/esm/components/avatar/Avatar.styled.d.ts

@@ -1,5 +0,0 @@
-import { AVATAR_BACKGROUND, SIZE } from "./AvatarHelper";
-export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
-    size: SIZE;
-    background: AVATAR_BACKGROUND;
-}, never>;

package/dist/esm/components/avatar/Avatar.styled.js

@@ -1,10 +0,0 @@
-import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";import{AVATAR_SIZE_MAP as o,AVATAR_BACKGROUND as t}from"./AvatarHelper.js";const s=r.div`
-	width: ${r=>o[r.size]+"px"};
-	height: ${r=>o[r.size]+"px"};
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: ${r=>r.background===t.LIGHT?e.background.base:e.background.inverse};
-  border: ${r=>r.background===t.LIGHT?"1px solid "+e.stroke.primary:0};
-	border-radius: 50%;
-`;export{s as AvatarStyle};

package/dist/esm/components/avatar/AvatarHelper.d.ts

@@ -1,19 +0,0 @@
-export declare enum AVATAR_TYPES {
-    IMAGE = "IMAGE",
-    INITIALS = "INITIALS",
-    ICON = "ICON"
-}
-export declare enum SIZE {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
-}
-export declare enum AVATAR_BACKGROUND {
-    LIGHT = "LIGHT",
-    DARK = "DARK"
-}
-export declare const AVATAR_SIZE_MAP: {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};

package/dist/esm/components/avatar/AvatarHelper.js

@@ -1 +0,0 @@
-var I,L,A;!function(I){I.IMAGE="IMAGE",I.INITIALS="INITIALS",I.ICON="ICON"}(I||(I={})),function(I){I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE"}(L||(L={})),function(I){I.LIGHT="LIGHT",I.DARK="DARK"}(A||(A={}));const M={[L.SMALL]:24,[L.MEDIUM]:40,[L.LARGE]:64};export{A as AVATAR_BACKGROUND,M as AVATAR_SIZE_MAP,I as AVATAR_TYPES,L as SIZE};

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

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

package/dist/esm/components/curtain/Curtain.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export type CurtainProps = {
-    type: CURTAIN_TYPES;
-    mode: CURTAIN_MODE;
-    text: string;
-    icon?: React.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    actionButtonText?: string;
-    actionButtonClickHandler?: () => void;
-    hideCrossIcon?: boolean;
-    onCloseHandler?: () => void;
-    strokeAtTop?: boolean;
-    strokeAtBottom?: boolean;
-};
-export declare const Curtain: React.FC<CurtainProps>;

package/dist/esm/components/curtain/Curtain.js

@@ -1 +0,0 @@
-import{jsx as o,Fragment as t,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{BodySecondary as n,BodySecondaryLink as s}from"../TypographyStyle.js";import{COLORS as i}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{CurtainStyle as l}from"./Curtain.styled.js";import{COLOR_CONFIG_MAP as m,CURTAIN_MODE as a}from"./CurtainHelper.js";const p=p=>{const[d,h]=r(!1);if(d)return o(t,{});return e(l,Object.assign({mode:p.mode,type:p.type,strokeAtTop:p.strokeAtTop,strokeAtBottom:p.strokeAtBottom},{children:[p.icon&&o(p.icon,{color:m[p.mode][p.type].textColor,height:16,width:16}),o(n,Object.assign({style:{color:m[p.mode][p.type].textColor,marginLeft:8}},{children:p.text})),p.actionButtonText&&o(s,Object.assign({onClick:p.actionButtonClickHandler,style:{color:p.mode===a.DARK?m[p.mode][p.type].textColor:i.content.brand,marginLeft:16,textDecoration:"underline"}},{children:p.actionButtonText})),!p.hideCrossIcon&&o(c,{onClick:()=>{h(!0),p.onCloseHandler&&p.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:m[p.mode][p.type].crossIconColor})]}))};export{p as Curtain};

package/dist/esm/components/curtain/Curtain.styled.d.ts

@@ -1,7 +0,0 @@
-import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
-export declare const CurtainStyle: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-    strokeAtTop?: boolean | undefined;
-    strokeAtBottom?: boolean | undefined;
-}, never>;

package/dist/esm/components/curtain/Curtain.styled.js

@@ -1,14 +0,0 @@
-import o from"styled-components";import{COLOR_CONFIG_MAP as t}from"./CurtainHelper.js";const e=o.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 8px 16px;
-  background-color: ${o=>t[o.mode][o.type].backgroundColor};
-  border-top: ${o=>o.strokeAtTop?"1px solid "+t[o.mode][o.type].strokeColor:0};
-  border-bottom: ${o=>o.strokeAtBottom?"1px solid "+t[o.mode][o.type].strokeColor:0};
-  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-  width: 100%;
-  position: absolute;
-  top: 0;
-  z-index: 1;
-`;export{e as CurtainStyle};

package/dist/esm/components/curtain/CurtainHelper.d.ts

@@ -1,72 +0,0 @@
-export declare enum CURTAIN_TYPES {
-    NEGATIVE = "Negative",
-    WARNING = "Warning",
-    POSITIVE = "Positive",
-    NEUTRAL = "Neutral",
-    SPECIAL = "Special"
-}
-export declare enum CURTAIN_MODE {
-    LIGHT = "LIGHT",
-    DARK = "DARK"
-}
-export declare const COLOR_CONFIG_MAP: {
-    DARK: {
-        Negative: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Warning: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Positive: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Neutral: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-        Special: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-        };
-    };
-    LIGHT: {
-        Negative: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Warning: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Positive: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Neutral: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-        Special: {
-            backgroundColor: string;
-            textColor: string;
-            crossIconColor: string;
-            strokeColor: string;
-        };
-    };
-};

package/dist/esm/components/curtain/CurtainHelper.js

@@ -1 +0,0 @@
-import{COLORS as o}from"../../constants/Theme.js";var r,n;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special"}(r||(r={})),function(o){o.LIGHT="LIGHT",o.DARK="DARK"}(n||(n={}));const t={[n.DARK]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.WARNING]:{backgroundColor:o.background.warning.vibrant,textColor:o.content.primary,crossIconColor:o.content.secondary},[r.POSITIVE]:{backgroundColor:o.background.positive.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.NEUTRAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.SPECIAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard}},[n.LIGHT]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,crossIconColor:o.content.secondary,strokeColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,crossIconColor:o.content.secondary,strokeColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,crossIconColor:o.content.secondary,strokeColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,crossIconColor:o.content.secondary,strokeColor:o.stroke.primary},[r.SPECIAL]:{backgroundColor:o.background.brandLight,textColor:o.content.primary,crossIconColor:o.content.secondary,strokeColor:o.stroke.brandLightAlt}}};export{t as COLOR_CONFIG_MAP,n as CURTAIN_MODE,r as CURTAIN_TYPES};

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

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

package/dist/esm/components/datePicker/DatePicker.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type DatePickerProps = {
-    selectRange: boolean;
-    selectedDates?: Date[];
-    selectedDate?: Date;
-    onSelectRange: (startDate: Date, endDate: Date) => void;
-    onSelectDate: (date: Date) => void;
-    minDate?: Date;
-    maxDate?: Date;
-};
-export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/esm/components/datePicker/DatePicker.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import a from"react-calendar";import{PickerContainer as n}from"./DatePicker.styled.js";const c=c=>{const[r,s]=t(c.selectedDates),[l,o]=t(c.selectedDate);return e(n,Object.assign({selectRange:c.selectRange},{children:e(a,{onChange:e=>{c.selectRange?(c.onSelectRange(e[0],e[1]),s([e[0],e[1]])):(c.onSelectDate(e),o(e))},value:c.selectRange?r:l,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate})}))};export{c as DatePicker};

package/dist/esm/components/datePicker/DatePicker.styled.d.ts

@@ -1,4 +0,0 @@
-import 'react-calendar/dist/Calendar.css';
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    selectRange: boolean;
-}, never>;

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -1,156 +0,0 @@
-import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const o=r.div`
-	position: relative;
-	z-index: 99999;
-
-	.react-calendar {
-		background: ${e.text.white};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${e.text.white};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-		color: ${e.text.primary};
-		&--selectRange {
-			.react-calendar {
-				&__year-view {
-					.react-calendar__tile--hover {
-						background-color: unset;
-					}
-				}
-				&__month-view {
-					.react-calendar__tile--hover {
-						background-color: ${e.background.brandLight};
-					}
-				}
-			}
-		}
-		.react-calendar {
-			&__tile {
-				transition: all 0.25s;
-				&:enabled:hover {
-					background-color: ${e.surface.hovered};
-					border-radius: 4px;
-				}
-				&--hasActive:enabled:hover,
-				&--hasActive:enabled:focus {
-					background: ${e.background.brand};
-					color: ${e.text.white};
-				}
-				&.react-calendar__tile {
-					&--range {
-						&:enabled:hover {
-							border-radius: 0;
-						}
-					}
-					&--rangeStart {
-						border-top-right-radius: 0;
-						border-bottom-right-radius: 0;
-						border-top-left-radius: 4px !important;
-						border-bottom-left-radius: 4px !important;
-						background: ${e.background.brand};
-						color: ${e.text.white};
-
-						&:enabled:hover {
-							border-top-right-radius: 0;
-							background: ${e.background.brand};
-							border-color: ${e.background.brand};
-							border-bottom-right-radius: 0;
-						}
-						&.react-calendar__tile--rangeEnd {
-							${r=>(r=>r.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(r)}
-							border-top-left-radius: 4px;
-							border-bottom-left-radius: 4px;
-							&:enabled:hover {
-								background: ${e.background.brand};
-								border-color: ${e.background.brand};
-								border-top-right-radius: 0;
-								border-bottom-right-radius: 0;
-								border-top-left-radius: 4px !important;
-								border-bottom-left-radius: 4px !important;
-							}
-						}
-					}
-					&--rangeEnd {
-						border-top-left-radius: 0;
-						border-bottom-left-radius: 0;
-						border-top-right-radius: 4px !important;
-						border-bottom-right-radius: 4px !important;
-						background: ${e.background.brand};
-						color: ${e.text.white};
-
-						&:enabled:hover {
-							border-top-left-radius: 0;
-							background: ${e.background.brand};
-							border-color: ${e.background.brand};
-							border-bottom-left-radius: 0;
-						}
-					}
-				}
-			}
-		}
-
-		.react-calendar__tile--active {
-			background: ${e.background.brandLight};
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__tile--now {
-			background: ${e.text.white};
-			border-radius: 4px;
-			border-color: ${e.background.brand};
-			border-style: solid;
-			border-width: 1px;
-		}
-
-		.react-calendar__month-view__weekdays__weekday {
-			font-style: normal;
-			overflow: hidden;
-			font-weight: 600;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e.text.primary};
-
-			abbr[title] {
-				text-decoration: none !important;
-			}
-		}
-
-		.react-calendar__navigation button:enabled:hover,
-		.react-calendar__navigation button:enabled:focus {
-			background-color: ${e.background.brandLight};
-			border-radius: 4px;
-		}
-
-		.react-calendar__month-view__weekends {
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__month-view__days__day--weekend {
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__month-view__weekdays {
-			background: ${e.surface.subdued};
-		}
-
-		.react-calendar__navigation {
-			display: flex;
-			padding: 12px 20px;
-
-			button {
-				border: 0;
-				background: transparent;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev2-button {
-				font-size: 20px;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev-button {
-				font-size: 20px;
-			}
-		}
-	}
-`;export{o as PickerContainer};

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

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

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

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

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

@@ -1,20 +0,0 @@
-import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const e=o.div`
-	position: absolute;
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	cursor: pointer;
-`,i=o.div`
-	margin-top: 8px;
-	margin-bottom: 8px;
-`;o.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	padding: 6px 8px;
-	background: ${r.surface.hovered};
-	border: 1px solid ${r.stroke.primary};
-	border-radius: 4px;
-`;export{i as OpenDropdownContainer,e as OverLapAbs};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from './type';
-export type DropdownProps = OpenDropdownProps & {
-    placeHolder?: string;
-    size?: 'default' | 'small';
-    disabled?: boolean;
-};
-export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +0,0 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,{placeHolder:h,size:v,onSelect:f,defaultOptions:g,disabled:b}=c,j=o(c,["placeHolder","size","onSelect","defaultOptions","disabled"]);const w=null!=v?v:"default",x=t(),[y,O]=n(null!=g?g:[]);r((()=>{var o;const e=[];null===(o=null==j?void 0:j.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),O([...e])}),[j.options]);const I=y.length?y.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===w?32:48,width:null!==(u=j.width)&&void 0!==u?u:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:x,onSelect:function(o){Array.isArray(o)?O([...o]):O([o]),null==f||f(o)},disabled:b},j,{children:e(s,{state:b?"disabled":"none",value:I,errorMessage:j.error,variant:w,placeholder:null!=h?h:"Select an option",width:null!==(m=j.width)&&void 0!==m?m:"100%",onChangeText:p,rightIcon:{icon:()=>{var o;return e(l,{style:{transform:(null===(o=null==x?void 0:x.current)||void 0===o?void 0:o.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===w?20:24,height:"small"===w?20:24,color:i.content.primary})}}})}))}))};c.displayName="Dropdown";export{c as Dropdown};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../type';
-export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

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

@@ -1 +0,0 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as r,jsx as n}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as p}from"react";import{usePopper as s}from"react-popper";import{OverLapAbs as c,OpenDropdownContainer as d}from"../Common.styled.js";import{OpenedDropdown as a}from"../OpenedDropdown/components/OpennedDropdown.js";const m=t.forwardRef(((t,m)=>{var{children:u}=t,f=e(t,["children"]);const v=m,[j,b]=l(!1),[O,w]=l(null),[D,g]=l(null),{styles:h,attributes:y}=s(O,D,{});return i(v,(()=>({openDropdown:j})),[]),p((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),o(r,{children:[o("div",Object.assign({style:{position:"relative"},ref:w},{children:[n(c,{onClick:e=>{j?e.preventDefault():f.disabled||b(!0)}}),u]})),j&&n(d,Object.assign({ref:g,style:Object.assign(Object.assign({},h.popper),{zIndex:3})},y.popper,{children:n(a,Object.assign({},f,{onSelect:e=>{var o;null===(o=f.onSelect)||void 0===o||o.call(f,e),b(!1)},onClose:function(){var e;b(!1),null===(e=null==f?void 0:f.onClose)||void 0===e||e.call(f)}}))}))]})}));m.displayName="DropdownPopover";export{m as DropdownPopover};

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 l,useRef as n,useEffect as o}from"react";import{useOutside as i}from"../../../../hooks/useOutside.js";import{iterateOnOptions as s}from"../utils/iterationOnOptions.js";import{Description as r}from"./description/Description.js";import{FreeFormMenu as c}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as a}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as d,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as h}from"./searchbox/SearchZeroState.js";const b=304,j=290,S=S=>{let{options:g,isSearchable:v,isMultiSelect:O,width:x,allowFreeForm:y,height:F,onClose:w,onSelect:M}=S;const[D,A]=l(null!=g?g:[]),[B,C]=l(null!=x?x:j),[W,k]=l(""),[E,H]=l(null),I=n(null);i(I,(()=>{H(null),null==w||w()}));const L=null!=F?F:b,Z="number"==typeof L?v&&O?L-96:v&&!O||!v&&O?L-48:L:L;function q(e){if(O){const t=s(D,{selected:e.selected},(t=>t.value===e.value));A([...t])}else null==M||M(e)}o((()=>{const e=null!=x?x:j;if(null===E)C(e);else if("number"==typeof e)C(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));C(t)}}),[E]);const z=D.map((e=>{var t;if(W){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.includes(W))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(W))?e:null}return e})).filter((e=>null!==e)),G=!!v&&W&&0===z.length;return e(d,Object.assign({ref:I,style:{maxWidth:E?800:400,width:B}},{children:[e("div",Object.assign({style:{width:E?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!v&&t(f,{onSearch:function(e){k(e)}}),e(m,Object.assign({maxHeight:Z},{children:[!!O&&!G&&t(a,{options:D,onSelect:function(e){if("selectAll"===e){const e=s(D,{selected:!0},(e=>!e.disabled));A([...e])}else if("notSelected"===e){const e=s(D,{selected:!1},(e=>!e.disabled));A([...e])}}}),!y&&G&&t(h,{searchedString:W}),y&&G&&t(c,{isMultiSelect:O,onSelect:function(e){if(!O)return void q({label:W,value:W,isFreeForm:!0,selected:!0});const t=D.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===W&&t.value===W&&e})));e&&(t.some((e=>e.label===W&&e.value===W))||t.unshift({label:W,value:W,isFreeForm:!0,selected:!0})),A([...t])},searchedString:W}),t(u,{onSelect:q,showDescription:function(e,t){H(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:z})]})),!!O&&t(p,{onClear:function(){const e=s(D,{selected:!1});A([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const l=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...l]}))}else t.selected&&e.push(Object.assign({},t))})),null==M||M([...e])},list:D})]})),!!E&&t(r,{title:E.title,description:E.description})]}))};export{S as OpenedDropdown};