@bikdotai/bik-component-library 0.0.24-beta.6 → 0.0.25-beta

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/info.svg.js";import{Tooltip as s}from"../tooltips/Tooltip.js";import"../tooltips/CustomisedTooltip.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{BodyCaption as e,TitleLarge as l}from"../TypographyStyle.js";import{AnalyticsChipContainer as c}from"./CommonStyles.js";const n=n=>{const{title:a,primaryValue:m,titleColor:p,captionColor:d=i.grayscale[700],backgroundColor:g=i.grayscale[50],width:h=224.67,extraJSX:j,tooltipContent:y}=n;return o(c,Object.assign({backgroundColor:g,width:h},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(e,Object.assign({style:{color:d}},{children:a})),y&&t(s,Object.assign({body:y},{children:t("div",{children:t(r,{height:14.67,width:14.67,color:i.grayscale[500]})})}))]})),t(l,Object.assign({style:{color:p}},{children:m})),j]}))};export{n as AnalyticsChip};

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

@@ -0,0 +1,31 @@
+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>;
+export declare const EachItem: React.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+}>;

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

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

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

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

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

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

@@ -0,0 +1 @@
+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;width:",(c=>c.width?c.width:"224.67px"),";overflow:hidden;text-overflow:ellipsis;white-space:initial;min-height:88px;.sub--container{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;align-items:baseline;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQ6bGFzdC1jaGlsZCB7XG5cdFx0Ym9yZGVyLWJvdHRvbTogbm9uZSAhaW1wb3J0YW50O1xuXHR9XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),G=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzIyNC42N3B4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5cdG1pbi1oZWlnaHQ6IDg4cHg7XG5cdC5zdWItLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRnYXA6IDRweDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgTWFpbkRyb3Bkb3duID0gc3R5bGVkKFN0eWxlZERyb3Bkb3duKSBgXG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmFmdGVyIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmJlZm9yZSB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6aG92ZXIsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTphY3RpdmUsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpmb2N1cyxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSxcblx0Lm1haW4tLWRyb3Bkb3duLnNob3cgPiBtYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlLndoaXRlfTtcblx0Omxhc3QtY2hpbGQge1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDtcblx0fVxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVs1MF19O1xuXHR9XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */",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)."}}),X=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"MainDropdown"})(".main--dropdown.dropdown-toggle::after{display:unset!important;}.main--dropdown.dropdown-toggle::before{display:unset!important;}.main--dropdown.btn-primary:hover,.main--dropdown.btn-primary:active,.main--dropdown.btn-primary:focus,.main--dropdown.btn-primary.dropdown-toggle,.main--dropdown.show>main--dropdown.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;}.dropdown-menu{border-radius:3px;padding:0 0;}.sub--dropdown.btn-primary{width:100%;padding:0px;}.sub--dropdown{button{border-radius:0;max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;border:none;justify-content:center;align-items:center;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzIyNC42N3B4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5cdG1pbi1oZWlnaHQ6IDg4cHg7XG5cdC5zdWItLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRnYXA6IDRweDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgTWFpbkRyb3Bkb3duID0gc3R5bGVkKFN0eWxlZERyb3Bkb3duKSBgXG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmFmdGVyIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmJlZm9yZSB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6aG92ZXIsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTphY3RpdmUsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpmb2N1cyxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSxcblx0Lm1haW4tLWRyb3Bkb3duLnNob3cgPiBtYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlLndoaXRlfTtcblx0Omxhc3QtY2hpbGQge1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDtcblx0fVxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVs1MF19O1xuXHR9XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),x=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]:b.grayscale.white),";:last-child{border-bottom:none!important;}&:hover{background-color:",b.grayscale[50],";}width:100%;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkU0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzIyNC42N3B4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5cdG1pbi1oZWlnaHQ6IDg4cHg7XG5cdC5zdWItLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRnYXA6IDRweDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgTWFpbkRyb3Bkb3duID0gc3R5bGVkKFN0eWxlZERyb3Bkb3duKSBgXG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmFmdGVyIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5kcm9wZG93bi10b2dnbGU6OmJlZm9yZSB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6aG92ZXIsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTphY3RpdmUsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpmb2N1cyxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSxcblx0Lm1haW4tLWRyb3Bkb3duLnNob3cgPiBtYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlLndoaXRlfTtcblx0Omxhc3QtY2hpbGQge1xuXHRcdGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDtcblx0fVxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVs1MF19O1xuXHR9XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */"));export{l as AnalyticsChipContainer,G as AnalyticsMultiWrapper,x as ItemMenuContainer,X as MainDropdown};

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,11 @@
 import React from 'react';
-import { CalendarProps } from 'react-calendar';
-import { CSSProperties } from 'styled-components';
-declare const DatePicker: React.FC<{
-    val?: Date | Date[];
-    onChange: (val: Date | Date[]) => void;
-    calendarProps?: CalendarProps;
-    pickerStyles?: CSSProperties;
-    nativeID?: string;
-    disabled?: boolean;
-}>;
-export default DatePicker;
+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 +1 @@
-import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePicker.styled.js";const g=g=>{let{val:D,onChange:v,calendarProps:b,disabled:p,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),t(e,{children:[t(m,Object.assign({id:f,bgColor:p?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:p?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:p?s.content.inactive:s.content.secondary})]})),C&&!p&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{v(t),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},b))}))]})};export{g as default};
+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,11 +1,8 @@
-export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-}, never>;
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-    brandColor: string;
-    subDued: string;
-    contentPrimary: string;
-}, never>;
+/// <reference types="react" />
+import 'react-calendar/dist/Calendar.css';
+export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectRange: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,68 +1 @@
-import o from"styled-components";const r=o.div`
-	display: flex;
-	padding: 5px 8px;
-	background: ${o=>o.bgColor};
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${o=>o.borderColor};
-	border-radius: 4px;
-	flex-direction: row;
-	align-items: center;
-
-	position: relative;
-`,e=o.div`
-	position: absolute;
-	top: calc(100% + 8px);
-	zindex: 9;
-	.custom__calendar {
-		background: ${o=>o.bgColor};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${o=>o.borderColor};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-	}
-
-	.custom__tile:hover,
-	.custom__tile:focus,
-	.react-calendar__tile--active {
-		background: ${o=>o.brandColor};
-	}
-
-	.react-calendar__month-view__weekdays__weekday {
-		font-family: 'Inter';
-		font-style: normal;
-		overflow: hidden;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 20px;
-		color: ${o=>o.contentPrimary};
-
-		abbr[title] {
-			text-decoration: none !important;
-		}
-	}
-
-	.react-calendar__month-view__weekdays {
-		background: ${o=>o.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{r as DateBtn,e as PickerContainer};
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"ejnfazg0"}:{target:"ejnfazg0",label:"PickerContainer"})("position:relative;z-index:99999;.react-calendar{background:",d.text.white,";border-width:1px;border-style:solid;border-color:",d.text.white,";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;color:",d.text.primary,";&--selectRange{.react-calendar{&__year-view{.react-calendar__tile--hover{background-color:unset;}}&__month-view{.react-calendar__tile--hover{background-color:",d.background.brandLight,";}}}}.react-calendar{&__tile{transition:all 0.25s;&:enabled:hover{background-color:",d.surface.hovered,";border-radius:4px;}&--hasActive:enabled:hover,&--hasActive:enabled:focus{background:",d.background.brand,";color:",d.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:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-right-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-right-radius:0;}&.react-calendar__tile--rangeEnd{",(c=>(c=>c.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    ")(c))," border-top-left-radius:4px;border-bottom-left-radius:4px;&:enabled:hover{background:",d.background.brand,";border-color:",d.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:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-left-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-left-radius:0;}}}}}.react-calendar__tile--active{background:",d.background.brandLight,";color:",d.text.primary,";}.react-calendar__tile--now{background:",d.text.white,";border-radius:4px;border-color:",d.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:",d.text.primary,";abbr[title]{text-decoration:none!important;}}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:",d.background.brandLight,";border-radius:4px;}.react-calendar__month-view__weekends{color:",d.text.primary,";}.react-calendar__month-view__days__day--weekend{color:",d.text.primary,";}.react-calendar__month-view__weekdays{background:",d.surface.subdued,";}.react-calendar__navigation{display:flex;padding:12px 20px;button{border:0!important;background:transparent!important;}.react-calendar__navigation__arrow react-calendar__navigation__prev2-button{font-size:20px;}.react-calendar__navigation__arrow react-calendar__navigation__prev-button{font-size:20px;}}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjBDIiwiZmlsZSI6IkRhdGVQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0ICdyZWFjdC1jYWxlbmRhci9kaXN0L0NhbGVuZGFyLmNzcyc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2VuZXJhdGVCb3JkZXJSYWRpdXMgPSAocHJvcHMpID0+IHtcclxuICAgIGlmIChwcm9wcy5zZWxlY3RSYW5nZSkge1xyXG4gICAgICAgIHJldHVybiBgXG4gICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMCAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICBgO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIGBcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuICAgIGA7XHJcbiAgICB9XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR6LWluZGV4OiA5OTk5OTtcblxuXHQucmVhY3QtY2FsZW5kYXIge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXHRcdGJvcmRlci13aWR0aDogMXB4O1xuXHRcdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdFx0Ym9yZGVyLWNvbG9yOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblx0XHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHQmLS1zZWxlY3RSYW5nZSB7XG5cdFx0XHQucmVhY3QtY2FsZW5kYXIge1xuXHRcdFx0XHQmX195ZWFyLXZpZXcge1xuXHRcdFx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0taG92ZXIge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHRcdCZfX21vbnRoLXZpZXcge1xuXHRcdFx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0taG92ZXIge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdFx0LnJlYWN0LWNhbGVuZGFyIHtcblx0XHRcdCZfX3RpbGUge1xuXHRcdFx0XHR0cmFuc2l0aW9uOiBhbGwgMC4yNXM7XG5cdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdH1cblx0XHRcdFx0Ji0taGFzQWN0aXZlOmVuYWJsZWQ6aG92ZXIsXG5cdFx0XHRcdCYtLWhhc0FjdGl2ZTplbmFibGVkOmZvY3VzIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cdFx0XHRcdH1cblx0XHRcdFx0Ji5yZWFjdC1jYWxlbmRhcl9fdGlsZSB7XG5cdFx0XHRcdFx0Ji0tcmFuZ2Uge1xuXHRcdFx0XHRcdFx0JjplbmFibGVkOmhvdmVyIHtcblx0XHRcdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Ji0tcmFuZ2VTdGFydCB7XG5cdFx0XHRcdFx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXG5cdFx0XHRcdFx0XHQmOmVuYWJsZWQ6aG92ZXIge1xuXHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0Ji5yZWFjdC1jYWxlbmRhcl9fdGlsZS0tcmFuZ2VFbmQge1xuXHRcdFx0XHRcdFx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVCb3JkZXJSYWRpdXMocHJvcHMpfVxuXHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRcdFx0JjplbmFibGVkOmhvdmVyIHtcblx0XHRcdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCYtLXJhbmdlRW5kIHtcblx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cblx0XHRcdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0tYWN0aXZlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHR9XG5cblx0XHQucmVhY3QtY2FsZW5kYXJfX3RpbGUtLW5vdyB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdGJvcmRlci1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRcdFx0Ym9yZGVyLXdpZHRoOiAxcHg7XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X193ZWVrZGF5c19fd2Vla2RheSB7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAyMHB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cblx0XHRcdGFiYnJbdGl0bGVdIHtcblx0XHRcdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uIGJ1dHRvbjplbmFibGVkOmhvdmVyLFxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbiBidXR0b246ZW5hYmxlZDpmb2N1cyB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbW9udGgtdmlld19fd2Vla2VuZHMge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X19kYXlzX19kYXktLXdlZWtlbmQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X193ZWVrZGF5cyB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbiB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cGFkZGluZzogMTJweCAyMHB4O1xuXG5cdFx0XHRidXR0b24ge1xuXHRcdFx0XHRib3JkZXI6IDAgIWltcG9ydGFudDtcblx0XHRcdFx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0LnJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uX19hcnJvd1xuXHRcdFx0XHRyZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbl9fcHJldjItYnV0dG9uIHtcblx0XHRcdFx0Zm9udC1zaXplOiAyMHB4O1xuXHRcdFx0fVxuXG5cdFx0XHQucmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb25fX2Fycm93XG5cdFx0XHRcdHJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uX19wcmV2LWJ1dHRvbiB7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMjBweDtcblx0XHRcdH1cblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGVQaWNrZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{X as PickerContainer};

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

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

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

@@ -5,5 +5,4 @@ export type DropdownProps = OpenDropdownProps & {
     size?: 'default' | 'small';
     disabled?: boolean;
 };
-declare const Dropdown: React.FC<DropdownProps>;
-export default Dropdown;
+export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +1 @@
-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{UnChildDropdown as d}from"./UnChildDropdown/UnChildDropdown.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(),[O,y]=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)})),y([...e])}),[j.options]);const I=O.length?O.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)?y([...o]):y([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})}}})}))}))};export{c as default};
+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]),r((()=>{g&&O([...g])}),[g]);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/{UnChildDropdown/UnChildDropdown.d.ts → DropdownPopover/index.d.ts}

@@ -1,11 +1,6 @@
 import React from 'react';
 import { OpenDropdownProps } from '../type';
-export type DropdownProps = OpenDropdownProps & {
-    isLoading?: boolean;
-    children?: React.ReactNode;
-    disabled?: boolean;
-};
-export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
+export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
     isLoading?: boolean | undefined;
     children?: React.ReactNode;
     disabled?: boolean | undefined;

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

@@ -0,0 +1 @@
+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/{cjs/components/dropdown/opennedDropdown → esm/components/dropdown/OpenedDropdown}/components/OpennedDropdown.d.ts

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

package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.js

@@ -1 +1 @@
-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 OpennedDropdown};
+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};

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

@@ -0,0 +1,3 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(n)`
+	padding: 14px 16px !important;
+`,a=o=>{let{option:n,isMultiSelect:a,showDescription:m,onSelect:d}=o;var p;function u(e){n.disabled||d(Object.assign(Object.assign({},n),{selected:e}))}return e(c,{onClick:e=>{e.preventDefault(),u(!n.selected)},onMouseOver:function(){n.descriptions?m(n.label,n.descriptions):m()},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:a?e(i,{isDisabled:null!==(p=n.disabled)&&void 0!==p&&p,isChecked:!!n.selected,onValueChange:u}):e(t,{}),customComponent:n.customComponent,trailingIcon:n.isFreeForm?e(l,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):n.trailingIcon?e(t,{children:n.trailingIcon}):e(t,{}),variant:n.disabled?"inactive":n.selected?"selected":"default"})};export{a as MenuItem};

package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.js

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