@bikdotai/bik-component-library 0.0.239-beta.1 → 0.0.239

package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts

@@ -0,0 +1,79 @@
+import { DATE_OPERATORS } from '../types';
+import { QueryBuilderMeta } from '../types/QueryBuilder.type';
+export declare const lastDaysRegexPattern: RegExp;
+export declare const notLastDaysRegexPattern: RegExp;
+export declare const inBetweenLast: RegExp;
+export declare const notInBetweenLast: RegExp;
+export declare const exactly: RegExp;
+export declare const notExactly: RegExp;
+export declare class MetaCustomProcessor {
+    prepareDateMeta(meta: QueryBuilderMeta): QueryBuilderMeta | {
+        value: {
+            operator: string;
+            value: any[];
+            dataType: import("../types").QueryBuilderConnectorType;
+        };
+        key: string;
+        refresh?: boolean | undefined;
+        error: {
+            key?: string | undefined;
+            value?: string | import("../types").ConnectorError | undefined;
+        };
+    } | {
+        value: {
+            operator: string;
+            value: any[];
+            offset: any[];
+            dataType: import("../types").QueryBuilderConnectorType;
+        };
+        key: string;
+        refresh?: boolean | undefined;
+        error: {
+            key?: string | undefined;
+            value?: string | import("../types").ConnectorError | undefined;
+        };
+    } | {
+        value: {
+            operator: string;
+            dataType: import("../types").QueryBuilderConnectorType;
+            value?: string | number | string[] | number[] | Date | Date[] | undefined;
+        };
+        key: string;
+        refresh?: boolean | undefined;
+        error: {
+            key?: string | undefined;
+            value?: string | import("../types").ConnectorError | undefined;
+        };
+    };
+    /** @edit */
+    normalizeDateMeta(meta: QueryBuilderMeta): QueryBuilderMeta | {
+        value: {
+            operator: DATE_OPERATORS;
+            value: {
+                type: string | undefined;
+                start: any;
+                /** @ts-ignore offset-start is BE only type, happens in type-less way */
+                offset: any;
+            };
+            dataType: import("../types").QueryBuilderConnectorType;
+        };
+        key: string;
+        refresh?: boolean | undefined;
+        error: {
+            key?: string | undefined;
+            value?: string | import("../types").ConnectorError | undefined;
+        };
+    } | {
+        value: {
+            value: any[];
+            operator: DATE_OPERATORS;
+            dataType: import("../types").QueryBuilderConnectorType;
+        };
+        key: string;
+        refresh?: boolean | undefined;
+        error: {
+            key?: string | undefined;
+            value?: string | import("../types").ConnectorError | undefined;
+        };
+    };
+}

package/dist/esm/components/QueryBuilder/helpers/OperatorHelperV2.d.ts

