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

package/dist/esm/components/alerts/AlertHelper.js

@@ -0,0 +1 @@
+import{COLORS as o}from"../../constants/Theme.js";var r,t;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.BRAND="Brand"}(r||(r={})),function(o){o.START="start",o.CENTER="center",o.END="end",o.SPACE_BETWEEN="space-between"}(t||(t={}));const e={[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,borderColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,borderColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,borderColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,borderColor:o.stroke.primary},[r.BRAND]:{backgroundColor:o.background.brandLight,textColor:o.content.brand,borderColor:o.stroke.brandLightAlt}};export{r as ALERT_TYPES,e as COLOR_CONFIG_MAP,t as CONTENT_POSITION};

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

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './AlertHelper';

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ModeType = 'light' | 'dark';
+export declare const AnalyticsCard: React.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+    isLoading?: boolean;
+}>;

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

@@ -0,0 +1 @@
+import{j as s}from"../../node_modules/react/jsx-runtime.js";import{BASE_COLORS as e,COLORS as t}from"../../constants/Theme.js";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as r,BodyCaption as o}from"../TypographyStyle.js";import{AnalyticsContainer as n,CardDataContainer as c}from"./AnalyticsCard.styled.js";const a=a=>{const{cardInfo:m,width:h,mode:d}=a;return s.jsx(n,Object.assign({width:h,mode:d,count:Object.keys(m).length},{children:a.isLoading?s.jsxs("div",Object.assign({className:"shimmers"},{children:[s.jsx(i,{isBrand:"light"!=a.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),s.jsx(i,{isBrand:"light"!=a.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]})):Object.keys(m).map((i=>{const n=m[i],h=i;return s.jsxs(c,Object.assign({className:"analytics__card",count:Object.keys(m).length},{children:[s.jsx(r,Object.assign({className:"statistic",color:"light"==a.mode?e.brand[900]:e.grayscale.white},{children:n})),s.jsx(o,Object.assign({className:"category",color:"light"==a.mode?e.brand[900]:t.content.secondaryInverse},{children:h}))]}),h)}))}))};export{a as AnalyticsCard};

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

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

@@ -0,0 +1 @@
+import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{BASE_COLORS as g}from"../../constants/Theme.js";const I=c("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;",(c=>c.width?`width: ${c.width}`:"width: 280px"),";background:",(c=>"light"==c.mode?g.grayscale[100]:g.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(c=>5==c.count?"flex-basis: 48%":6==c.count||7==c.count?"flex-basis: 31%":8==c.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(c=>7==c.count?"flex-basis: 23% !important":""),";}.shimmers{display:flex;gap:8px;.shine{margin-top:2px!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcclxuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxyXG4gICAgOiBCQVNFX0NPTE9SUy5icmFuZFsnOTAwJ119O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgID8gJ2ZsZXgtYmFzaXM6IDMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xyXG4gICAgICAgICAgICA6ICcnfTtcblx0fVxuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKDQpIHtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLmNvdW50ID09IDcgPyAnZmxleC1iYXNpczogMjMlICFpbXBvcnRhbnQnIDogJycpfVxuXHR9XG5cblx0LnNoaW1tZXJzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdC5zaGluZSB7XG5cdFx0XHRtYXJnaW4tdG9wOiAycHggIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkRGF0YUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0cm93LWdhcDogNHB4O1xuXG5cdGZsZXgtZ3JvdzogMTtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGZsZXgtYmFzaXM6ICR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSAyXHJcbiAgICA/ICc0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDNcclxuICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA0XHJcbiAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICAgICAgICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDZcclxuICAgICAgICAgICAgICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA3XHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdhdXRvJ307XG5cblx0LmNhdGVnb3J5LFxuXHQuc3RhdGlzdGljIHtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXHRcdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NDYXJkLnN0eWxlZC5qcy5tYXAiXX0= */")),A=c("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:",(c=>2==c.count?"48%":3==c.count?"31%":4==c.count?"23%":5==c.count||6==c.count?"31%":7==c.count||8==c.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiAnd2lkdGg6IDI4MHB4Jyl9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSAnbGlnaHQnXHJcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cclxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxyXG4gICAgPyAnZmxleC1iYXNpczogNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcclxuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuXG5cdC5zaGltbWVycyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0XHQuc2hpbmUge1xuXHRcdFx0bWFyZ2luLXRvcDogMnB4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMlxyXG4gICAgPyAnNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXHJcbiAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxyXG4gICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNVxyXG4gICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XHJcbiAgICAgICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzQ2FyZC5zdHlsZWQuanMubWFwIl19 */"));export{I 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,19 @@
+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;
+    style?: React.CSSProperties;
+    channelConfig?: {
+        whatsapp?: string;
+        instagram?: string;
+        email?: string;
+        sms?: string;
+    };
+}
+export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

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

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

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

@@ -0,0 +1,4 @@
+import { AnalyticsChipInterface } from './AnalyticsChip';
+export declare const AnalyticsChipChannelFooter: (props: {
+    channelConfig: AnalyticsChipInterface['channelConfig'];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{j as s}from"../../node_modules/react/jsx-runtime.js";import n from"../../assets/icons/chat-channel.svg.js";import e from"../../assets/icons/email-channel.svg.js";import a from"../../assets/icons/instagram-channel.svg.js";import t from"../../assets/icons/whatsapp-channel.svg.js";import{COLORS as o}from"../../constants/Theme.js";import{BodyTiny as r}from"../TypographyStyle.js";const i=o=>{if(!o.channelConfig)return s.jsx(s.Fragment,{});const{whatsapp:r,instagram:i,email:l,sms:m}=o.channelConfig;return s.jsxs("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!r&&s.jsx(c,{ChannelIcon:t,value:r}),!!i&&s.jsx(c,{ChannelIcon:a,value:i}),!!l&&s.jsx(c,{ChannelIcon:e,value:l}),!!m&&s.jsx(c,{ChannelIcon:n,value:m})]}))},c=n=>{const{ChannelIcon:e,value:a}=n;return s.jsxs("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[s.jsx(e,{width:12,height:12}),s.jsx(r,Object.assign({color:o.content.secondary},{children:a}))]}))};export{i as AnalyticsChipChannelFooter};

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

@@ -0,0 +1,49 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+export interface DropdownOptions {
+    label: string;
+    subLabel?: string;
+    value: string;
+    key: string | number;
+    noOfDays?: number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+export interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    resetDropdown?: boolean;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedRange?: [Date, Date];
+    }) => void;
+    maxHeight?: string;
+    backgroundcolor?: string;
+    calendarPopperConfig?: {
+        offsetSkid?: number;
+        offsetDistance?: number;
+    };
+    variant?: 'small' | 'default';
+    datePickerPlacement?: DropDirection;
+    closeDropdown?: boolean;
+    labelColor?: string;
+    styleProps?: React.CSSProperties;
+}
+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;
+    rangeSelection?: boolean;
+    isLastItem?: boolean;
+    isFirstItem?: boolean;
+}>;
+export declare const formatDate: (dateVal: Date) => string;

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

@@ -0,0 +1 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useRef as o,useEffect as n}from"react";import{Dropdown as s}from"react-bootstrap";import i from"react-dom";import{DEFAULT_THEME as l,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as d}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as r,BodyCaption as c,Caption as m}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import{MainDropdown as g,ItemMenuContainer as p}from"./CommonStyles.js";const u=a=>{let{options:c,placeholder:p="Select an option",selected:u,onOptionSelected:b,resetDropdown:O,maxHeight:y,backgroundcolor:h,calendarPopperConfig:x,variant:f="default",datePickerPlacement:D,closeDropdown:k,labelColor:S,styleProps:R}=a;var w,C,I;const[P,F]=t(!1),[L,$]=t(u),[T,E]=t(),[N,A]=t(!1),[H,M]=t(u),V=o(null),U="small"===f?m:r;n((()=>{O&&$(void 0)}),[O]),n((()=>{var e;(null==u?void 0:u.isCustom)&&(null===(e=u.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?E(u.dateRangeSelectionOptions.selectedDates):E(void 0),$(u)}),[u]),n((()=>{A(!1),F(!1)}),[k]);const W=e=>{void 0!==e?(A(e),P&&F(!1)):A((e=>!e))},Y=e=>{V.current&&!V.current.contains(e.target)&&(P&&F(!1),W(!1))};return n((()=>(N&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)})),[N]),e.jsx(e.Fragment,{children:e.jsxs(g,Object.assign({drop:"down",show:N,onToggle:W,bgColor:h,id:"analytic-dropdown"},{children:[e.jsx(s.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${l.colorsV2.stroke.primary}`}:R||void 0},{children:e.jsx(U,Object.assign({style:"small"===f||S?{color:S||l.colorsV2.content.secondary}:void 0},{children:(null==L?void 0:L.isCustom)?T?j(T[0])===j(T[1])?`${j(T[0])}`:`${j(T[0])} to ${j(T[1])}`:(null==H?void 0:H.label)?null==H?void 0:H.label:p:L?null==L?void 0:L.label:p}))})),i.createPortal(e.jsx(s.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:V},{children:e.jsxs(g,Object.assign({drop:null!=D?D:"end",id:"sub--dropdown",show:P,onToggle:e=>{!e&&A(!1),F(!P)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:y||"auto",overflowY:"scroll"}},{children:c.map(((t,o)=>{var n;return e.jsx("div",{children:(null==t?void 0:t.isCustom)?e.jsx(s.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(v,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:L,selectedDate:T,onClickingEachItem:e=>{$(e),F(!0)},rangeSelection:!!(null===(n=null==t?void 0:t.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e.jsx(v,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:L,selectedDate:T,onClickingEachItem:e=>{if(E(void 0),$(e),M(e),W(),!e.noOfDays)return void b(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),b(Object.assign(Object.assign({},e),{selectedRange:[o,t]}))}})},null==t?void 0:t.key)}))})),e.jsx(s.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==x?void 0:x.offsetSkid)||0,(null==x?void 0:x.offsetDistance)||0]}}]}},{children:e.jsx(d,{selectRange:(null===(w=null==L?void 0:L.dateRangeSelectionOptions)||void 0===w?void 0:w.selectRange)||!1,maxDate:null===(C=null==L?void 0:L.dateRangeSelectionOptions)||void 0===C?void 0:C.maxDate,minDate:null===(I=null==L?void 0:L.dateRangeSelectionOptions)||void 0===I?void 0:I.minDate,selectedDates:T,onSelectRange:(e,t)=>{const o=[e,t];(null==L?void 0:L.dateRangeSelectionOptions)&&(L.dateRangeSelectionOptions.selectedDates=o,b(Object.assign(Object.assign({},L),{selectedRange:[e,t]}))),M(L),F(!1),E(o),A(!N)},onSelectDate:e=>{(null==L?void 0:L.dateRangeSelectionOptions)&&(L.dateRangeSelectionOptions.selectedDates=[e,e],b(Object.assign(Object.assign({},L),{selectedRange:[e,e]}))),M(L),F(!1),E([e,e]),A(!N)}})}))]}))})),document.body)]}))})},v=t=>{let{eachOption:o,selectedOption:n,selectedDate:s,onClickingEachItem:i,rangeSelection:l,isLastItem:d,isFirstItem:m}=t;return e.jsxs(p,Object.assign({isFirstItem:m,isLastItem:d,onClick:()=>i(o),isSelected:o.isCustom?o.key==(null==n?void 0:n.key)&&!!s:o.key==(null==n?void 0:n.key)},{children:[e.jsx(r,Object.assign({color:o.key==(null==n?void 0:n.key)?a.positive[900]:a.grayscale[900]},{children:o.label})),o.subLabel?e.jsx(c,Object.assign({style:{color:a.grayscale[700]}},{children:o.subLabel})):e.jsx(e.Fragment,{}),s&&(null==n?void 0:n.isCustom)&&o.key==(null==n?void 0:n.key)&&e.jsx(c,{children:l?`${j(s[0])} to ${j(s[1])}`:`${j(s[0])}`})]}),o.key)},j=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{u as AnalyticsDropdown,v as EachItem,j as formatDate};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AnalyticsTrendInterface } from './AnalyticsTrend';
+export declare const AnalyticsMetric: React.FC<{
+    title?: string;
+    RightHeaderComponent?: React.ReactElement;
+    trends: AnalyticsTrendInterface[];
+    containerStyle?: React.CSSProperties;
+    trendStyle?: React.CSSProperties;
+    trendContainerStyle?: React.CSSProperties;
+    trendIconStyle?: React.CSSProperties;
+    titleSize?: 'large' | 'small';
+    titleColor?: string;
+    perRow?: number;
+    isLoading?: boolean;
+    hideHeaderDiv?: boolean;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+}>;

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

@@ -0,0 +1 @@
+import g from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as I}from"../../node_modules/react/jsx-runtime.js";import{COLORS as C}from"../../constants/Theme.js";import{TitleMedium as A,TitleRegular as l}from"../TypographyStyle.js";import{AnalyticsTrend as e}from"./AnalyticsTrend.js";const c=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIGlzTG9hZGluZywgdHJlbmRTdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZSwgdHJlbmRJY29uU3R5bGUsIGhpZGVIZWFkZXJEaXYsIGlzSW50ZXJuYXRpb25hbFN0b3JlLCB9KSA9PiB7XHJcbiAgICBjb25zdCBUeXBvID0gdGl0bGVTaXplID09PSAnbGFyZ2UnID8gVGl0bGVNZWRpdW0gOiBUaXRsZVJlZ3VsYXI7XHJcbiAgICBjb25zdCBwZXJSb3dMb2NhbCA9IHBlclJvdyB8fFxyXG4gICAgICAgICh0cmVuZHMubGVuZ3RoIDw9IDQgPyB0cmVuZHMubGVuZ3RoIDogdHJlbmRzLmxlbmd0aCAlIDMgPT0gMCA/IDMgOiA0KTtcclxuICAgIGNvbnN0IHJvd3MgPSBNYXRoLmNlaWwodHJlbmRzLmxlbmd0aCAvIHBlclJvd0xvY2FsKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiBoaWRlSGVhZGVyRGl2ID8gMCA6IDEyLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSkubWFwKChfLCByb3dJbmRleCkgPT4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblRvcDogcm93SW5kZXggPT09IDAgPyAwIDogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBpc0xvYWRpbmc6IGlzTG9hZGluZywgY2FyZDogZmFsc2UsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcsIHJpZ2h0U2VwYXJhdG9yOiBpICsgcm93SW5kZXggKiBwZXJSb3dMb2NhbCA8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLm1pbigocm93SW5kZXggKyAxKSAqIHBlclJvd0xvY2FsIC0gMSwgdHJlbmRzLmxlbmd0aCAtIDEpLCB0cmVuZFN0eWxlOiB0cmVuZFN0eWxlLCB0cmVuZEljb25TdHlsZTogdHJlbmRJY29uU3R5bGUsIHRyZW5kQ29udGFpbmVyU3R5bGU6IHRyZW5kQ29udGFpbmVyU3R5bGUsIGlzSW50ZXJuYXRpb25hbFN0b3JlOiBpc0ludGVybmF0aW9uYWxTdG9yZSB9KSkgfSksIGkpKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSksIHJvd0luZGV4KSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",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)."}}),b=g=>{let{title:b,trends:d,RightHeaderComponent:t,containerStyle:s,titleSize:i,titleColor:n,perRow:a,isLoading:o,trendStyle:Z,trendContainerStyle:m,trendIconStyle:G,hideHeaderDiv:u,isInternationalStore:y}=g;const p="large"===i?A:l,J=a||(d.length<=4?d.length:d.length%3==0?3:4),H=Math.ceil(d.length/J);return I.jsxs("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=s?s:{})},{children:[I.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:u?0:12}},{children:[b&&I.jsx(p,Object.assign({color:null!=n?n:C.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:b})),t]})),I.jsx(c,{children:Array.from({length:H}).map(((g,C)=>I.jsx(I.Fragment,{children:I.jsx("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===C?0:16}},{children:d.slice(C*J,(C+1)*J).map(((g,A)=>{var l;return I.jsx("div",Object.assign({style:{flex:1,maxWidth:1===d.length?"100%":"50%"}},{children:I.jsx(e,Object.assign({},g,{isLoading:o,card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+C*J<Math.min((C+1)*J-1,d.length-1),trendStyle:Z,trendIconStyle:G,trendContainerStyle:m,isInternationalStore:y}))}),A)}))}),C)})))})]}))};export{b as AnalyticsMetric};

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

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

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

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

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

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface AnalyticsTrendInterface {
+    title: string;
+    value?: number | string;
+    trendPercent?: number;
+    trendRaw?: number;
+    trendRawString?: string;
+    formatVal?: boolean;
+    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
+    customRange?: Date[];
+    type?: 'vertical' | 'horizontal';
+    tooltip?: string;
+    card?: boolean;
+    rightSeparator?: boolean;
+    size?: 'big' | 'small';
+    share?: boolean;
+    prefixSymbol?: string;
+    trailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    onTrailIconClick?: () => void;
+    iconTooltipBody?: string;
+    funnelPercent?: number;
+    isLoading?: boolean;
+    suffixText?: string;
+    trendStyle?: React.CSSProperties;
+    iconContainerStyle?: React.CSSProperties;
+    trendContainerStyle?: React.CSSProperties;
+    trendIconStyle?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    prevTrendDiff?: number;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+    Icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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

@@ -0,0 +1 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t,{useState as n,useEffect as i}from"react";import{ShimmerComponentStyled as r}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import s from"../../utils/DateUtils.js";import{COLORS as o}from"../../constants/Theme.js";import l from"../../assets/icons/arrow_down.svg.js";import a from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as m,Caption as h,TitleLarge as p,TitleMedium as j}from"../TypographyStyle.js";import{truncateValueForInternationalStore as y,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as u,IconContainer as f}from"./CommonStyles.js";const b=n=>{let{title:i,value:s,trendPercent:l,type:a="horizontal",timeline:h,customRange:b,tooltip:S,card:w=!0,rightSeparator:O=!1,size:$="big",share:I=!1,formatVal:R,prefixSymbol:T,trailingIcon:C,onTrailIconClick:D,iconTooltipBody:M,funnelPercent:k,isLoading:L,trendRaw:z,trendRawString:F,suffixText:P,trendStyle:N,trendContainerStyle:_,trendIconStyle:W,containerStyle:A,prevTrendDiff:B,relativePercentageDiff:E,isInternationalStore:U,Icon:V,iconContainerStyle:q}=n;const G="big"===$?p:j,H=void 0!==l?l<0?"negative":0===l?"neutral":"positive":void 0,J=void 0!==l?I?Math.round(l):Math.abs(Math.round(l)):void 0;return e.jsx(u,Object.assign({card:w,style:Object.assign({},A)},{children:e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:V?12:4,borderRightWidth:O?1:0,borderRightColor:o.stroke.primary,borderRightStyle:"solid",paddingLeft:w?0:24,paddingRight:w?0:24,height:"100%",justifyContent:V?"flex-start":"space-between",alignItems:"center"},null!=_?_:{})},{children:[!!V&&e.jsx(f,Object.assign({style:Object.assign({},q)},{children:e.jsx(V,{})})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=N?N:{})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(m,Object.assign({style:{color:o.content.secondary}},{children:i})),S&&e.jsx(g,Object.assign({body:S,placement:"right",width:300},{children:e.jsx("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e.jsx(c,{color:o.content.primary,height:16,width:16})}))}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},I?{justifyContent:"space-between"}:{})},{children:[L&&e.jsx(r,{width:108,height:26}),!L&&e.jsx(G,Object.assign({style:{color:o.content.primary}},{children:void 0===s?"--":"number"==typeof s&&R?s>999?U?`${null!=T?T:""}${y(s)} ${null!=P?P:""}`:`${null!=T?T:""}${x(s)} ${null!=P?P:""}`:`${null!=T?T:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(s)} ${null!=P?P:""}`:`${null!=T?T:""}${s} ${null!=P?P:""}`})),"number"==typeof E&&e.jsx(d,{tagText:`${E}%`,theme:"light",type:"neutral"}),"horizontal"===a&&!L&&!I&&e.jsx(v,{timeline:h,customRange:b,percent:J,direction:H,trendRaw:z,trendRawString:F,prefixSymbol:T,trendIconStyle:W,isInternationalStore:U}),L&&!I&&"horizontal"===a&&e.jsx(r,{height:20,width:141,marginTop:6}),"vertical"===a&&!L&&void 0!==k&&e.jsx(d,{tagText:`${k} %`,theme:"light",type:"neutral"}),I&&!L&&void 0!==J&&e.jsx(d,{tagText:`${J} %`,theme:"light",type:"neutral"}),I||L||!B||0==B?e.jsx(e.Fragment,{}):e.jsx(d,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(B),theme:"light",type:"neutral"})]})),"vertical"===a&&!L&&!I&&e.jsx("div",Object.assign({style:{marginTop:10}},{children:e.jsx(v,{timeline:h,customRange:b,percent:J,direction:H,trendRaw:z,trendRawString:F,prefixSymbol:T,trendIconStyle:W,isInternationalStore:U})})),L&&"vertical"===a&&e.jsx(r,{height:20,width:141,marginTop:6})]})),M&&!L&&e.jsx(g,Object.assign({body:M,placement:"right"},{children:C&&e.jsx("div",Object.assign({className:"icon--holder",onClick:D},{children:t.createElement(C,{height:20,width:20,color:o.content.secondary})}))}))]}))}))},v=t=>{let{percent:r,direction:c,timeline:d,customRange:g,trendRaw:m,trendRawString:p,prefixSymbol:j,trendIconStyle:u,isInternationalStore:f}=t;const b=()=>{const e=((null!=m?m:0)>0?"+":"")+(null!=j?j:"");return void 0===m?"--":`${null!=e?e:""}${(()=>{let e="--";if(m)return e=String(f?y(Math.abs(m)):x(Math.abs(m))),m<0?"-"+e:e})()}`},[v,S]=n(b()),[w,O]=n("");i((()=>{O("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&g?s.getAnalyticsCustomDateTimelineText(g):"")}),[d,g]),i((()=>{S(b())}),[m]);const $="negative"===c?l:a,I="negative"===c?o.background.negative.vibrant:"positive"===c?o.background.positive.vibrant:o.content.placeholder;return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof r&&e.jsx($,{color:I,height:16,width:16,style:Object.assign({marginRight:2},null!=u?u:{})}),"number"==typeof r&&c&&e.jsxs(h,Object.assign({style:{color:I}},{children:["neutral"===c?0:r<1e3?r:">999","%"]})),!!m&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:`(${v})`})),!m&&((null==p?void 0:p.length)||0)>0&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:`${p}`})),d&&e.jsx(h,Object.assign({style:{marginLeft:4,color:o.content.placeholder}},{children:w}))]}))};export{b as AnalyticsTrend};

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

@@ -0,0 +1,45 @@
+/// <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;
+    bgColor?: 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;
+    isLastItem?: boolean | undefined;
+    isFirstItem?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AnalyticsTrendContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    card: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | 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"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{BASE_COLORS as b,COLORS as X}from"../../constants/Theme.js";import"../../node_modules/react/jsx-runtime.js";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as d}from"../floating-action-button/FloatingActionButton.styles.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e12o03l45"}:{target:"e12o03l45",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTLCBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDaGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJhY2tncm91bmRDb2xvcn07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICcyMjQuNjdweCcpfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),l=c("div","production"===process.env.NODE_ENV?{target:"e12o03l44"}:{target:"e12o03l44",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */",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)."}}),H=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",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;background:",(c=>c.bgColor),";}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:",(c=>c.isLastItem?"none":`1px solid ${b.grayscale[200]}`),";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.positive[50]:b.grayscale.white),";&:hover{background-color:",(c=>c.isSelected?"":b.grayscale[50]),";}width:100%;border-top-left-radius:",(c=>c.isFirstItem?"4px":"0px"),";border-top-right-radius:",(c=>c.isFirstItem?"4px":"0px"),";border-bottom-left-radius:",(c=>c.isLastItem?"4px":"0px"),";border-bottom-right-radius:",(c=>c.isLastItem?"4px":"0px"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEU0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),x=c("div","production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"AnalyticsTrendContainer"})("border:",(c=>c.card?1:0),"px solid ",X.background.base,";height:100%;",(c=>c.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":"")," .icon--holder{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;:hover{background-color:",X.surface.hovered,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),R=c("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"IconContainer"})("display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:",X.background.brandLight,";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUh3QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbiB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwO1xuXHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0cGFkZGluZzogMTBweCA2LjY2NjdweDtcblx0XHRcdGJhY2tncm91bmQ6IG5vbmU7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0XHRcdGJvcmRlcjogbm9uZTtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLmlzTGFzdEl0ZW0gPyAnbm9uZScgOiBgMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19YH07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGUud2hpdGV9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/ICcnIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlWzUwXX07XG5cdH1cblx0d2lkdGg6IDEwMCU7XG5cdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTGFzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxyXG4gICAgPyBgXG5cdFx0XHRib3gtc2hhZG93OiAwcHggMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpO1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdFx0cGFkZGluZzogMTZweCAyMHB4O2BcclxuICAgIDogJyd9XG5cdC5pY29uLS1ob2xkZXIge1xuXHRcdGhlaWdodDogMzJweDtcblx0XHR3aWR0aDogMzJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */"));export{G as AnalyticsChipContainer,l as AnalyticsMultiWrapper,x as AnalyticsTrendContainer,R as IconContainer,Z as ItemMenuContainer,H as MainDropdown};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts

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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js

@@ -0,0 +1 @@
+import{j as t}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as o,CategoryScale as a,LinearScale as i,BarElement as e,Tooltip as r}from"chart.js";import l from"chartjs-plugin-datalabels";import{Bar as n}from"react-chartjs-2";import{TitleRegular as s}from"../../../TypographyStyle.js";import{COLORS as d,FONTS as c}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as p,truncateValueForIndianStore as x}from"../utils/calcPercentage.js";import{GraphContainerWrapper as g}from"./HorizontalGraph.styles.js";o.register(a,i,e,r,l);const b=o=>{var a,i,e,r,l,b,m,u,f;const y=-1===o.xAxis.data.findIndex((t=>0!==t)),h={min:0,max:2e3,stepSize:null!==(a=o.xAxis.stepSize)&&void 0!==a?a:200},A={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:o.maintainAspectRatio,layout:{padding:{right:o.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!y,callbacks:{label:o.xAxis.toolTipCallback,footer:null===(i=o.tooltipConfig)||void 0===i?void 0:i.footerCallback},footerFont:null===(r=null===(e=o.tooltipConfig)||void 0===e?void 0:e.footerStyles)||void 0===r?void 0:r.footerFont},datalabels:{display:null!==(l=!y&&o.showTotal)&&void 0!==l&&l,anchor:"end",align:"end",clamp:!0,formatter:(t,a)=>{var i;const e=a.datasetIndex,r=a.chart.data.datasets;if(e!==r.length-1)return"";const l=a.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(i=r[t].data[l])&&void 0!==i?i:0;return n?o.isInternationalStore?p(n):x(n):""},color:d.content.secondary}},scales:{y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize,color:o.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(b=o.yAxis.labelColor)&&void 0!==b?b:d.content.secondary}},x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({callback:o.xAxis.ticksCallback,fontSize:c.caption.fontSize,color:null!==(m=o.xAxis.labelColor)&&void 0!==m?m:d.content.secondary},y?h:{max:o.xAxis.max,stepSize:o.xAxis.stepSize})}}},v={labels:o.yAxis.data.map((t=>t.toString())),datasets:[{data:y?[250,1e3,800,1500,300,600]:o.xAxis.data,backgroundColor:t=>(t=>{var a;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(y)e="rgba(0,0,0,0)";else if(o.barColorRGBA){const t=o.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t.jsxs(g,Object.assign({padding:o.outerPadding,skipOuterLayout:o.skipOuterLayout},{children:[o.chartHeading&&t.jsx(s,Object.assign({color:null!==(u=o.chartHeading.color)&&void 0!==u?u:d.content.secondary},{children:o.chartHeading.heading})),t.jsx("div",Object.assign({style:{height:o.maintainAspectRatio?void 0:null!==(f=o.graphCanvasHeight)&&void 0!==f?f:500}},{children:t.jsx(n,{options:A,data:v})}))]}))};export{b as HorizontalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
+    padding?: string | undefined;
+    skipOuterLayout?: boolean | undefined;
+}, never>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js

@@ -0,0 +1,4 @@
+import r from"styled-components";import{COLORS as o}from"../../../../constants/Theme.js";const t=r.div`
+	background-color: ${r=>r.skipOuterLayout?"transparent":o.surface.standard};
+	padding: ${r=>{var o;return null!==(o=r.padding)&&void 0!==o?o:"24px"}};
+`;export{t as GraphContainerWrapper};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LegendData {
+    color: string;
+    text: string;
+}
+export declare const Legend: React.FC<LegendData>;

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

@@ -0,0 +1 @@
+import e from"../../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as t}from"../../../../node_modules/react/jsx-runtime.js";import{BodyPrimary as c}from"../../../TypographyStyle.js";const l=e("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",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)."}}),o=e=>{let{color:o,text:s}=e;return t.jsxs(l,{children:[t.jsx("div",{className:"color",style:{backgroundColor:o}}),t.jsx(c,Object.assign({className:"title"},{children:(i=s,i.charAt(0).toUpperCase()+i.slice(1))}))]});var i};export{o as Legend};

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

@@ -0,0 +1,59 @@
+import React from 'react';
+export type LineChartProps = {
+    canvasHeight?: number;
+    maintainAspectRatio?: boolean;
+    datas: {
+        data: number[];
+        lineColor?: string;
+        backgroundColor?: string;
+        gradientColor?: {
+            start: string;
+            end: string;
+        };
+        dotted?: boolean;
+        gradient?: boolean;
+        legend?: string;
+        lineWidth?: number;
+        squareLegends?: boolean;
+        useSecondYAxis?: boolean;
+        pointColors?: string[];
+    }[];
+    labels: Array<string>;
+    scaleText?: {
+        x?: string;
+        y?: string;
+        yPrefix?: string;
+        y2?: string;
+        y2Prefix?: string;
+        xDrawBorder?: boolean;
+        yDrawBorder?: boolean;
+        y2DrawBorder?: boolean;
+    };
+    legends: Array<string>;
+    stepSize?: number;
+    min?: number;
+    max?: number;
+    isZeroState?: boolean;
+    lineThickness?: number;
+    ticksLabelCallback?: (val: string, index: number) => void;
+    tension?: number;
+    isNewStyles?: boolean;
+    prefixCurrencyInYAxis?: string;
+    pointRadius?: number;
+    useKFormat?: boolean;
+    labelCallback?: (context: any) => void;
+    afterBodyCallBack?: (context: any) => void;
+    titleTooltipCallback?: (context: any) => void;
+    isInternationalStore?: boolean;
+    customYHeaders?: any;
+    legendsAndIconDirection?: 'row-reverse' | 'row';
+    headerIcons?: React.ReactNode[];
+    hasSecondYAxis?: boolean;
+    min2?: number;
+    max2?: number;
+    stepSize2?: number;
+    prefixCurrencyInY2Axis?: string;
+    useKFormat2?: boolean;
+    customY2Headers?: any;
+};
+export declare const LineChart: React.FC<LineChartProps>;

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

@@ -0,0 +1 @@
+import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{Chart as t,CategoryScale as l,LinearScale as o,PointElement as i,BarElement as n,LineElement as r,ArcElement as a,Filler as s,Title as d,Tooltip as c,Legend as u}from"chart.js";import{useState as p,useRef as y,useEffect as g}from"react";import{Line as m}from"react-chartjs-2";import{BodyTiny as v}from"../../../TypographyStyle.js";import{COLORS as x}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as b,truncateValueForIndianStore as h}from"../utils/calcPercentage.js";import{LegendWrapper as f,LegendContainer as j,LegendColor as C}from"./LineChart.styled.js";t.register(l,o,i,n,r,a,s,d,c,u);const k=t=>{let{scaleText:l,labels:o,canvasHeight:i,datas:n,maintainAspectRatio:r=!1,stepSize:a,min:s,max:d,isZeroState:c,tension:u,isNewStyles:k,prefixCurrencyInYAxis:w,pointRadius:S,useKFormat:B,lineThickness:O,ticksLabelCallback:$,labelCallback:A,afterBodyCallBack:z,titleTooltipCallback:D,isInternationalStore:I,customYHeaders:F,headerIcons:T=[],legendsAndIconDirection:Y="row",hasSecondYAxis:P=!1,min2:R,max2:q,stepSize2:L,prefixCurrencyInY2Axis:H,useKFormat2:Z,customY2Headers:E}=t;var K,W,G,N;const[_,J]=p(null),M=y();g((()=>{var e,t,l,o;if(null===(o=null===(l=null===(t=null===(e=M.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===l?void 0:l.ticks)||void 0===o?void 0:o.length){const e=38*M.current.scales.y.ticks.length;J(e)}}),[M]);const Q=n.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?x.content.placeholder:x.background.brand,square:e.squareLegends}))),U={labels:o,datasets:n.map(((e,t)=>{var l,i,n;return Object.assign(Object.assign({tension:null!=u?u:.4,fill:e.gradient?"start":0},((e,t,l)=>{const i={borderColor:e||(t?x.content.placeholder:x.background.brand)};return k?Object.assign({pointStyle:"circle",pointRadius:S||(o&&o.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:l||e||(t?x.content.placeholder:x.background.brand)},i):Object.assign({pointRadius:null!=S?S:1},i)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(i=null!==(l=e.lineWidth)&&void 0!==l?l:O)&&void 0!==i?i:2,backgroundColor:e.gradient?t=>{const l=t.chart.ctx.createLinearGradient(0,0,0,_?_-75:150);return e.gradientColor?(l.addColorStop(0,e.gradientColor.start),l.addColorStop(1,e.gradientColor.end),l):(l.addColorStop(0,"#F1EEFB"),l.addColorStop(1,"rgba(127, 86, 217, 0)"),l)}:null!==(n=e.backgroundColor)&&void 0!==n?n:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},V={maintainAspectRatio:r,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=k&&k,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>x.content.primaryInverse,backgroundColor:x.content.primary,callbacks:{labelTextColor:()=>x.content.primaryInverse,title:D,label:A,afterBody:z},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:c?0:s,max:c?10:d,position:"left",id:"y",ticks:{color:x.content.secondary,callback:e=>{var t,o;return B?`${null!==(t=null==l?void 0:l.yPrefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=w?w:""}`:F&&Object.keys(F).length>0?F[e]:`${null!==(o=null==l?void 0:l.yPrefix)&&void 0!==o?o:""}${e}${null!=w?w:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:a,padding:k?24:0},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:x.background.base,drawBorder:null===(K=null==l?void 0:l.yDrawBorder)||void 0===K||K}},y1:{beginAtZero:!0,min:c?0:R,max:c?10:q,position:"right",id:"y1",display:P,ticks:{color:x.content.secondary,callback:e=>{var t,o;return Z?`${null!==(t=null==l?void 0:l.y2Prefix)&&void 0!==t?t:""}${I?b(e):h(e)}${null!=H?H:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(o=null==l?void 0:l.y2Prefix)&&void 0!==o?o:""}${e}${null!=H?H:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:c?1:L,padding:k?24:0},title:{display:!!(null==l?void 0:l.y2),text:null==l?void 0:l.y2},grid:{color:"transparent",drawBorder:null===(W=null==l?void 0:l.y2DrawBorder)||void 0===W||W}},x:{ticks:{callback:$,color:x.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.x),text:null==l?void 0:l.x},grid:{display:!1,drawBorder:null!==(G=null==l?void 0:l.xDrawBorder)&&void 0!==G&&G}}}};return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},r?{}:{height:null!==(N=null!=i?i:_)&&void 0!==N?N:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:Y}},{children:[e.jsx(f,{children:T.map(((t,l)=>e.jsx(j,{children:t},l)))}),e.jsx(f,{children:Q.map(((t,l)=>{let{text:o,color:i,square:n}=t;return o?e.jsxs(j,{children:[e.jsx(C,{color:i,square:n,newStyle:k}),e.jsx(v,Object.assign({color:"#667085"},{children:o}))]},l):e.jsx(e.Fragment,{})}))})]})),e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(m,{ref:M,options:V,data:U})}))]}))};export{k as LineChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const LegendContainer: 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 LegendColor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+    newStyle?: boolean | undefined;
+    square?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    position?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js

@@ -0,0 +1 @@
+import c from"../../../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";const e=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg2"}:{target:"eyesbkg2",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center"}:{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzBDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",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)."}}),l=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg1"}:{target:"eyesbkg1",label:"LegendColor"})("width:",(c=>c.newStyle||c.square?"16px":"8px"),";height:",(c=>c.newStyle||c.square?"16px":"8px"),";border-radius:4px;background:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),d=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("display:flex;flex-direction:row;gap:12px;justify-content:",(c=>c.position?c.position:"end"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMubmV3U3R5bGUgfHwgcHJvcHMuc3F1YXJlID8gJzE2cHgnIDogJzhweCcpfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm5ld1N0eWxlIHx8IHByb3BzLnNxdWFyZSA/ICcxNnB4JyA6ICc4cHgnKX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */"));export{l as LegendColor,e as LegendContainer,d as LegendWrapper};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.d.ts

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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js

@@ -0,0 +1,28 @@
+import{j as e}from"../../../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as s}from"react";import i from"styled-components";import{Legend as a}from"../Legend/Legend.js";import{BodySecondary as n,BodyTiny as r}from"../../../TypographyStyle.js";const l=i.div`
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	gap: 24px;
+
+	.slice-row {
+		width: 100%;
+		display: flex;
+		.percentage,
+		.raw-value {
+			margin-left: auto;
+		}
+	}
+
+	overflow-y: scroll;
+
+	&::-webkit-scrollbar-thumb {
+		background: #e0e0e0;
+		border-radius: 8px;
+	}
+	&::-webkit-scrollbar {
+		height: 5px;
+		display: block;
+		width: 8px;
+	}
+`,c=i=>{let{slices:c,size:o}=i;const[d,p]=t(0),[x,j]=t(o?{height:`${o}px`}:{});s((()=>{let e=0;c.forEach((t=>{e+=t.count})),p(e),0===c.reduce(((e,t)=>e+t.count),0)&&1===c.length?j((e=>Object.assign(Object.assign({},e),{justifyContent:"center"}))):j((e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"})))}),[c]);return e.jsx(l,Object.assign({style:x},{children:c.map((t=>{return e.jsxs("div",Object.assign({className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"}},{children:[e.jsx("div",Object.assign({style:{width:"fit-content"}},{children:e.jsx(a,{color:t.color,text:t.name},t.name)})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"column"}},{children:[e.jsxs(n,Object.assign({className:"percentage"},{children:[(s=t.count,0===d?0:parseFloat((s/d*100).toFixed(1))),"%"]})),t.rawValue&&e.jsxs(r,Object.assign({className:"raw-value"},{children:["(",t.rawValue,")"]}))]}))]}),t.name);var s}))}))};export{c as PieChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PieChartInputData } from "./PieChartInputData";
+export declare const Card: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const PieChartAnalytics: React.FC<PieChartInputData>;