@bikdotai/bik-component-library 0.0.734-beta.3 → 0.0.735-beta.1

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { ModeType } from './AnalyticsCard.model';
-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>, {}>;
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    width: string;
+    mode?: ModeType;
+    count?: number;
+}, JSX.IntrinsicElements, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    count: number;
+}, JSX.IntrinsicElements, {}>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),g=require("../../constants/Theme.js");function I(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var A=I(c);const C=A.default("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.BASE_COLORS.grayscale[100]:g.BASE_COLORS.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= */")),b=A.default("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 */"));exports.AnalyticsContainer=C,exports.CardDataContainer=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("../../constants/Theme.js");function c(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var A=c(g);const C=A.default("div","production"===process.env.NODE_ENV?{target:"ednv6o21"}:{target:"ednv6o21",label:"AnalyticsContainer"})("display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;justify-content:space-evenly;",(g=>g.width?`width: ${g.width}`:"width: 280px"),";background:",(g=>"light"==g.mode?I.BASE_COLORS.grayscale[100]:I.BASE_COLORS.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(g=>5==g.count?"flex-basis: 48%":6==g.count||7==g.count?"flex-basis: 31%":8==g.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(g=>7==g.count?"flex-basis: 23% !important":""),";}.shimmers{display:flex;gap:8px;.shine{margin-top:2px!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tICdAc3JjL2NvbnN0YW50cy9UaGVtZSc7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtd3JhcDogd3JhcDtcblx0cm93LWdhcDogMTZweDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1ldmVubHk7XG5cblx0JHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IGB3aWR0aDogJHtwcm9wcy53aWR0aH1gIDogJ3dpZHRoOiAyODBweCcpfTtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLm1vZGUgPT0gJ2xpZ2h0J1xuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxuICAgID8gJ2ZsZXgtYmFzaXM6IDQ4JSdcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuXG5cdC5zaGltbWVycyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0XHQuc2hpbmUge1xuXHRcdFx0bWFyZ2luLXRvcDogMnB4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IENhcmREYXRhQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRyb3ctZ2FwOiA0cHg7XG5cblx0ZmxleC1ncm93OiAxO1xuXHRmbGV4LXNocmluazogMDtcblx0ZmxleC1iYXNpczogJHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDJcbiAgICA/ICc0OCUnXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXG4gICAgICAgID8gJzMxJSdcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA0XG4gICAgICAgICAgICA/ICcyMyUnXG4gICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDVcbiAgICAgICAgICAgICAgICA/ICczMSUnXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XG4gICAgICAgICAgICAgICAgICAgID8gJzMxJSdcbiAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA3XG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc0NhcmQuc3R5bGVkLmpzLm1hcCJdfQ== */")),d=A.default("div","production"===process.env.NODE_ENV?{target:"ednv6o20"}:{target:"ednv6o20",label:"CardDataContainer"})("display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex-grow:1;flex-shrink:0;flex-basis:",(g=>2==g.count?"48%":3==g.count?"31%":4==g.count?"23%":5==g.count||6==g.count?"31%":7==g.count||8==g.count?"23%":"auto"),";.category,.statistic{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSAnQHNyYy9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cbiAgICA6IEJBU0VfQ09MT1JTLmJyYW5kWyc5MDAnXX07XG5cdHBhZGRpbmc6IDI2cHggMTJweCAxNnB4IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKG4gKyA0KSB7XG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDVcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcbiAgICAgICAgPyAnZmxleC1iYXNpczogMzElJ1xuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcbiAgICAgICAgICAgIDogJyd9O1xuXHR9XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQoNCkge1xuXHRcdCR7KHByb3BzKSA9PiAocHJvcHMuY291bnQgPT0gNyA/ICdmbGV4LWJhc2lzOiAyMyUgIWltcG9ydGFudCcgOiAnJyl9XG5cdH1cblxuXHQuc2hpbW1lcnMge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0LnNoaW5lIHtcblx0XHRcdG1hcmdpbi10b3A6IDJweCAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuYDtcbmV4cG9ydCBjb25zdCBDYXJkRGF0YUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0cm93LWdhcDogNHB4O1xuXG5cdGZsZXgtZ3JvdzogMTtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGZsZXgtYmFzaXM6ICR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSAyXG4gICAgPyAnNDglJ1xuICAgIDogcHJvcHMuY291bnQgPT0gM1xuICAgICAgICA/ICczMSUnXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxuICAgICAgICAgICAgPyAnMjMlJ1xuICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA1XG4gICAgICAgICAgICAgICAgPyAnMzElJ1xuICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNlxuICAgICAgICAgICAgICAgICAgICA/ICczMSUnXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xuICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xuICAgICAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG8nfTtcblxuXHQuY2F0ZWdvcnksXG5cdC5zdGF0aXN0aWMge1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdH1cbmA7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NDYXJkLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.AnalyticsContainer=C,exports.CardDataContainer=d;

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

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

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

@@ -1,3 +1,19 @@
-import React from 'react';
-import { AnalyticsChipInterface } from './AnalyticsChip.model';
-export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;
+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/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js

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

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

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

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

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

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

@@ -1,51 +1,51 @@
-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;
-    showTimePicker?: boolean;
-}
-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;
-    showTimePicker?: boolean;
-}>;
-export declare const formatDate: (dateVal: Date, includeTime?: boolean) => string;
+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;
+    showTimePicker?: boolean;
+}
+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;
+    showTimePicker?: boolean;
+}>;
+export declare const formatDate: (dateVal: Date, includeTime?: boolean) => string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("react-bootstrap"),n=require("react-dom"),s=require("../../constants/Theme.js"),i=require("../datePicker/DatePicker.js");require("react-calendar"),require("../../utils/DateUtils.js");var r=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js"),require("../datePicker/model.js"),require("../dropdown/DropdownPopover/index.js"),require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js"),require("../datePicker/DatePicker.styled.js");var d=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);const c=o=>{let{eachOption:t,selectedOption:n,selectedDate:i,onClickingEachItem:l,rangeSelection:a,isLastItem:c,isFirstItem:p,showTimePicker:m}=o;return e.jsxs(d.ItemMenuContainer,Object.assign({isFirstItem:p,isLastItem:c,onClick:()=>l(t),isSelected:t.isCustom?t.key==(null==n?void 0:n.key)&&!!i:t.key==(null==n?void 0:n.key)},{children:[e.jsx(r.BodySecondary,Object.assign({color:t.key==(null==n?void 0:n.key)?s.BASE_COLORS.positive[900]:s.BASE_COLORS.grayscale[900]},{children:t.label})),t.subLabel?e.jsx(r.BodyCaption,Object.assign({style:{color:s.BASE_COLORS.grayscale[700]}},{children:t.subLabel})):e.jsx(e.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&t.key==(null==n?void 0:n.key)&&e.jsx(r.BodyCaption,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:a?`${u(i[0],m)} to ${u(i[1],m)}`:`${u(i[0],m)}`}))]}),t.key)},u=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};exports.AnalyticsDropdown=n=>{let{options:l,placeholder:p="Select an option",selected:m,onOptionSelected:g,resetDropdown:j,maxHeight:v,backgroundcolor:w,calendarPopperConfig:O,variant:y="default",datePickerPlacement:D,closeDropdown:h,labelColor:b,styleProps:S,showTimePicker:f=!1}=n;var k,x,q;const[C,R]=o.useState(!1),[I,P]=o.useState(m),[E,L]=o.useState(),[T,B]=o.useState(!1),[M,F]=o.useState(m),A=o.useRef(null),$="small"===y?r.Caption:r.BodySecondary;o.useEffect((()=>{j&&P(void 0)}),[j]),o.useEffect((()=>{var e;(null==m?void 0:m.isCustom)&&(null===(e=m.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?L(m.dateRangeSelectionOptions.selectedDates):L(void 0),P(m)}),[m]),o.useEffect((()=>{B(!1),R(!1)}),[h]);const _=e=>{void 0!==e?(B(e),C&&R(!1)):B((e=>!e))},H=e=>{A.current&&!A.current.contains(e.target)&&(C&&R(!1),_(!1))};return o.useEffect((()=>(T&&document.addEventListener("mousedown",H),()=>{document.removeEventListener("mousedown",H)})),[T]),e.jsx(e.Fragment,{children:e.jsxs(d.MainDropdown,Object.assign({drop:"down",show:T,onToggle:_,bgColor:w,id:"analytic-dropdown"},{children:[e.jsx(t.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===y?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.DEFAULT_THEME.colorsV2.stroke.primary}`}:S||void 0},{children:e.jsx($,Object.assign({style:"small"===y||b?{color:b||s.DEFAULT_THEME.colorsV2.content.secondary}:void 0},{children:(null==I?void 0:I.isCustom)?E?u(E[0],f)===u(E[1],f)?`${u(E[0],f)}`:`${u(E[0],f)} to ${u(E[1],f)}`:(null==M?void 0:M.label)?null==M?void 0:M.label:p:I?null==I?void 0:I.label:p}))})),a.default.createPortal(e.jsx(t.Dropdown.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:A},{children:e.jsxs(d.MainDropdown,Object.assign({drop:null!=D?D:"end",id:"sub--dropdown",show:C,onToggle:e=>{!e&&B(!1),R(!C)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:v||"auto",overflowY:"scroll"}},{children:l.map(((o,n)=>{var s;return e.jsx("div",{children:(null==o?void 0:o.isCustom)?e.jsx(t.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:o,selectedOption:I,selectedDate:E,onClickingEachItem:e=>{P(e),R(!0)},rangeSelection:!!(null===(s=null==o?void 0:o.dateRangeSelectionOptions)||void 0===s?void 0:s.selectRange),showTimePicker:f})})):e.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:o,selectedOption:I,selectedDate:E,onClickingEachItem:e=>{if(L(void 0),P(e),F(e),_(),!e.noOfDays)return void g(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),g(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:f})},null==o?void 0:o.key)}))})),e.jsx(t.Dropdown.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==O?void 0:O.offsetSkid)||0,(null==O?void 0:O.offsetDistance)||0]}}]}},{children:e.jsx(i.DatePicker,{selectRange:(null===(k=null==I?void 0:I.dateRangeSelectionOptions)||void 0===k?void 0:k.selectRange)||!1,showTimePicker:f,maxDate:null===(x=null==I?void 0:I.dateRangeSelectionOptions)||void 0===x?void 0:x.maxDate,minDate:null===(q=null==I?void 0:I.dateRangeSelectionOptions)||void 0===q?void 0:q.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==I?void 0:I.dateRangeSelectionOptions)&&(I.dateRangeSelectionOptions.selectedDates=t,g(Object.assign(Object.assign({},I),{selectedRange:[e,o]}))),F(I),R(!1),L(t),B(!T)},onSelectDate:e=>{(null==I?void 0:I.dateRangeSelectionOptions)&&(I.dateRangeSelectionOptions.selectedDates=[e,e],g(Object.assign(Object.assign({},I),{selectedRange:[e,e]}))),F(I),R(!1),L([e,e]),B(!T)}})}))]}))})),document.body)]}))})},exports.EachItem=c,exports.formatDate=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("react-bootstrap"),n=require("react-dom"),r=require("../../constants/Theme.js"),i=require("../datePicker/DatePicker.js");require("react-calendar"),require("../../utils/DateUtils.js");var s=require("../TypographyStyle.js");require("../datePicker/DatePickerWrapper.styled.js"),require("../datePicker/model.js"),require("../dropdown/DropdownPopover/index.js"),require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js"),require("../datePicker/DatePicker.styled.js");var d=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);const c=o=>{let{eachOption:t,selectedOption:n,selectedDate:i,onClickingEachItem:l,rangeSelection:a,isLastItem:c,isFirstItem:p,showTimePicker:m}=o;return e.jsxs(d.ItemMenuContainer,{isFirstItem:p,isLastItem:c,onClick:()=>l(t),isSelected:t.isCustom?t.key==(null==n?void 0:n.key)&&!!i:t.key==(null==n?void 0:n.key),children:[e.jsx(s.BodySecondary,{color:t.key==(null==n?void 0:n.key)?r.BASE_COLORS.positive[900]:r.BASE_COLORS.grayscale[900],children:t.label}),t.subLabel?e.jsx(s.BodyCaption,{style:{color:r.BASE_COLORS.grayscale[700]},children:t.subLabel}):e.jsx(e.Fragment,{}),i&&(null==n?void 0:n.isCustom)&&t.key==(null==n?void 0:n.key)&&e.jsx(s.BodyCaption,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:a?`${u(i[0],m)} to ${u(i[1],m)}`:`${u(i[0],m)}`})]},t.key)},u=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};exports.AnalyticsDropdown=n=>{let{options:l,placeholder:p="Select an option",selected:m,onOptionSelected:g,resetDropdown:v,maxHeight:w,backgroundcolor:j,calendarPopperConfig:y,variant:D="default",datePickerPlacement:h,closeDropdown:S,labelColor:O,styleProps:f,showTimePicker:k=!1}=n;var x,b,q;const[C,R]=o.useState(!1),[I,P]=o.useState(m),[E,L]=o.useState(),[T,B]=o.useState(!1),[M,F]=o.useState(m),A=o.useRef(null),$="small"===D?s.Caption:s.BodySecondary;o.useEffect((()=>{v&&P(void 0)}),[v]),o.useEffect((()=>{var e;(null==m?void 0:m.isCustom)&&(null===(e=m.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?L(m.dateRangeSelectionOptions.selectedDates):L(void 0),P(m)}),[m]),o.useEffect((()=>{B(!1),R(!1)}),[S]);const _=e=>{void 0!==e?(B(e),C&&R(!1)):B((e=>!e))},H=e=>{A.current&&!A.current.contains(e.target)&&(C&&R(!1),_(!1))};return o.useEffect((()=>(T&&document.addEventListener("mousedown",H),()=>{document.removeEventListener("mousedown",H)})),[T]),e.jsx(e.Fragment,{children:e.jsxs(d.MainDropdown,{drop:"down",show:T,onToggle:_,bgColor:j,id:"analytic-dropdown",children:[e.jsx(t.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===D?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary}`}:f||void 0,children:e.jsx($,{style:"small"===D||O?{color:O||r.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:(null==I?void 0:I.isCustom)?E?u(E[0],k)===u(E[1],k)?`${u(E[0],k)}`:`${u(E[0],k)} to ${u(E[1],k)}`:(null==M?void 0:M.label)?null==M?void 0:M.label:p:I?null==I?void 0:I.label:p})}),a.default.createPortal(e.jsx(t.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:A,children:e.jsxs(d.MainDropdown,{drop:null!=h?h:"end",id:"sub--dropdown",show:C,onToggle:e=>{!e&&B(!1),R(!C)},children:[e.jsx("div",{style:{maxHeight:w||"auto",overflowY:"scroll"},children:l.map(((o,n)=>{var r;return e.jsx("div",{children:(null==o?void 0:o.isCustom)?e.jsx(t.Dropdown.Toggle,{className:"sub--dropdown",children:e.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:o,selectedOption:I,selectedDate:E,onClickingEachItem:e=>{P(e),R(!0)},rangeSelection:!!(null===(r=null==o?void 0:o.dateRangeSelectionOptions)||void 0===r?void 0:r.selectRange),showTimePicker:k})}):e.jsx(c,{isFirstItem:0===n,isLastItem:n===l.length-1,eachOption:o,selectedOption:I,selectedDate:E,onClickingEachItem:e=>{if(L(void 0),P(e),F(e),_(),!e.noOfDays)return void g(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),g(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:k})},null==o?void 0:o.key)}))}),e.jsx(t.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==y?void 0:y.offsetSkid)||0,(null==y?void 0:y.offsetDistance)||0]}}]},children:e.jsx(i.DatePicker,{selectRange:(null===(x=null==I?void 0:I.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,showTimePicker:k,maxDate:null===(b=null==I?void 0:I.dateRangeSelectionOptions)||void 0===b?void 0:b.maxDate,minDate:null===(q=null==I?void 0:I.dateRangeSelectionOptions)||void 0===q?void 0:q.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==I?void 0:I.dateRangeSelectionOptions)&&(I.dateRangeSelectionOptions.selectedDates=t,g(Object.assign(Object.assign({},I),{selectedRange:[e,o]}))),F(I),R(!1),L(t),B(!T)},onSelectDate:e=>{(null==I?void 0:I.dateRangeSelectionOptions)&&(I.dateRangeSelectionOptions.selectedDates=[e,e],g(Object.assign(Object.assign({},I),{selectedRange:[e,e]}))),F(I),R(!1),L([e,e]),B(!T)}})})]})}),document.body)]})})},exports.EachItem=c,exports.formatDate=u;

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