@@ -0,0 +1,7 @@
+import { BaseQueryBuilderNode, QueryBuilderProperty } from '../types/QueryBuilder.type';
+export declare class OperatorHelperV2 {
+    convertBetweenOperator(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
+    convertNotBetweenOperator(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
+    /** @unused */
+    breakUserPropertyNodeBasedOperator(userPropertyNode: BaseQueryBuilderNode): BaseQueryBuilderNode | BaseQueryBuilderNode[];
+}

package/dist/esm/components/QueryBuilder/helpers/PropertyCustomProcessor.d.ts

@@ -0,0 +1,28 @@
+import { QueryBuilderProperty } from '../types/QueryBuilder.type';
+export declare class PropertyCustomProcessor {
+    /** @unused */
+    prepareBetween(property: QueryBuilderProperty): QueryBuilderProperty | QueryBuilderProperty[];
+    prepareBoolean(property: QueryBuilderProperty): QueryBuilderProperty;
+    prepareDate(property: QueryBuilderProperty): QueryBuilderProperty;
+    prepareInteger(property: QueryBuilderProperty): {
+        _id: string;
+        name?: string | number | undefined;
+        dataType?: import("../types/QueryBuilder.type").QueryBuilderConnectorType | undefined;
+        operator?: import("..").CONNECTOR_OPERATORS | undefined;
+        value?: import("..").CONNECTOR_VALUE_TYPE;
+        _refresh?: boolean | undefined;
+        error: {
+            name?: string | undefined;
+            dataType?: string | undefined;
+            operator?: string | undefined;
+            value?: string | undefined;
+        };
+    };
+    prepareIsAndIsNot(property: QueryBuilderProperty): QueryBuilderProperty;
+    /** @edit */
+    normalizeIsAndIsNotOperator(property: QueryBuilderProperty): QueryBuilderProperty;
+    /** @edit */
+    normalizeBoolean(property: QueryBuilderProperty): QueryBuilderProperty;
+    /** @edit */
+    normalizeInteger(property: QueryBuilderProperty): QueryBuilderProperty;
+}

package/dist/esm/components/QueryBuilder/helpers/SegmentHelperV2.d.ts

@@ -0,0 +1,140 @@
+import { QueryBuilderMeta, QueryBuilderRoot } from '../types';
+import { QueryBuilderType } from '../types/QueryBuilder.type';
+type SegmentBuilder = {
+    exclude?: QueryBuilderRoot;
+    include: QueryBuilderRoot;
+    name?: string;
+};
+/**
+ * @frontend
+ */
+export declare class SegmentHelperV2 {
+    private prepareNode;
+    prepare(v2: SegmentBuilder): SegmentBuilder;
+    private editNode;
+    edit(v2: SegmentBuilder): {
+        name: string | undefined;
+        include: {
+            nodes: {
+                metas: (QueryBuilderMeta | {
+                    value: {
+                        operator: import("../types").DATE_OPERATORS;
+                        value: {
+                            type: string | undefined;
+                            start: any;
+                            offset: any;
+                        };
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                } | {
+                    value: {
+                        value: any[];
+                        operator: import("../types").DATE_OPERATORS;
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                })[];
+                properties: import("../types").QueryBuilderPropertyType[];
+                _id: string;
+                type: QueryBuilderType;
+                isExclude?: boolean | undefined;
+                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
+            }[];
+            operator: import("../types").QueryBuilderJoinOperators | undefined;
+        };
+        exclude: {
+            nodes: {
+                metas: (QueryBuilderMeta | {
+                    value: {
+                        operator: import("../types").DATE_OPERATORS;
+                        value: {
+                            type: string | undefined;
+                            start: any;
+                            offset: any;
+                        };
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                } | {
+                    value: {
+                        value: any[];
+                        operator: import("../types").DATE_OPERATORS;
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                })[];
+                properties: import("../types").QueryBuilderPropertyType[];
+                _id: string;
+                type: QueryBuilderType;
+                isExclude?: boolean | undefined;
+                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
+            }[];
+            operator: import("../types").QueryBuilderJoinOperators | undefined;
+        };
+    } | {
+        name: string | undefined;
+        include: {
+            nodes: {
+                metas: (QueryBuilderMeta | {
+                    value: {
+                        operator: import("../types").DATE_OPERATORS;
+                        value: {
+                            type: string | undefined;
+                            start: any;
+                            offset: any;
+                        };
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                } | {
+                    value: {
+                        value: any[];
+                        operator: import("../types").DATE_OPERATORS;
+                        dataType: import("../types").QueryBuilderConnectorType;
+                    };
+                    key: string;
+                    refresh?: boolean | undefined;
+                    error: {
+                        key?: string | undefined;
+                        value?: string | import("../types").ConnectorError | undefined;
+                    };
+                })[];
+                properties: import("../types").QueryBuilderPropertyType[];
+                _id: string;
+                type: QueryBuilderType;
+                isExclude?: boolean | undefined;
+                PropertyOperator?: import("../types").QueryBuilderJoinOperators | undefined;
+            }[];
+            operator: import("../types").QueryBuilderJoinOperators | undefined;
+        };
+        exclude?: undefined;
+    };
+    containsError(v2: SegmentBuilder): string | undefined;
+}
+export {};

package/dist/esm/components/QueryBuilder/helpers/SegmentValidator.d.ts

@@ -0,0 +1,75 @@
+import { QueryBuilderRoot } from '../types';
+import { QueryBuilderConnector, QueryBuilderMeta, QueryBuilderProperty } from '../types/QueryBuilder.type';
+type SegmentBuilder = {
+    exclude?: QueryBuilderRoot;
+    include: QueryBuilderRoot;
+    name?: string;
+};
+export declare const POSITIVE_VAL_ERROR = "Please enter a positive integer";
+export declare const NON_ZERO_VAL = "Enter a positive value";
+export declare const INTEGER_ERROR = "Please enter an integer";
+export declare const REQUIRED_VALUE = "Required field";
+export declare const NON_DECIMAL_NUMBER = "Please enter a non-decimal number";
+export declare const COMMA_SEPERATED_VALUES = "Please enter values seperated by commas";
+export declare const LESS_THAN_180_DAYS = "Please enter values less than 180 days";
+export declare class SegmentValidator {
+    validate(stateArg: SegmentBuilder): (boolean | {
+        include: QueryBuilderRoot;
+        exclude?: QueryBuilderRoot | undefined;
+        name?: string | undefined;
+    })[];
+    validateMeta(meta: QueryBuilderMeta, onErr?: () => void): {
+        error: {
+            value: {
+                value: string;
+            };
+        };
+        key: string;
+        value: string | QueryBuilderConnector;
+        refresh?: boolean | undefined;
+    } | {
+        error: {
+            value: string;
+        };
+        key: string;
+        value: string | QueryBuilderConnector;
+        refresh?: boolean | undefined;
+    } | {
+        error: undefined;
+        key: string;
+        value: string | QueryBuilderConnector;
+        refresh?: boolean | undefined;
+    };
+    validateProperty(property: QueryBuilderProperty, onErr?: () => void): {
+        error: {
+            name: string;
+            value?: undefined;
+        };
+        _id: string;
+        name?: string | number | undefined;
+        dataType?: import("../types").QueryBuilderConnectorType | undefined;
+        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
+        value?: import("../types").CONNECTOR_VALUE_TYPE;
+        _refresh?: boolean | undefined;
+    } | {
+        error: {
+            value: string;
+            name?: undefined;
+        };
+        _id: string;
+        name?: string | number | undefined;
+        dataType?: import("../types").QueryBuilderConnectorType | undefined;
+        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
+        value?: import("../types").CONNECTOR_VALUE_TYPE;
+        _refresh?: boolean | undefined;
+    } | {
+        error: undefined;
+        _id: string;
+        name?: string | number | undefined;
+        dataType?: import("../types").QueryBuilderConnectorType | undefined;
+        operator?: import("../types").CONNECTOR_OPERATORS | undefined;
+        value?: import("../types").CONNECTOR_VALUE_TYPE;
+        _refresh?: boolean | undefined;
+    };
+}
+export {};

package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts

@@ -19,6 +19,7 @@ export type ConnectorComponentProps = {
     nativeID?: string;
     isLoading?: boolean;
     disabled?: boolean;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
 };
 export type ConnectorProps = {
     isLoading?: boolean;
@@ -38,8 +39,9 @@ export type ConnectorProps = {
     };
     testID?: string;
     disabled?: boolean;
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
 };
-export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
+export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
 type IG_VALUE = {
     imageUrl: string;
     redirectionUrl: string;

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts

@@ -48,18 +48,27 @@ export declare enum REACTION_OPERATORS {
     contains = "contains"
 }
 export declare enum DATE_OPERATORS {
+    today = "today",
+    yesterday = "yesterday",
+    'last 7 days' = "last 7 days",
+    'last 30 days' = "last 30 days",
+    'this week' = "this week",
+    'last week' = "last week",
+    'this month' = "this month",
+    'last month' = "last month",
+    'exactly' = "exactly",
+    'not exactly' = "not exactly",
+    'in the last' = "in the last",
+    'not in the last' = "not in the last",
+    'in between last' = "in between last",
+    'not in between last' = "not in between last",
     on = "on",
     notOn = "notOn",
     inBetween = "inBetween",
     notInBetween = "notInBetween",
     before = "before",
     after = "after",
-    today = "today",
-    yesterday = "yesterday",
-    'last week' = "last week",
-    'last month' = "last month",
-    'last quarter' = "last quarter",
-    'in the last' = "in the last"
+    'last quarter' = "last quarter"
 }
 export declare enum BOOLEAN_OPERATORS {
     isTrue = "isTrue",

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js

@@ -1 +1 @@
-var e,t,n,s,i,o,a,r,l,u,T,c,d;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.any="any",e.is="is",e.contains="contains",e.startsWith="startsWith",e.endsWith="endsWith"}(n||(n={})),function(e){e.is="is"}(s||(s={})),function(e){e.in="in"}(i||(i={})),function(e){e.is="is"}(o||(o={})),function(e){e.in="in"}(a||(a={})),function(e){e.in="in"}(r||(r={})),function(e){e.contains="contains"}(l||(l={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(u||(u={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(T||(T={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(c||(c={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(d||(d={}));export{s as AD_STRING_OPERATORS,r as ANY_AD_OPERATORS,a as ANY_IG_OPERATORS,T as BOOLEAN_OPERATORS,u as DATE_OPERATORS,d as EVENT_VALUES,c as FREQUENCY_OPERATORS,o as ICE_BREAKER_OPERATORS,n as IG_STRING_OPERATORS,e as INTEGER_OPERATORS,l as REACTION_OPERATORS,i as SPECIFIC_IG_OPERATORS,t as STRING_OPERATORS};
+var t,e,n,s,i,a,o,l,r,u,c,d,h;!function(t){t.is="is",t.isNot="isNot",t.exists="exists",t.doesntExist="doesntExist",t.lessThan="lessThan",t.lessThanOrEqualTo="lessThanOrEqualTo",t.greaterThan="greaterThan",t.greaterThanOrEqualTo="greaterThanOrEqualTo"}(t||(t={})),function(t){t.is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist"}(e||(e={})),function(t){t.any="any",t.is="is",t.contains="contains",t.startsWith="startsWith",t.endsWith="endsWith"}(n||(n={})),function(t){t.is="is"}(s||(s={})),function(t){t.in="in"}(i||(i={})),function(t){t.is="is"}(a||(a={})),function(t){t.in="in"}(o||(o={})),function(t){t.in="in"}(l||(l={})),function(t){t.contains="contains"}(r||(r={})),function(t){t.today="today",t.yesterday="yesterday",t["last 7 days"]="last 7 days",t["last 30 days"]="last 30 days",t["this week"]="this week",t["last week"]="last week",t["this month"]="this month",t["last month"]="last month",t.exactly="exactly",t["not exactly"]="not exactly",t["in the last"]="in the last",t["not in the last"]="not in the last",t["in between last"]="in between last",t["not in between last"]="not in between last",t.on="on",t.notOn="notOn",t.inBetween="inBetween",t.notInBetween="notInBetween",t.before="before",t.after="after",t["last quarter"]="last quarter"}(u||(u={})),function(t){t.isTrue="isTrue",t.isFalse="isFalse",t.exists="exists",t.doesntExist="doesntExist"}(c||(c={})),function(t){t.exactly="exactly",t.atleast="atleast",t.atMost="atMost"}(d||(d={})),function(t){t.FreeText="FreeText",t.NoInput="NoInput",t.IntegerSingleValue="IntegerSingleValue",t.StringSingleValue="StringSingleValue",t.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",t.MultiselectDropdownFreeText="MultiselectDropdownFreeText",t.SingleselectDropdownFreeText="SingleselectDropdownFreeText",t.SingleDate="SingleDate",t.TwoDate="TwoDate",t.IntegerPositiveSingle="IntegerPositiveSingle",t.NumberTime="NumberTime"}(h||(h={}));export{s as AD_STRING_OPERATORS,l as ANY_AD_OPERATORS,o as ANY_IG_OPERATORS,c as BOOLEAN_OPERATORS,u as DATE_OPERATORS,h as EVENT_VALUES,d as FREQUENCY_OPERATORS,a as ICE_BREAKER_OPERATORS,n as IG_STRING_OPERATORS,t as INTEGER_OPERATORS,r as REACTION_OPERATORS,i as SPECIFIC_IG_OPERATORS,e as STRING_OPERATORS};

package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts

@@ -16,4 +16,5 @@ export type QueryBuilderPropertyProps = {
     }>;
     onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
     onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
+    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
 };

package/dist/esm/components/accordion/Accordion.d.ts

@@ -9,5 +9,8 @@ export interface AccordionProps {
     skipHoverHeader?: boolean;
     headerPadding?: string;
     childrenPadding?: string;
+    showBorders?: boolean;
+    backgroundColor?: string;
+    refresh?: number | boolean;
 }
 export declare const BikAccordion: React.FC<AccordionProps>;

package/dist/esm/components/accordion/Accordion.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as n,useRef as t}from"react";import{TitleRegular as i,BodySecondary as o}from"../TypographyStyle.js";import c from"./Accordion.style.js";import a from"./AccordionArrow.js";const s=s=>{const[d,l]=n(!1),h=t(null),m=t(null),p=(e,r)=>{var n;m.current&&h.current&&("keydown"===r.type&&"Enter"!==r.key||(l(e),m.current.style.maxHeight?(m.current.style.maxHeight="",h.current.style.transform="rotate(0deg)",h.current.style.transition="transform 0.25s ease-in-out",m.current.style.padding="0",m.current.style.transition=" padding 0s"):(m.current.style.maxHeight=m.current.scrollHeight+"px",h.current.style.transform="rotate(180deg)",m.current.style.padding=null!==(n=s.childrenPadding)&&void 0!==n?n:"0px 24px 24px 24px",h.current.style.transition="transform 0.25s ease-in-out",m.current.style.transition="max-height 0.25s ease-in-out")))};return e(c,Object.assign({className:"accordion",isActive:d,width:null==s?void 0:s.width,contentMargin:null==s?void 0:s.contentMargin,headerPadding:s.headerPadding,skipHoverState:s.skipHoverHeader},{children:[e("div",Object.assign({className:"accordion__overview "+(d?"active":""),onClick:e=>p(!d,e),onKeyDown:e=>p(!d,e),role:"button",tabIndex:0},{children:[!s.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:["string"==typeof s.header?r(i,{children:null==s?void 0:s.header}):s.header,r(a,{isNewIcon:!1,ref:h})]})),s.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:[e("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[r(a,{isNewIcon:!0,ref:h}),"string"==typeof s.header?r(i,{children:null==s?void 0:s.header}):s.header]})),s.rightActionComponent]})),(null==s?void 0:s.caption)&&r("div",Object.assign({className:"accordion__overview__caption"},{children:r(o,{children:s.caption})}))]})),r("div",Object.assign({ref:m,className:"accordion__content"},{children:s.children}))]}))};export{s as BikAccordion};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as o}from"react";import{TitleRegular as i,BodySecondary as c}from"../TypographyStyle.js";import a from"./Accordion.style.js";import s from"./AccordionArrow.js";const l=l=>{var d;const[h,u]=n(!1),v=t(null),g=t(null),m=(e,r)=>{g.current&&v.current&&("keydown"===r.type&&"Enter"!==r.key||(u(e),g.current.style.maxHeight?(g.current.style.maxHeight="",v.current.style.transform="rotate(0deg)",v.current.style.transition="transform 0.25s ease-in-out",g.current.style.transition="padding 0s"):(g.current.style.maxHeight=g.current.scrollHeight+"px",v.current.style.transform="rotate(180deg)",v.current.style.transition="transform 0.25s ease-in-out",g.current.style.transition="max-height 0.25s ease-in-out")))};return o((()=>{var e;h&&(null==l?void 0:l.refresh)&&(null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.scrollHeight)&&setTimeout((()=>{g.current.style.maxHeight=g.current.scrollHeight+"px"}),100)}),[h,null==l?void 0:l.refresh,null===(d=null==g?void 0:g.current)||void 0===d?void 0:d.scrollHeight]),e(a,Object.assign({className:"accordion",isActive:h,width:null==l?void 0:l.width,contentMargin:null==l?void 0:l.contentMargin,headerPadding:l.headerPadding,skipHoverState:l.skipHoverHeader,showBorders:l.showBorders,backgroundColor:l.backgroundColor},{children:[e("div",Object.assign({className:"accordion__overview "+(h?"active":""),onClick:e=>m(!h,e),onKeyDown:e=>m(!h,e),role:"button",tabIndex:0},{children:[!l.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:["string"==typeof l.header?r(i,{children:null==l?void 0:l.header}):l.header,r(s,{isNewIcon:!1,ref:v})]})),l.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:[e("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[r(s,{isNewIcon:!0,ref:v}),"string"==typeof l.header?r(i,{children:null==l?void 0:l.header}):l.header]})),r("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:l.rightActionComponent}))]})),(null==l?void 0:l.caption)&&r("div",Object.assign({className:"accordion__overview__caption"},{children:r(c,{children:l.caption})}))]})),r("div",Object.assign({ref:g,className:"accordion__content"},{children:l.children}))]}))};export{l as BikAccordion};

package/dist/esm/components/accordion/Accordion.style.d.ts

@@ -4,5 +4,7 @@ declare const AccordionStyle: import("styled-components").StyledComponent<"div",
     contentMargin?: string | undefined;
     skipHoverState?: boolean | undefined;
     headerPadding?: string | undefined;
+    showBorders?: boolean | undefined;
+    backgroundColor?: string | undefined;
 }, never>;
 export default AccordionStyle;

package/dist/esm/components/accordion/Accordion.style.js

@@ -1,13 +1,17 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const d=e.div`
+import e from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const o=e.div`
 	width: ${e=>(null==e?void 0:e.width)||"100%"};
 	display: flex;
 	flex-direction: column;
+	border: ${e=>e.showBorders?"1px solid "+r.stroke.primary:""};
+	border-radius: ${e=>e.showBorders?"4px":""};
+	background: ${e=>e.backgroundColor||"unset"};
 	.accordion {
 		&__overview {
 			display: flex;
 			flex-direction: column;
 			gap: 4px;
 			padding: ${e=>e.headerPadding?e.headerPadding:"24px"};
+			border-bottom: ${e=>e.showBorders&&e.isActive?"1px solid "+r.stroke.primary:""};
 			&__header {
 				display: flex;
 				flex-direction: row;
@@ -19,8 +23,8 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 				gap: 8px;
 			}
 			:hover {
-				background: ${e=>e.skipHoverState?null:i.surface.subdued};
-				border-radius: 4px;
+				background: ${e=>e.skipHoverState?null:r.surface.subdued};
+				border-radius: ${e=>e.skipHoverState?null:"4px"};
 			}
 		}
 		&__content {
@@ -29,4 +33,4 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 			max-height: 0;
 		}
 	}
-`;export{d as default};
+`;export{o as default};

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

@@ -22,7 +22,7 @@ export interface AnalyticsDropdownInterface {
     onOptionSelected: (chosen: DropdownOptions & {
         selectedRange?: [Date, Date];
     }) => void;
-    maxHeight?: string;
+    backgroundColor?: string;
 }
 export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
 export declare const EachItem: React.FC<{
@@ -30,6 +30,5 @@ export declare const EachItem: React.FC<{
     selectedOption: DropdownOptions | undefined;
     selectedDate: Date[] | undefined;
     onClickingEachItem: (optionSelected: DropdownOptions) => void;
-    rangeSelection?: boolean;
 }>;
 export declare const formatDate: (dateVal: Date) => string;

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

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

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

@@ -7,4 +7,5 @@ export declare const AnalyticsMetric: React.FC<{
     containerStyle?: React.CSSProperties;
     titleSize?: 'large' | 'small';
     titleColor?: string;
+    perRow?: number;
 }>;

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

@@ -1 +1 @@
-import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as l}from"react/jsx-runtime";import{COLORS as c}from"../../constants/Theme.js";import{TitleMedium as b,TitleRegular as m}from"../TypographyStyle.js";import{AnalyticsTrend as n}from"./AnalyticsTrend.js";function i(){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)."}const s=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoKGkgKyAxKSAlIDQgIT09IDAgfHwgKGkgKyAxKSAlIDMgIT09IDApLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:i}),e=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoKGkgKyAxKSAlIDQgIT09IDAgfHwgKGkgKyAxKSAlIDMgIT09IDApLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:i}),a=I=>{let{title:i,trends:a,RightHeaderComponent:G,containerStyle:d,titleSize:Z,titleColor:t}=I;const H="large"===Z?b:m;return C("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=d?d:{})},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[i&&A(H,Object.assign({color:null!=t?t:c.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:i})),G]})),A(s,{children:a.map(((I,c)=>{var b;return C(l,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(n,Object.assign({},I,{key:c,card:!1,rightSeparator:!(c===a.length-1||(c+1)%4==0&&(c+1)%3==0),size:null!==(b=I.size)&&void 0!==b?b:"small"}))})),a.length>4&&C(l,{children:[(c+1)%3==0&&a.length<=6&&A(e,{style:{marginTop:c===a.length-1?0:32}}),(c+1)%4==0&&a.length>6&&A(e,{style:{marginTop:c===a.length-1?0:32}})]})]})}))})]}))};export{a as AnalyticsMetric};
+import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as c}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as b}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";function G(){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)."}const e=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:G}),Z=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:G}),i=g=>{let{title:G,trends:i,RightHeaderComponent:a,containerStyle:n,titleSize:y,titleColor:u,perRow:s}=g;const W="large"===y?l:b,t=s||(i.length<=4?i.length:i.length%3==0?3:4),B=Math.ceil(i.length/t);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=n?n:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[G&&C(W,Object.assign({color:null!=u?u:c.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:G})),a]})),C(e,{children:Array.from({length:B}).map(((g,c)=>I(A,{children:[C("div",Object.assign({style:{display:"flex",width:"100%"}},{children:i.slice(c*t,(c+1)*t).map(((g,I)=>{var A;return C("div",Object.assign({style:{flex:1,maxWidth:"50%"}},{children:C(d,Object.assign({},g,{card:!1,size:null!==(A=g.size)&&void 0!==A?A:"small",rightSeparator:I+c*t<Math.min((c+1)*t-1,i.length-1)}))}),I)}))}),c),C(Z,{style:{marginTop:"32px"}})]})))})]}))};export{i as AnalyticsMetric};

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

@@ -23,6 +23,7 @@ export declare const MainDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     height?: string | undefined;
+    backgroundColor?: string | undefined;
 }, {}, {}>;
 export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;