@@ -1,18 +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;
-}>;
+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/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("../../constants/Theme.js"),A=require("../TypographyStyle.js"),l=require("./AnalyticsTrend.js");function e(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}const c=e(g).default("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)."}});exports.AnalyticsMetric=g=>{let{title:e,trends:t,RightHeaderComponent:b,containerStyle:i,titleSize:d,titleColor:s,perRow:n,isLoading:a,trendStyle:Z,trendContainerStyle:u,trendIconStyle:o,hideHeaderDiv:y,isInternationalStore:G}=g;const m="large"===d?A.TitleMedium:A.TitleRegular,p=n||(t.length<=4?t.length:t.length%3==0?3:4),r=Math.ceil(t.length/p);return I.jsxs("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=i?i:{})},{children:[I.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:y?0:12}},{children:[e&&I.jsx(m,Object.assign({color:null!=s?s:C.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:e})),b]})),I.jsx(c,{children:Array.from({length:r}).map(((g,C)=>I.jsx(I.Fragment,{children:I.jsx("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===C?0:16}},{children:t.slice(C*p,(C+1)*p).map(((g,A)=>{var e;return I.jsx("div",Object.assign({style:{flex:1,maxWidth:1===t.length?"100%":"50%"}},{children:I.jsx(l.AnalyticsTrend,Object.assign({},g,{isLoading:a,card:!1,size:null!==(e=g.size)&&void 0!==e?e:"small",rightSeparator:A+C*p<Math.min((C+1)*p-1,t.length-1),trendStyle:Z,trendIconStyle:o,trendContainerStyle:u,isInternationalStore:G}))}),A)}))}),C)})))})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("../../constants/Theme.js"),A=require("../TypographyStyle.js"),l=require("./AnalyticsTrend.js");function e(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}const c=e(g).default("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICdAc3JjL2NvbnN0YW50cy9UaGVtZSc7XG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIGlzTG9hZGluZywgdHJlbmRTdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZSwgdHJlbmRJY29uU3R5bGUsIGhpZGVIZWFkZXJEaXYsIGlzSW50ZXJuYXRpb25hbFN0b3JlLCB9KSA9PiB7XG4gICAgY29uc3QgVHlwbyA9IHRpdGxlU2l6ZSA9PT0gJ2xhcmdlJyA/IFRpdGxlTWVkaXVtIDogVGl0bGVSZWd1bGFyO1xuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XG4gICAgICAgICh0cmVuZHMubGVuZ3RoIDw9IDQgPyB0cmVuZHMubGVuZ3RoIDogdHJlbmRzLmxlbmd0aCAlIDMgPT0gMCA/IDMgOiA0KTtcbiAgICBjb25zdCByb3dzID0gTWF0aC5jZWlsKHRyZW5kcy5sZW5ndGggLyBwZXJSb3dMb2NhbCk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpLCBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIHsgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogaGlkZUhlYWRlckRpdiA/IDAgOiAxMixcbiAgICAgICAgICAgICAgICB9LCBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIHsgY29sb3I6IHRpdGxlQ29sb3IgIT09IG51bGwgJiYgdGl0bGVDb2xvciAhPT0gdm9pZCAwID8gdGl0bGVDb2xvciA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcbiAgICAgICAgICAgICAgICAgICAgICAgIH0sIGNoaWxkcmVuOiB0aXRsZSB9KSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9KS5tYXAoKF8sIHJvd0luZGV4KSA9PiAoX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgeyBzdHlsZToge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblRvcDogcm93SW5kZXggPT09IDAgPyAwIDogMTYsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjaGlsZHJlbjogdHJlbmRzXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLnNsaWNlKHJvd0luZGV4ICogcGVyUm93TG9jYWwsIChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLm1hcCgodHJlbmQsIGkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIHsgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogdHJlbmRzLmxlbmd0aCA9PT0gMSA/ICcxMDAlJyA6ICc1MCUnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBjaGlsZHJlbjogX2pzeChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsgaXNMb2FkaW5nOiBpc0xvYWRpbmcsIGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSksIHRyZW5kU3R5bGU6IHRyZW5kU3R5bGUsIHRyZW5kSWNvblN0eWxlOiB0cmVuZEljb25TdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZTogdHJlbmRDb250YWluZXJTdHlsZSwgaXNJbnRlcm5hdGlvbmFsU3RvcmU6IGlzSW50ZXJuYXRpb25hbFN0b3JlIH0pKSB9LCBpKSk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KSB9LCByb3dJbmRleCkgfSkpKSB9KV0gfSkpO1xufTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",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)."}});exports.AnalyticsMetric=g=>{let{title:e,trends:t,RightHeaderComponent:b,containerStyle:d,titleSize:n,titleColor:i,perRow:s,isLoading:a,trendStyle:G,trendContainerStyle:o,trendIconStyle:Z,hideHeaderDiv:u,isInternationalStore:r}=g;const y="large"===n?A.TitleMedium:A.TitleRegular,m=s||(t.length<=4?t.length:t.length%3==0?3:4),p=Math.ceil(t.length/m);return I.jsxs("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=d?d:{}),children:[I.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:u?0:12},children:[e&&I.jsx(y,{color:null!=i?i:C.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:e}),b]}),I.jsx(c,{children:Array.from({length:p}).map(((g,C)=>I.jsx(I.Fragment,{children:I.jsx("div",{style:{display:"flex",width:"100%",marginTop:0===C?0:16},children:t.slice(C*m,(C+1)*m).map(((g,A)=>{var e;return I.jsx("div",{style:{flex:1,maxWidth:1===t.length?"100%":"50%"},children:I.jsx(l.AnalyticsTrend,Object.assign({},g,{isLoading:a,card:!1,size:null!==(e=g.size)&&void 0!==e?e:"small",rightSeparator:A+C*m<Math.min((C+1)*m-1,t.length-1),trendStyle:G,trendIconStyle:Z,trendContainerStyle:o,isInternationalStore:r}))},A)}))},C)})))})]})};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:l,wrapperStyle:a}=s;return e.jsx(i.AnalyticsMultiWrapper,Object.assign({style:null!=a?a:{}},{children:l.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:l,wrapperStyle:a}=s;return e.jsx(i.AnalyticsMultiWrapper,{style:null!=a?a:{},children:l.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))})};

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

@@ -1,36 +1,36 @@
-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>>;
-    tooltipTimelineText?: string;
-    customTimelineText?: string;
-}
-export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;
+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>>;
+    tooltipTimelineText?: string;
+    customTimelineText?: string;
+}
+export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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

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

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

@@ -1,45 +1,30 @@
-/// <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>, {}>;
+export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    backgroundColor?: string;
+    width?: string | number;
+}, JSX.IntrinsicElements, {}>;
+export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const MainDropdown: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isSelected?: boolean;
+    isLastItem?: boolean;
+    isFirstItem?: boolean;
+}, JSX.IntrinsicElements, {}>;
+export declare const AnalyticsTrendContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    card: boolean;
+}, JSX.IntrinsicElements, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;