npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/alerts/Alert.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),s=require("../../assets/icons/cross.svg.js"),n=require("./Alert.styled.js"),r=require("./AlertHelper.js"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),a=e=>{const l=()=>{e.redirectTo&&window.open(e.redirectTo,"_blank")};return t.jsxDEV(n.AlertStyle,{type:e.type,contentPosition:e.contentPosition,style:e.containerStyle,children:[t.jsxDEV(n.AlertContentWrapper,{contentPosition:e.contentPosition,children:[e.icon&&t.jsxDEV("div",{style:{...e?.iconStyle,display:e?.iconStyle?.display||"flex",alignSelf:e?.iconStyle?.alignSelf||"flex-start"},children:t.jsxDEV(e.icon,{color:r.COLOR_CONFIG_MAP[e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:53,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:46,columnNumber:6},void 0),t.jsxDEV(i.BodyCaption,{style:{color:e.textColor||r.COLOR_CONFIG_MAP[e.type].textColor,marginLeft:8,marginRight:4},children:e.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:60,columnNumber:5},void 0),e.redirectToText&&e.redirectTo&&t.jsxDEV(i.BodyCaption,{style:{color:o.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{e.redirectTo==="INTERNAL"&&e.handleRedirectButtonClick?e.handleRedirectButtonClick():l()},children:e.redirectToText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:44,columnNumber:4},void 0),e.showCrossButton&&t.jsxDEV(n.CloseIconWrapper,{children:t.jsxDEV(s.default,{width:20,height:20,color:o.COLORS.content.secondary,onClick:()=>{e?.handleCrossIconClick&&e.handleCrossIconClick()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:93,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:92,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:39,columnNumber:3},void 0)};exports.Alert=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("../../assets/icons/cross.svg.js"),t=require("./Alert.styled.js"),o=require("./AlertHelper.js"),r=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),c=e=>{const l=()=>{e.redirectTo&&window.open(e.redirectTo,"_blank")};return n.jsxDEV(t.AlertStyle,{type:e.type,contentPosition:e.contentPosition,style:e.containerStyle,children:[n.jsxDEV(t.AlertContentWrapper,{contentPosition:e.contentPosition,children:[e.icon&&n.jsxDEV("div",{style:{...e?.iconStyle,display:e?.iconStyle?.display||"flex",alignSelf:e?.iconStyle?.alignSelf||"flex-start"},children:n.jsxDEV(e.icon,{color:o.COLOR_CONFIG_MAP[e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:53,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:46,columnNumber:6},void 0),n.jsxDEV(r.BodyCaption,{style:{color:e.textColor||o.COLOR_CONFIG_MAP[e.type].textColor,marginLeft:8,marginRight:4},children:e.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:60,columnNumber:5},void 0),e.redirectToText&&e.redirectTo&&n.jsxDEV(r.BodyCaption,{style:{color:i.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{e.redirectTo==="INTERNAL"&&e.handleRedirectButtonClick?e.handleRedirectButtonClick():l()},children:e.redirectToText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:44,columnNumber:4},void 0),e.showCrossButton&&n.jsxDEV(t.CloseIconWrapper,{children:n.jsxDEV(s.default,{width:20,height:20,color:i.COLORS.content.secondary,onClick:()=>{e?.handleCrossIconClick&&e.handleCrossIconClick()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:93,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:92,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/alerts/Alert.tsx",lineNumber:39,columnNumber:3},void 0)};exports.Alert=c;
 //# sourceMappingURL=Alert.js.map

package/dist/cjs/components/alerts/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../src/components/alerts/Alert.tsx"],"sourcesContent":["import CloseIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport {\n\tAlertContentWrapper,\n\tAlertStyle,\n\tCloseIconWrapper,\n} from '@src/components/alerts/Alert.styled';\nimport {\n\tALERT_TYPES,\n\tCOLOR_CONFIG_MAP,\n\tCONTENT_POSITION,\n} from '@src/components/alerts/AlertHelper';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type AlertProps = {\n\ttype: ALERT_TYPES;\n\ttext: string \| React.ReactNode;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\ttextColor?: string;\n\tcontentPosition?: CONTENT_POSITION;\n\tcontainerStyle?: React.CSSProperties;\n\tredirectTo?: string;\n\tredirectToText?: string;\n\ticonStyle?: React.CSSProperties;\n\thandleRedirectButtonClick?: () => void;\n\tshowCrossButton?: boolean;\n\thandleCrossIconClick?: () => void;\n};\n\nexport const Alert: React.FC<AlertProps> = (props) => {\n\tconst handleRedirection = () => {\n\t\tif (props.redirectTo) {\n\t\t\twindow.open(props.redirectTo, '_blank');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AlertStyle\n\t\t\ttype={props.type}\n\t\t\tcontentPosition={props.contentPosition}\n\t\t\tstyle={props.containerStyle}\n\t\t>\n\t\t\t<AlertContentWrapper contentPosition={props.contentPosition}>\n\t\t\t\t{props.icon && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t...props?.iconStyle,\n\t\t\t\t\t\t\tdisplay: props?.iconStyle?.display \|\| 'flex',\n\t\t\t\t\t\t\talignSelf: props?.iconStyle?.alignSelf \|\| 'flex-start',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={COLOR_CONFIG_MAP[props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: props.textColor \|\| COLOR_CONFIG_MAP[props.type].textColor,\n\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\tmarginRight: 4,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.text}\n\t\t\t\t</BodyCaption>\n\t\t\t\t{props.redirectToText && props.redirectTo && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.text.brand,\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tprops.redirectTo === 'INTERNAL' &&\n\t\t\t\t\t\t\t\tprops.handleRedirectButtonClick\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tprops.handleRedirectButtonClick();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\thandleRedirection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.redirectToText}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t\t</AlertContentWrapper>\n\t\t\t{props.showCrossButton && (\n\t\t\t\t<CloseIconWrapper>\n\t\t\t\t\t<CloseIcon\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (props?.handleCrossIconClick) {\n\t\t\t\t\t\t\t\tprops.handleCrossIconClick();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</CloseIconWrapper>\n\t\t\t)}\n\t\t</AlertStyle>\n\t);\n};\n"],"names":["Alert","props","handleRedirection","jsxDEV","AlertStyle","AlertContentWrapper","COLOR_CONFIG_MAP","this","BodyCaption","COLORS","CloseIconWrapper","CloseIcon"],"mappings":"4SA8BaA,EAA+BC,GAAU,CACrD,MAAMC,EAAoB,IAAM,CAC3BD,EAAM,YACT,OAAO,KAAKA,EAAM,WAAY,QAAQ,CAExC,EAEA,OACCE,EAAAA,OAACC,EAAAA,WAAA,CACA,KAAMH,EAAM,KACZ,gBAAiBA,EAAM,gBACvB,MAAOA,EAAM,eAEb,SAAA,CAAAE,EAAAA,OAACE,EAAAA,oBAAA,CAAoB,gBAAiBJ,EAAM,gBAC1C,SAAA,CAAAA,EAAM,MACNE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,GAAGF,GAAO,UACV,QAASA,GAAO,WAAW,SAAW,OACtC,UAAWA,GAAO,WAAW,WAAa,YAAA,EAG3C,SAAAE,EAAAA,OAACF,EAAM,KAAN,CACA,MAAOK,EAAAA,iBAAiBL,EAAM,IAAI,EAAE,UACpC,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAIA,EAXD,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAcDJ,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOP,EAAM,WAAaK,EAAAA,iBAAiBL,EAAM,IAAI,EAAE,UACvD,WAAY,EACZ,YAAa,CAAA,EAGb,SAAAA,EAAM,IAAA,EAPR,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EASCN,EAAM,gBAAkBA,EAAM,YAC9BE,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,MACnB,OAAQ,UACR,eAAgB,WAAA,EAEjB,QAAS,IAAM,CAEbR,EAAM,aAAe,YACrBA,EAAM,0BAENA,EAAM,0BAAA,EAENC,EAAA,CAEF,EAEC,SAAAD,EAAM,cAAA,EAjBR,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAkBA,CAAA,EA5CF,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8CA,EACCN,EAAM,iBACNE,EAAAA,OAACO,EAAAA,iBAAA,CACA,SAAAP,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOF,EAAAA,OAAO,QAAQ,UACtB,QAAS,IAAM,CACVR,GAAO,sBACVA,EAAM,qBAAA,CAER,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EAhEF,OAAA,GAAA,CAAA,SAAA,~~qHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoEF"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/alerts/Alert.tsx"],"sourcesContent":["import CloseIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport {\n\tAlertContentWrapper,\n\tAlertStyle,\n\tCloseIconWrapper,\n} from '@src/components/alerts/Alert.styled';\nimport {\n\tALERT_TYPES,\n\tCOLOR_CONFIG_MAP,\n\tCONTENT_POSITION,\n} from '@src/components/alerts/AlertHelper';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type AlertProps = {\n\ttype: ALERT_TYPES;\n\ttext: string \| React.ReactNode;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\ttextColor?: string;\n\tcontentPosition?: CONTENT_POSITION;\n\tcontainerStyle?: React.CSSProperties;\n\tredirectTo?: string;\n\tredirectToText?: string;\n\ticonStyle?: React.CSSProperties;\n\thandleRedirectButtonClick?: () => void;\n\tshowCrossButton?: boolean;\n\thandleCrossIconClick?: () => void;\n};\n\nexport const Alert: React.FC<AlertProps> = (props) => {\n\tconst handleRedirection = () => {\n\t\tif (props.redirectTo) {\n\t\t\twindow.open(props.redirectTo, '_blank');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AlertStyle\n\t\t\ttype={props.type}\n\t\t\tcontentPosition={props.contentPosition}\n\t\t\tstyle={props.containerStyle}\n\t\t>\n\t\t\t<AlertContentWrapper contentPosition={props.contentPosition}>\n\t\t\t\t{props.icon && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t...props?.iconStyle,\n\t\t\t\t\t\t\tdisplay: props?.iconStyle?.display \|\| 'flex',\n\t\t\t\t\t\t\talignSelf: props?.iconStyle?.alignSelf \|\| 'flex-start',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={COLOR_CONFIG_MAP[props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: props.textColor \|\| COLOR_CONFIG_MAP[props.type].textColor,\n\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\tmarginRight: 4,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{props.text}\n\t\t\t\t</BodyCaption>\n\t\t\t\t{props.redirectToText && props.redirectTo && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.text.brand,\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tprops.redirectTo === 'INTERNAL' &&\n\t\t\t\t\t\t\t\tprops.handleRedirectButtonClick\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tprops.handleRedirectButtonClick();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\thandleRedirection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.redirectToText}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t\t</AlertContentWrapper>\n\t\t\t{props.showCrossButton && (\n\t\t\t\t<CloseIconWrapper>\n\t\t\t\t\t<CloseIcon\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (props?.handleCrossIconClick) {\n\t\t\t\t\t\t\t\tprops.handleCrossIconClick();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</CloseIconWrapper>\n\t\t\t)}\n\t\t</AlertStyle>\n\t);\n};\n"],"names":["Alert","props","handleRedirection","jsxDEV","AlertStyle","AlertContentWrapper","COLOR_CONFIG_MAP","this","BodyCaption","COLORS","CloseIconWrapper","CloseIcon"],"mappings":"4SA8BaA,EAA+BC,GAAU,CACrD,MAAMC,EAAoB,IAAM,CAC3BD,EAAM,YACT,OAAO,KAAKA,EAAM,WAAY,QAAQ,CAExC,EAEA,OACCE,EAAAA,OAACC,EAAAA,WAAA,CACA,KAAMH,EAAM,KACZ,gBAAiBA,EAAM,gBACvB,MAAOA,EAAM,eAEb,SAAA,CAAAE,EAAAA,OAACE,EAAAA,oBAAA,CAAoB,gBAAiBJ,EAAM,gBAC1C,SAAA,CAAAA,EAAM,MACNE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,GAAGF,GAAO,UACV,QAASA,GAAO,WAAW,SAAW,OACtC,UAAWA,GAAO,WAAW,WAAa,YAAA,EAG3C,SAAAE,EAAAA,OAACF,EAAM,KAAN,CACA,MAAOK,EAAAA,iBAAiBL,EAAM,IAAI,EAAE,UACpC,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAIA,EAXD,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAcDJ,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOP,EAAM,WAAaK,EAAAA,iBAAiBL,EAAM,IAAI,EAAE,UACvD,WAAY,EACZ,YAAa,CAAA,EAGb,SAAAA,EAAM,IAAA,EAPR,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EASCN,EAAM,gBAAkBA,EAAM,YAC9BE,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,MACnB,OAAQ,UACR,eAAgB,WAAA,EAEjB,QAAS,IAAM,CAEbR,EAAM,aAAe,YACrBA,EAAM,0BAENA,EAAM,0BAAA,EAENC,EAAA,CAEF,EAEC,SAAAD,EAAM,cAAA,EAjBR,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAkBA,CAAA,EA5CF,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8CA,EACCN,EAAM,iBACNE,EAAAA,OAACO,EAAAA,iBAAA,CACA,SAAAP,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOF,EAAAA,OAAO,QAAQ,UACtB,QAAS,IAAM,CACVR,GAAO,sBACVA,EAAM,qBAAA,CAER,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EAhEF,OAAA,GAAA,CAAA,SAAA,sFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoEF"}

package/dist/cjs/components/analytics-card/AnalyticsCard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),a=require("../../constants/Theme.js"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),o=require("../TypographyStyle.js"),c=require("./AnalyticsCard.styled.js"),u=i=>{const{cardInfo:n,width:l,mode:m}=i;return e.jsxDEV(c.AnalyticsContainer,{width:l,mode:m,count:Object.keys(n).length,children:i.isLoading?e.jsxDEV("div",{className:"shimmers",children:[e.jsxDEV(t.BikShimmer,{isBrand:i.mode!="light",boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:56,columnNumber:6},void 0),e.jsxDEV(t.BikShimmer,{isBrand:i.mode!="light",boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:63,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:55,columnNumber:5},void 0):Object.keys(n).map(r=>{const d=n[r],s=r;return e.jsxDEV(c.CardDataContainer,{className:"analytics__card",count:Object.keys(n).length,children:[e.jsxDEV(o.TitleSmall,{className:"statistic",color:i.mode=="light"?a.BASE_COLORS.brand[900]:a.BASE_COLORS.grayscale.white,children:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:31,columnNumber:8},void 0),e.jsxDEV(o.BodyCaption,{className:"category",color:i.mode=="light"?a.BASE_COLORS.brand[900]:a.COLORS.content.secondaryInverse,children:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:41,columnNumber:8},void 0)]},s,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:26,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:16,columnNumber:3},void 0)};exports.AnalyticsCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../constants/Theme.js"),o=require("../shimmer/ShimmerComponent/BikShimmer.js"),t=require("../TypographyStyle.js"),c=require("./AnalyticsCard.styled.js"),y=n=>{const{cardInfo:a,width:l,mode:d}=n;return e.jsxDEV(c.AnalyticsContainer,{width:l,mode:d,count:Object.keys(a).length,children:n.isLoading?e.jsxDEV("div",{className:"shimmers",children:[e.jsxDEV(o.BikShimmer,{isBrand:n.mode!="light",boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:56,columnNumber:6},void 0),e.jsxDEV(o.BikShimmer,{isBrand:n.mode!="light",boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:63,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:55,columnNumber:5},void 0):Object.keys(a).map(s=>{const m=a[s],r=s;return e.jsxDEV(c.CardDataContainer,{className:"analytics__card",count:Object.keys(a).length,children:[e.jsxDEV(t.TitleSmall,{className:"statistic",color:n.mode=="light"?i.BASE_COLORS.brand[900]:i.BASE_COLORS.grayscale.white,children:m},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:31,columnNumber:8},void 0),e.jsxDEV(t.BodyCaption,{className:"category",color:n.mode=="light"?i.BASE_COLORS.brand[900]:i.COLORS.content.secondaryInverse,children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:41,columnNumber:8},void 0)]},r,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:26,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-card/AnalyticsCard.tsx",lineNumber:16,columnNumber:3},void 0)};exports.AnalyticsCard=y;
 //# sourceMappingURL=AnalyticsCard.js.map

package/dist/cjs/components/analytics-card/AnalyticsCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsCard.js","sources":["../../../../src/components/analytics-card/AnalyticsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport BikShimmer from '../shimmer/ShimmerComponent/BikShimmer';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { ModeType } from './AnalyticsCard.model';\nimport * as AC from './AnalyticsCard.styled';\n\nexport const AnalyticsCard: React.FC<{\n\tcardInfo: { [category: string]: string };\n\twidth?: string; //280px by default\n\tmode?: ModeType; //dark by default\n\tisLoading?: boolean;\n}> = (props) => {\n\tconst { cardInfo, width, mode } = props;\n\treturn (\n\t\t<AC.AnalyticsContainer\n\t\t\twidth={width as string}\n\t\t\tmode={mode as ModeType}\n\t\t\tcount={Object.keys(cardInfo).length}\n\t\t>\n\t\t\t{!props.isLoading ? (\n\t\t\t\tObject.keys(cardInfo).map((data) => {\n\t\t\t\t\tconst statistic = cardInfo[data];\n\t\t\t\t\tconst category = data;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<AC.CardDataContainer\n\t\t\t\t\t\t\tclassName=\"analytics__card\"\n\t\t\t\t\t\t\tkey={category}\n\t\t\t\t\t\t\tcount={Object.keys(cardInfo).length}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tclassName=\"statistic\"\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.mode == 'light'\n\t\t\t\t\t\t\t\t\t\t? BASE_COLORS.brand['900']\n\t\t\t\t\t\t\t\t\t\t: BASE_COLORS.grayscale['white']\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{statistic}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tclassName=\"category\"\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.mode == 'light'\n\t\t\t\t\t\t\t\t\t\t? BASE_COLORS.brand['900']\n\t\t\t\t\t\t\t\t\t\t: COLORS.content['secondaryInverse']\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{category}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</AC.CardDataContainer>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : (\n\t\t\t\t<div className=\"shimmers\">\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tisBrand={props.mode == 'light' ? false : true}\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tisBrand={props.mode == 'light' ? false : true}\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</AC.AnalyticsContainer>\n\t);\n};\n"],"names":["AnalyticsCard","props","cardInfo","width","mode","jsxDEV","AC.AnalyticsContainer","BikShimmer","this","data","statistic","category","AC.CardDataContainer","TitleSmall","BASE_COLORS","BodyCaption","COLORS"],"mappings":"gSAOaA,EAKPC,GAAU,CACf,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,CAAA,EAASH,EAClC,OACCI,EAAAA,OAACC,EAAAA,mBAAA,CACA,MAAAH,EACA,KAAAC,EACA,MAAO,OAAO,KAAKF,CAAQ,EAAE,OAE5B,SAACD,EAAM,UAkCPI,EAAAA,OAAC,MAAA,CAAI,UAAU,WACd,SAAA,CAAAA,EAAAA,OAACE,EAAAA,WAAA,CACA,QAASN,EAAM,MAAQ,QACvB,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,OAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,OAAA,CAAQ,CAClC,EALD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAOAH,EAAAA,OAACE,EAAAA,WAAA,CACA,QAASN,EAAM,MAAQ,QACvB,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,OAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,OAAA,CAAQ,CAClC,EALD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAMA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAhDA,OAAO,KAAKN,CAAQ,EAAE,IAAKO,GAAS,CACnC,MAAMC,EAAYR,EAASO,CAAI,EACzBE,EAAWF,EACjB,OACCJ,EAAAA,OAACO,EAAAA,kBAAA,CACA,UAAU,kBAEV,MAAO,OAAO,KAAKV,CAAQ,EAAE,OAE7B,SAAA,CAAAG,EAAAA,OAACQ,EAAAA,WAAA,CACA,UAAU,YACV,MACCZ,EAAM,MAAQ,QACXa,EAAAA,YAAY,MAAM,GAAK,EACvBA,EAAAA,YAAY,UAAU,MAGzB,SAAAJ,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAUAH,EAAAA,OAACU,EAAAA,YAAA,CACA,UAAU,WACV,MACCd,EAAM,MAAQ,QACXa,EAAAA,YAAY,MAAM,GAAK,EACvBE,EAAAA,OAAO,QAAQ,iBAGlB,SAAAL,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CASA,CAAA,EAtBKG,EAFN,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CA2BF,CAAC,CAiBD,EAtDF,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0DF"}
1	+ {"version":3,"file":"AnalyticsCard.js","sources":["../../../../src/components/analytics-card/AnalyticsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport BikShimmer from '../shimmer/ShimmerComponent/BikShimmer';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { ModeType } from './AnalyticsCard.model';\nimport * as AC from './AnalyticsCard.styled';\n\nexport const AnalyticsCard: React.FC<{\n\tcardInfo: { [category: string]: string };\n\twidth?: string; //280px by default\n\tmode?: ModeType; //dark by default\n\tisLoading?: boolean;\n}> = (props) => {\n\tconst { cardInfo, width, mode } = props;\n\treturn (\n\t\t<AC.AnalyticsContainer\n\t\t\twidth={width as string}\n\t\t\tmode={mode as ModeType}\n\t\t\tcount={Object.keys(cardInfo).length}\n\t\t>\n\t\t\t{!props.isLoading ? (\n\t\t\t\tObject.keys(cardInfo).map((data) => {\n\t\t\t\t\tconst statistic = cardInfo[data];\n\t\t\t\t\tconst category = data;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<AC.CardDataContainer\n\t\t\t\t\t\t\tclassName=\"analytics__card\"\n\t\t\t\t\t\t\tkey={category}\n\t\t\t\t\t\t\tcount={Object.keys(cardInfo).length}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\tclassName=\"statistic\"\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.mode == 'light'\n\t\t\t\t\t\t\t\t\t\t? BASE_COLORS.brand['900']\n\t\t\t\t\t\t\t\t\t\t: BASE_COLORS.grayscale['white']\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{statistic}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tclassName=\"category\"\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\tprops.mode == 'light'\n\t\t\t\t\t\t\t\t\t\t? BASE_COLORS.brand['900']\n\t\t\t\t\t\t\t\t\t\t: COLORS.content['secondaryInverse']\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{category}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</AC.CardDataContainer>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : (\n\t\t\t\t<div className=\"shimmers\">\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tisBrand={props.mode == 'light' ? false : true}\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tisBrand={props.mode == 'light' ? false : true}\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t\t{ height: '18px', width: '120px' },\n\t\t\t\t\t\t]}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</AC.AnalyticsContainer>\n\t);\n};\n"],"names":["AnalyticsCard","props","cardInfo","width","mode","jsxDEV","AC.AnalyticsContainer","BikShimmer","this","data","statistic","category","AC.CardDataContainer","TitleSmall","BASE_COLORS","BodyCaption","COLORS"],"mappings":"gSAOaA,EAKPC,GAAU,CACf,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,CAAA,EAASH,EAClC,OACCI,EAAAA,OAACC,EAAAA,mBAAA,CACA,MAAAH,EACA,KAAAC,EACA,MAAO,OAAO,KAAKF,CAAQ,EAAE,OAE5B,SAACD,EAAM,UAkCPI,EAAAA,OAAC,MAAA,CAAI,UAAU,WACd,SAAA,CAAAA,EAAAA,OAACE,EAAAA,WAAA,CACA,QAASN,EAAM,MAAQ,QACvB,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,OAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,OAAA,CAAQ,CAClC,EALD,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAOAH,EAAAA,OAACE,EAAAA,WAAA,CACA,QAASN,EAAM,MAAQ,QACvB,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,OAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,OAAA,CAAQ,CAClC,EALD,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAMA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAhDA,OAAO,KAAKN,CAAQ,EAAE,IAAKO,GAAS,CACnC,MAAMC,EAAYR,EAASO,CAAI,EACzBE,EAAWF,EACjB,OACCJ,EAAAA,OAACO,EAAAA,kBAAA,CACA,UAAU,kBAEV,MAAO,OAAO,KAAKV,CAAQ,EAAE,OAE7B,SAAA,CAAAG,EAAAA,OAACQ,EAAAA,WAAA,CACA,UAAU,YACV,MACCZ,EAAM,MAAQ,QACXa,EAAAA,YAAY,MAAM,GAAK,EACvBA,EAAAA,YAAY,UAAU,MAGzB,SAAAJ,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAUAH,EAAAA,OAACU,EAAAA,YAAA,CACA,UAAU,WACV,MACCd,EAAM,MAAQ,QACXa,EAAAA,YAAY,MAAM,GAAK,EACvBE,EAAAA,OAAO,QAAQ,iBAGlB,SAAAL,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CASA,CAAA,EAtBKG,EAFN,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CA2BF,CAAC,CAiBD,EAtDF,OAAA,GAAA,CAAA,SAAA,sGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0DF"}

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),b=require("../../assets/icons/info.svg.js"),n=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),y=require("./AnalyticsChipChannelFooter.js"),h=require("./CommonStyles.js"),k=require("../tooltips/Tooltip.js"),v=r=>{const{title:a,primaryValue:t,titleColor:l,captionColor:c=n.BASE_COLORS.grayscale[700],backgroundColor:m=n.BASE_COLORS.grayscale[50],width:p="224.67px",extraJSX:d,tooltipContent:i,channelConfig:s,style:u}=r;return e.jsxDEV(h.AnalyticsChipContainer,{style:u??{},backgroundColor:m,width:p,children:[e.jsxDEV("div",{className:"sub--container",children:[e.jsxDEV(o.BodyCaption,{style:{color:c},children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:30,columnNumber:5},void 0),i&&e.jsxDEV(k.Tooltip,{body:i,children:e.jsxDEV("div",{children:e.jsxDEV(b.default,{height:14.67,width:14.67,color:n.BASE_COLORS.grayscale[500]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:34,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:33,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:32,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:29,columnNumber:4},void 0),e.jsxDEV(o.TitleLarge,{style:{color:l},children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:43,columnNumber:4},void 0),s&&e.jsxDEV(y.AnalyticsChipChannelFooter,{channelConfig:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:45,columnNumber:5},void 0),d]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:24,columnNumber:3},void 0)};exports.AnalyticsChip=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),u=require("../../assets/icons/info.svg.js"),e=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),b=require("./AnalyticsChipChannelFooter.js"),h=require("./CommonStyles.js"),f=require("../tooltips/Tooltip.js"),C=r=>{const{title:a,primaryValue:l,titleColor:t,captionColor:c=e.BASE_COLORS.grayscale[700],backgroundColor:d=e.BASE_COLORS.grayscale[50],width:m="224.67px",extraJSX:p,tooltipContent:o,channelConfig:i,style:y}=r;return n.jsxDEV(h.AnalyticsChipContainer,{style:y??{},backgroundColor:d,width:m,children:[n.jsxDEV("div",{className:"sub--container",children:[n.jsxDEV(s.BodyCaption,{style:{color:c},children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:30,columnNumber:5},void 0),o&&n.jsxDEV(f.Tooltip,{body:o,children:n.jsxDEV("div",{children:n.jsxDEV(u.default,{height:14.67,width:14.67,color:e.BASE_COLORS.grayscale[500]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:34,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:33,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:32,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:29,columnNumber:4},void 0),n.jsxDEV(s.TitleLarge,{style:{color:t},children:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:43,columnNumber:4},void 0),i&&n.jsxDEV(b.AnalyticsChipChannelFooter,{channelConfig:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:45,columnNumber:5},void 0),p]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx",lineNumber:24,columnNumber:3},void 0)};exports.AnalyticsChip=C;
 //# sourceMappingURL=AnalyticsChip.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsChip.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx"],"sourcesContent":["import Info from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport { BodyCaption, TitleLarge } from '../TypographyStyle';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\nimport { AnalyticsChipChannelFooter } from './AnalyticsChipChannelFooter';\nimport { AnalyticsChipContainer } from './CommonStyles';\n\nexport const AnalyticsChip: React.FC<AnalyticsChipInterface> = (props) => {\n\tconst {\n\t\ttitle,\n\t\tprimaryValue,\n\t\ttitleColor,\n\t\tcaptionColor = BASE_COLORS.grayscale[700],\n\t\tbackgroundColor = BASE_COLORS.grayscale[50],\n\t\twidth = '224.67px',\n\t\textraJSX,\n\t\ttooltipContent,\n\t\tchannelConfig,\n\t\tstyle,\n\t} = props;\n\treturn (\n\t\t<AnalyticsChipContainer\n\t\t\tstyle={style ?? {}}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\twidth={width}\n\t\t>\n\t\t\t<div className=\"sub--container\">\n\t\t\t\t<BodyCaption style={{ color: captionColor }}>{title}</BodyCaption>\n\t\t\t\t{tooltipContent && (\n\t\t\t\t\t<Tooltip body={tooltipContent}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Info\n\t\t\t\t\t\t\t\theight={14.67}\n\t\t\t\t\t\t\t\twidth={14.67}\n\t\t\t\t\t\t\t\tcolor={BASE_COLORS.grayscale[500]}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<TitleLarge style={{ color: titleColor }}>{primaryValue}</TitleLarge>\n\t\t\t{channelConfig && (\n\t\t\t\t<AnalyticsChipChannelFooter channelConfig={channelConfig} />\n\t\t\t)}\n\t\t\t{extraJSX}\n\t\t</AnalyticsChipContainer>\n\t);\n};\n"],"names":["AnalyticsChip","props","title","primaryValue","titleColor","captionColor","BASE_COLORS","backgroundColor","width","extraJSX","tooltipContent","channelConfig","style","jsxDEV","AnalyticsChipContainer","BodyCaption","this","Tooltip","Info","TitleLarge","AnalyticsChipChannelFooter"],"mappings":"8VASaA,EAAmDC,GAAU,CACzE,KAAM,CACL,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EAAeC,EAAAA,YAAY,UAAU,GAAG,EACxC,gBAAAC,EAAkBD,EAAAA,YAAY,UAAU,EAAE,EAC1C,MAAAE,EAAQ,WACR,SAAAC,EACA,eAAAC,EACA,cAAAC,EACA,MAAAC,CAAA,EACGX,EACJ,OACCY,EAAAA,OAACC,EAAAA,uBAAA,CACA,MAAOF,GAAS,CAAA,EAChB,gBAAAL,EACA,MAAAC,EAEA,SAAA,CAAAK,EAAAA,OAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAY,MAAO,CAAE,MAAOV,CAAA,EAAiB,SAAAH,GAA9C,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAoD,EACnDN,GACAG,EAAAA,OAACI,UAAA,CAAQ,KAAMP,EACd,kBAAC,MAAA,CACA,SAAAG,EAAAA,OAACK,EAAAA,QAAA,CACA,OAAQ,MACR,MAAO,MACP,MAAOZ,EAAAA,YAAY,UAAU,GAAG,CAAA,EAHjC,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACCG,EAAAA,WAAA,CAAW,MAAO,CAAE,MAAOf,CAAA,EAAe,SAAAD,GAA3C,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAwD,EACvDL,GACAE,EAAAA,OAACO,EAAAA,2BAAA,CAA2B,cAAAT,CAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA0D,EAE1DP,CAAA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,~~oJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CA0BF"}
1	+ {"version":3,"file":"AnalyticsChip.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsChip.tsx"],"sourcesContent":["import Info from '@src/assets/icons/info.svg';\nimport React from 'react';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport { BodyCaption, TitleLarge } from '../TypographyStyle';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\nimport { AnalyticsChipChannelFooter } from './AnalyticsChipChannelFooter';\nimport { AnalyticsChipContainer } from './CommonStyles';\n\nexport const AnalyticsChip: React.FC<AnalyticsChipInterface> = (props) => {\n\tconst {\n\t\ttitle,\n\t\tprimaryValue,\n\t\ttitleColor,\n\t\tcaptionColor = BASE_COLORS.grayscale[700],\n\t\tbackgroundColor = BASE_COLORS.grayscale[50],\n\t\twidth = '224.67px',\n\t\textraJSX,\n\t\ttooltipContent,\n\t\tchannelConfig,\n\t\tstyle,\n\t} = props;\n\treturn (\n\t\t<AnalyticsChipContainer\n\t\t\tstyle={style ?? {}}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\twidth={width}\n\t\t>\n\t\t\t<div className=\"sub--container\">\n\t\t\t\t<BodyCaption style={{ color: captionColor }}>{title}</BodyCaption>\n\t\t\t\t{tooltipContent && (\n\t\t\t\t\t<Tooltip body={tooltipContent}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Info\n\t\t\t\t\t\t\t\theight={14.67}\n\t\t\t\t\t\t\t\twidth={14.67}\n\t\t\t\t\t\t\t\tcolor={BASE_COLORS.grayscale[500]}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<TitleLarge style={{ color: titleColor }}>{primaryValue}</TitleLarge>\n\t\t\t{channelConfig && (\n\t\t\t\t<AnalyticsChipChannelFooter channelConfig={channelConfig} />\n\t\t\t)}\n\t\t\t{extraJSX}\n\t\t</AnalyticsChipContainer>\n\t);\n};\n"],"names":["AnalyticsChip","props","title","primaryValue","titleColor","captionColor","BASE_COLORS","backgroundColor","width","extraJSX","tooltipContent","channelConfig","style","jsxDEV","AnalyticsChipContainer","BodyCaption","this","Tooltip","Info","TitleLarge","AnalyticsChipChannelFooter"],"mappings":"8VASaA,EAAmDC,GAAU,CACzE,KAAM,CACL,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EAAeC,EAAAA,YAAY,UAAU,GAAG,EACxC,gBAAAC,EAAkBD,EAAAA,YAAY,UAAU,EAAE,EAC1C,MAAAE,EAAQ,WACR,SAAAC,EACA,eAAAC,EACA,cAAAC,EACA,MAAAC,CAAA,EACGX,EACJ,OACCY,EAAAA,OAACC,EAAAA,uBAAA,CACA,MAAOF,GAAS,CAAA,EAChB,gBAAAL,EACA,MAAAC,EAEA,SAAA,CAAAK,EAAAA,OAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,EAAAA,OAACE,EAAAA,aAAY,MAAO,CAAE,MAAOV,CAAA,EAAiB,SAAAH,GAA9C,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAoD,EACnDN,GACAG,EAAAA,OAACI,UAAA,CAAQ,KAAMP,EACd,kBAAC,MAAA,CACA,SAAAG,EAAAA,OAACK,EAAAA,QAAA,CACA,OAAQ,MACR,MAAO,MACP,MAAOZ,EAAAA,YAAY,UAAU,GAAG,CAAA,EAHjC,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,CAAA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACCG,EAAAA,WAAA,CAAW,MAAO,CAAE,MAAOf,CAAA,EAAe,SAAAD,GAA3C,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAwD,EACvDL,GACAE,EAAAA,OAACO,EAAAA,2BAAA,CAA2B,cAAAT,CAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAA0D,EAE1DP,CAAA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CA0BF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),t=require("../../assets/icons/chat-channel.svg.js"),l=require("../../assets/icons/email-channel.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),m=require("../../assets/icons/whatsapp-channel.svg.js"),p=require("../../constants/Theme.js"),h=require("../TypographyStyle.js"),u=e=>{if(!e.channelConfig)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:13,columnNumber:10},void 0);const{whatsapp:a,instagram:i,email:o,sms:r}=e.channelConfig;return n.jsxDEV("div",{style:{display:"flex",gap:"16px"},children:[!!a&&n.jsxDEV(s,{ChannelIcon:m.default,value:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:21,columnNumber:5},void 0),!!i&&n.jsxDEV(s,{ChannelIcon:c.default,value:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:24,columnNumber:5},void 0),!!o&&n.jsxDEV(s,{ChannelIcon:l.default,value:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:27,columnNumber:5},void 0),!!r&&n.jsxDEV(s,{ChannelIcon:t.default,value:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:29,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:19,columnNumber:3},void 0)},s=e=>{const{ChannelIcon:a,value:i}=e;return n.jsxDEV("div",{style:{display:"flex",gap:"4px"},children:[n.jsxDEV(a,{width:12,height:12},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:41,columnNumber:4},void 0),n.jsxDEV(h.BodyTiny,{color:p.COLORS.content.secondary,children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:42,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:40,columnNumber:3},void 0)};exports.AnalyticsChipChannelFooter=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),r=require("../../assets/icons/chat-channel.svg.js"),t=require("../../assets/icons/email-channel.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),d=require("../../assets/icons/whatsapp-channel.svg.js"),m=require("../../constants/Theme.js"),u=require("../TypographyStyle.js"),p=e=>{if(!e.channelConfig)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:13,columnNumber:10},void 0);const{whatsapp:o,instagram:a,email:i,sms:l}=e.channelConfig;return n.jsxDEV("div",{style:{display:"flex",gap:"16px"},children:[!!o&&n.jsxDEV(s,{ChannelIcon:d.default,value:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:21,columnNumber:5},void 0),!!a&&n.jsxDEV(s,{ChannelIcon:c.default,value:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:24,columnNumber:5},void 0),!!i&&n.jsxDEV(s,{ChannelIcon:t.default,value:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:27,columnNumber:5},void 0),!!l&&n.jsxDEV(s,{ChannelIcon:r.default,value:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:29,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:19,columnNumber:3},void 0)},s=e=>{const{ChannelIcon:o,value:a}=e;return n.jsxDEV("div",{style:{display:"flex",gap:"4px"},children:[n.jsxDEV(o,{width:12,height:12},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:41,columnNumber:4},void 0),n.jsxDEV(u.BodyTiny,{color:m.COLORS.content.secondary,children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:42,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx",lineNumber:40,columnNumber:3},void 0)};exports.AnalyticsChipChannelFooter=p;
 //# sourceMappingURL=AnalyticsChipChannelFooter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsChipChannelFooter.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx"],"sourcesContent":["import SmsIcon from '@src/assets/icons/chat-channel.svg';\nimport EmailIcon from '@src/assets/icons/email-channel.svg';\nimport InstagramIcon from '@src/assets/icons/instagram-channel.svg';\nimport WhatsappIcon from '@src/assets/icons/whatsapp-channel.svg';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\n\nexport const AnalyticsChipChannelFooter = (props: {\n\tchannelConfig: AnalyticsChipInterface['channelConfig'];\n}) => {\n\tif (!props.channelConfig) {\n\t\treturn <></>;\n\t}\n\n\tconst { whatsapp, instagram, email, sms } = props.channelConfig;\n\n\treturn (\n\t\t<div style={{ display: 'flex', gap: '16px' }}>\n\t\t\t{!!whatsapp && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={WhatsappIcon} value={whatsapp} />\n\t\t\t)}\n\t\t\t{!!instagram && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={InstagramIcon} value={instagram} />\n\t\t\t)}\n\t\t\t{!!email && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={EmailIcon} value={email} />\n\t\t\t)}\n\t\t\t{!!sms && <ChannelIconWithValue ChannelIcon={SmsIcon} value={sms} />}\n\t\t</div>\n\t);\n};\n\nconst ChannelIconWithValue = (props: {\n\tChannelIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tvalue: string;\n}) => {\n\tconst { ChannelIcon, value } = props;\n\treturn (\n\t\t<div style={{ display: 'flex', gap: '4px' }}>\n\t\t\t<ChannelIcon width={12} height={12} />\n\t\t\t<BodyTiny color={COLORS.content.secondary}>{value}</BodyTiny>\n\t\t</div>\n\t);\n};\n"],"names":["AnalyticsChipChannelFooter","props","jsxDEV","Fragment","this","whatsapp","instagram","email","sms","ChannelIconWithValue","WhatsappIcon","InstagramIcon","EmailIcon","SmsIcon","ChannelIcon","value","BodyTiny","COLORS"],"mappings":"4ZAQaA,EAA8BC,GAErC,CACL,GAAI,CAACA,EAAM,cACV,OAAOC,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAE,EAGV,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,IAAAC,CAAA,EAAQP,EAAM,cAElD,OACCC,EAAAA,OAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,QAClC,SAAA,CAAA,CAAC,CAACG,GACFH,SAACO,GAAqB,YAAaC,EAAAA,QAAc,MAAOL,GAAxD,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAkE,EAElE,CAAC,CAACE,GACFJ,SAACO,GAAqB,YAAaE,EAAAA,QAAe,MAAOL,GAAzD,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAoE,EAEpE,CAAC,CAACG,GACFL,SAACO,GAAqB,YAAaG,EAAAA,QAAW,MAAOL,GAArD,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,EAE5D,CAAC,CAACI,GAAON,SAACO,GAAqB,YAAaI,EAAAA,QAAS,MAAOL,GAAnD,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAwD,CAAA,CAAA,EAVnE,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAEF,EAEMK,EAAwBR,GAGxB,CACL,KAAM,CAAE,YAAAa,EAAa,MAAAC,CAAA,EAAUd,EAC/B,OACCC,EAAAA,OAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,OACnC,SAAA,CAAAA,SAACY,EAAA,CAAY,MAAO,GAAI,OAAQ,EAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAV,MAAoC,WACnCY,EAAAA,SAAA,CAAS,MAAOC,SAAO,QAAQ,UAAY,SAAAF,GAA5C,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAX,MAAkD,CAAA,CAAA,EAFnD,OAAA,GAAA,CAAA,SAAA,~~iKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}
1	+ {"version":3,"file":"AnalyticsChipChannelFooter.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.tsx"],"sourcesContent":["import SmsIcon from '@src/assets/icons/chat-channel.svg';\nimport EmailIcon from '@src/assets/icons/email-channel.svg';\nimport InstagramIcon from '@src/assets/icons/instagram-channel.svg';\nimport WhatsappIcon from '@src/assets/icons/whatsapp-channel.svg';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\n\nexport const AnalyticsChipChannelFooter = (props: {\n\tchannelConfig: AnalyticsChipInterface['channelConfig'];\n}) => {\n\tif (!props.channelConfig) {\n\t\treturn <></>;\n\t}\n\n\tconst { whatsapp, instagram, email, sms } = props.channelConfig;\n\n\treturn (\n\t\t<div style={{ display: 'flex', gap: '16px' }}>\n\t\t\t{!!whatsapp && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={WhatsappIcon} value={whatsapp} />\n\t\t\t)}\n\t\t\t{!!instagram && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={InstagramIcon} value={instagram} />\n\t\t\t)}\n\t\t\t{!!email && (\n\t\t\t\t<ChannelIconWithValue ChannelIcon={EmailIcon} value={email} />\n\t\t\t)}\n\t\t\t{!!sms && <ChannelIconWithValue ChannelIcon={SmsIcon} value={sms} />}\n\t\t</div>\n\t);\n};\n\nconst ChannelIconWithValue = (props: {\n\tChannelIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tvalue: string;\n}) => {\n\tconst { ChannelIcon, value } = props;\n\treturn (\n\t\t<div style={{ display: 'flex', gap: '4px' }}>\n\t\t\t<ChannelIcon width={12} height={12} />\n\t\t\t<BodyTiny color={COLORS.content.secondary}>{value}</BodyTiny>\n\t\t</div>\n\t);\n};\n"],"names":["AnalyticsChipChannelFooter","props","jsxDEV","Fragment","this","whatsapp","instagram","email","sms","ChannelIconWithValue","WhatsappIcon","InstagramIcon","EmailIcon","SmsIcon","ChannelIcon","value","BodyTiny","COLORS"],"mappings":"4ZAQaA,EAA8BC,GAErC,CACL,GAAI,CAACA,EAAM,cACV,OAAOC,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAE,EAGV,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,IAAAC,CAAA,EAAQP,EAAM,cAElD,OACCC,EAAAA,OAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,QAClC,SAAA,CAAA,CAAC,CAACG,GACFH,SAACO,GAAqB,YAAaC,EAAAA,QAAc,MAAOL,GAAxD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAkE,EAElE,CAAC,CAACE,GACFJ,SAACO,GAAqB,YAAaE,EAAAA,QAAe,MAAOL,GAAzD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAoE,EAEpE,CAAC,CAACG,GACFL,SAACO,GAAqB,YAAaG,EAAAA,QAAW,MAAOL,GAArD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,EAE5D,CAAC,CAACI,GAAON,SAACO,GAAqB,YAAaI,EAAAA,QAAS,MAAOL,GAAnD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAwD,CAAA,CAAA,EAVnE,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAEF,EAEMK,EAAwBR,GAGxB,CACL,KAAM,CAAE,YAAAa,EAAa,MAAAC,CAAA,EAAUd,EAC/B,OACCC,EAAAA,OAAC,OAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,OACnC,SAAA,CAAAA,SAACY,EAAA,CAAY,MAAO,GAAI,OAAQ,EAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAV,MAAoC,WACnCY,EAAAA,SAAA,CAAS,MAAOC,SAAO,QAAQ,UAAY,SAAAF,GAA5C,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAX,MAAkD,CAAA,CAAA,EAFnD,OAAA,GAAA,CAAA,SAAA,kIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),i=require("react"),x=require("react-bootstrap"),_=require("react-dom"),k=require("../../constants/Theme.js"),h=require("../TypographyStyle.js"),C=require("./CommonStyles.js"),O=require("../datePicker/DatePicker.js"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},H=T(_),Y=({options:e,placeholder:t="Select an option",selected:s,onOptionSelected:m,resetDropdown:v,maxHeight:w,backgroundcolor:E,calendarPopperConfig:b,variant:S="default",datePickerPlacement:F,closeDropdown:$,labelColor:V,styleProps:W,showTimePicker:u=!1})=>{const[N,p]=i.useState(!1),[a,g]=i.useState(s),[l,f]=i.useState(),[D,y]=i.useState(!1),[L,A]=i.useState(s),R=i.useRef(null),q=S==="small"?h.Caption:h.BodySecondary;i.useEffect(()=>{v&&g(void 0)},[v]),i.useEffect(()=>{s?.isCustom&&s.dateRangeSelectionOptions?.selectedDates?f(s.dateRangeSelectionOptions.selectedDates):f(void 0),g(s)},[s]),i.useEffect(()=>{y(!1),p(!1)},[$]);const j=n=>{n!==void 0?(y(n),N&&p(!1)):y(c=>!c)},I=n=>{R.current&&!R.current.contains(n.target)&&(N&&p(!1),j(!1))};return i.useEffect(()=>(D&&document.addEventListener("mousedown",I),()=>{document.removeEventListener("mousedown",I)}),[D]),o.jsxDEV(o.Fragment,{children:o.jsxDEV(C.MainDropdown,{drop:"down",show:D,onToggle:j,bgColor:E,id:"analytic-dropdown",children:[o.jsxDEV(x.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:S==="small"?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${k.DEFAULT_THEME.colorsV2.stroke.primary}`}:W||void 0,children:o.jsxDEV(q,{style:S==="small"||V?{color:V||k.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:a?.isCustom?l?d(l[0],u)===d(l[1],u)?`${d(l[0],u)}`:`${d(l[0],u)} to ${d(l[1],u)}`:L?.label?L?.label:t:a?a?.label:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:154,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:135,columnNumber:5},void 0),H.default.createPortal(o.jsxDEV(x.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:R,children:o.jsxDEV(C.MainDropdown,{drop:F??"end",id:"sub--dropdown",show:N,onToggle:n=>{!n&&y(!1),p(!N)},children:[o.jsxDEV("div",{style:{maxHeight:w||"auto",overflowY:"scroll"},children:e.map((n,c)=>o.jsxDEV("div",{children:n?.isCustom?o.jsxDEV(x.Dropdown.Toggle,{className:"sub--dropdown",children:o.jsxDEV(U,{isFirstItem:c===0,isLastItem:c===e.length-1,eachOption:n,selectedOption:a,selectedDate:l,onClickingEachItem:r=>{g(r),p(!0)},rangeSelection:!!n?.dateRangeSelectionOptions?.selectRange,showTimePicker:u},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:206,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:205,columnNumber:12},void 0):o.jsxDEV(U,{isFirstItem:c===0,isLastItem:c===e.length-1,eachOption:n,selectedOption:a,selectedDate:l,onClickingEachItem:r=>{if(f(void 0),g(r),A(r),j(),!r.noOfDays){m(r);return}const M=new Date,B=new Date;B.setDate(M.getDate()-r.noOfDays),m({...r,selectedRange:[B,M]})},showTimePicker:u},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:225,columnNumber:12},void 0)},n?.key,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:203,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:196,columnNumber:8},void 0),o.jsxDEV(x.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[b?.offsetSkid||0,b?.offsetDistance||0]}}]},children:o.jsxDEV(O.DatePicker,{selectRange:a?.dateRangeSelectionOptions?.selectRange||!1,showTimePicker:u,maxDate:a?.dateRangeSelectionOptions?.maxDate,minDate:a?.dateRangeSelectionOptions?.minDate,selectedDates:l,onSelectRange:(n,c)=>{const r=[n,c];a?.dateRangeSelectionOptions&&(a.dateRangeSelectionOptions.selectedDates=r,m({...a,selectedRange:[n,c]})),A(a),p(!1),f(r),y(!D)},onSelectDate:n=>{a?.dateRangeSelectionOptions&&(a.dateRangeSelectionOptions.selectedDates=[n,n],m({...a,selectedRange:[n,n]})),A(a),p(!1),f([n,n]),y(!D)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:272,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:256,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:187,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:182,columnNumber:6},void 0),document.body)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:128,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:127,columnNumber:3},void 0)},U=({eachOption:e,selectedOption:t,selectedDate:s,onClickingEachItem:m,rangeSelection:v,isLastItem:w,isFirstItem:E,showTimePicker:b})=>o.jsxDEV(C.ItemMenuContainer,{isFirstItem:E,isLastItem:w,onClick:()=>m(e),isSelected:e.isCustom?e.key==t?.key&&!!s:e.key==t?.key,children:[o.jsxDEV(h.BodySecondary,{color:e.key==t?.key?k.BASE_COLORS.positive[900]:k.BASE_COLORS.grayscale[900],children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:355,columnNumber:4},void 0),e.subLabel?o.jsxDEV(h.BodyCaption,{style:{color:k.BASE_COLORS.grayscale[700]},children:e.subLabel},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:365,columnNumber:5},void 0):o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:369,columnNumber:5},void 0),s&&t?.isCustom&&e.key==t?.key&&o.jsxDEV(h.BodyCaption,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:v?`${d(s[0],b)} to ${d(s[1],b)}`:`${d(s[0],b)}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:374,columnNumber:6},void 0)]},e.key,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:344,columnNumber:3},void 0),d=(e,t)=>{const s=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(t){const m=e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0});return`${s} (${m})`}return s};exports.AnalyticsDropdown=Y;exports.EachItem=U;exports.formatDate=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),i=require("react"),k=require("react-bootstrap"),O=require("react-dom"),w=require("../../constants/Theme.js"),N=require("../TypographyStyle.js"),C=require("./CommonStyles.js"),T=require("../datePicker/DatePicker.js"),H=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},Y=H(O),z=({options:e,placeholder:t="Select an option",selected:s,onOptionSelected:m,resetDropdown:g,maxHeight:x,backgroundcolor:h,calendarPopperConfig:y,variant:v="default",datePickerPlacement:$,closeDropdown:q,labelColor:V,styleProps:L,showTimePicker:u=!1})=>{const[E,p]=i.useState(!1),[a,S]=i.useState(s),[d,b]=i.useState(),[D,f]=i.useState(!1),[I,A]=i.useState(s),R=i.useRef(null),_=v==="small"?N.Caption:N.BodySecondary;i.useEffect(()=>{g&&S(void 0)},[g]),i.useEffect(()=>{s?.isCustom&&s.dateRangeSelectionOptions?.selectedDates?b(s.dateRangeSelectionOptions.selectedDates):b(void 0),S(s)},[s]),i.useEffect(()=>{f(!1),p(!1)},[q]);const j=n=>{n!==void 0?(f(n),E&&p(!1)):f(l=>!l)},M=n=>{R.current&&!R.current.contains(n.target)&&(E&&p(!1),j(!1))};return i.useEffect(()=>(D&&document.addEventListener("mousedown",M),()=>{document.removeEventListener("mousedown",M)}),[D]),o.jsxDEV(o.Fragment,{children:o.jsxDEV(C.MainDropdown,{drop:"down",show:D,onToggle:j,bgColor:h,id:"analytic-dropdown",children:[o.jsxDEV(k.Dropdown.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:v==="small"?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${w.DEFAULT_THEME.colorsV2.stroke.primary}`}:L||void 0,children:o.jsxDEV(_,{style:v==="small"||V?{color:V||w.DEFAULT_THEME.colorsV2.content.secondary}:void 0,children:a?.isCustom?d?c(d[0],u)===c(d[1],u)?`${c(d[0],u)}`:`${c(d[0],u)} to ${c(d[1],u)}`:I?.label?I?.label:t:a?a?.label:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:154,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:135,columnNumber:5},void 0),Y.default.createPortal(o.jsxDEV(k.Dropdown.Menu,{className:"main--dropdown",style:{padding:0},ref:R,children:o.jsxDEV(C.MainDropdown,{drop:$??"end",id:"sub--dropdown",show:E,onToggle:n=>{!n&&f(!1),p(!E)},children:[o.jsxDEV("div",{style:{maxHeight:x||"auto",overflowY:"scroll"},children:e.map((n,l)=>o.jsxDEV("div",{children:n?.isCustom?o.jsxDEV(k.Dropdown.Toggle,{className:"sub--dropdown",children:o.jsxDEV(U,{isFirstItem:l===0,isLastItem:l===e.length-1,eachOption:n,selectedOption:a,selectedDate:d,onClickingEachItem:r=>{S(r),p(!0)},rangeSelection:!!n?.dateRangeSelectionOptions?.selectRange,showTimePicker:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:206,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:205,columnNumber:12},void 0):o.jsxDEV(U,{isFirstItem:l===0,isLastItem:l===e.length-1,eachOption:n,selectedOption:a,selectedDate:d,onClickingEachItem:r=>{if(b(void 0),S(r),A(r),j(),!r.noOfDays){m(r);return}const B=new Date,F=new Date;F.setDate(B.getDate()-r.noOfDays),m({...r,selectedRange:[F,B]})},showTimePicker:u},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:225,columnNumber:12},void 0)},n?.key,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:203,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:196,columnNumber:8},void 0),o.jsxDEV(k.Dropdown.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[y?.offsetSkid||0,y?.offsetDistance||0]}}]},children:o.jsxDEV(T.DatePicker,{selectRange:a?.dateRangeSelectionOptions?.selectRange||!1,showTimePicker:u,maxDate:a?.dateRangeSelectionOptions?.maxDate,minDate:a?.dateRangeSelectionOptions?.minDate,selectedDates:d,onSelectRange:(n,l)=>{const r=[n,l];a?.dateRangeSelectionOptions&&(a.dateRangeSelectionOptions.selectedDates=r,m({...a,selectedRange:[n,l]})),A(a),p(!1),b(r),f(!D)},onSelectDate:n=>{a?.dateRangeSelectionOptions&&(a.dateRangeSelectionOptions.selectedDates=[n,n],m({...a,selectedRange:[n,n]})),A(a),p(!1),b([n,n]),f(!D)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:272,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:256,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:187,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:182,columnNumber:6},void 0),document.body)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:128,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:127,columnNumber:3},void 0)},U=({eachOption:e,selectedOption:t,selectedDate:s,onClickingEachItem:m,rangeSelection:g,isLastItem:x,isFirstItem:h,showTimePicker:y})=>o.jsxDEV(C.ItemMenuContainer,{isFirstItem:h,isLastItem:x,onClick:()=>m(e),isSelected:e.isCustom?e.key==t?.key&&!!s:e.key==t?.key,children:[o.jsxDEV(N.BodySecondary,{color:e.key==t?.key?w.BASE_COLORS.positive[900]:w.BASE_COLORS.grayscale[900],children:e.label},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:355,columnNumber:4},void 0),e.subLabel?o.jsxDEV(N.BodyCaption,{style:{color:w.BASE_COLORS.grayscale[700]},children:e.subLabel},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:365,columnNumber:5},void 0):o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:369,columnNumber:5},void 0),s&&t?.isCustom&&e.key==t?.key&&o.jsxDEV(N.BodyCaption,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:g?`${c(s[0],y)} to ${c(s[1],y)}`:`${c(s[0],y)}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:374,columnNumber:6},void 0)]},e.key,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",lineNumber:344,columnNumber:3},void 0),c=(e,t)=>{const s=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(t){const m=e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0});return`${s} (${m})`}return s};exports.AnalyticsDropdown=z;exports.EachItem=U;exports.formatDate=c;
 //# sourceMappingURL=AnalyticsDropdown.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string \| number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' \| 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement \| null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' \|\| labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor \|\| DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid \|\| 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance \|\| 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange \|\|\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions \| undefined;\n\tselectedDate: Date[] \| undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsxDEV","Fragment","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","this","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":"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"}
1	+ {"version":3,"file":"AnalyticsDropdown.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx"],"sourcesContent":["import 'bootstrap/dist/css/bootstrap.min.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { DropDirection } from 'react-bootstrap/esm/DropdownContext';\nimport ReactDOM from 'react-dom';\nimport { BASE_COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { DatePicker } from '../datePicker';\nimport { BodyCaption, BodySecondary, Caption } from '../TypographyStyle';\nimport { ItemMenuContainer, MainDropdown } from './CommonStyles';\n\nexport interface DropdownOptions {\n\tlabel: string;\n\tsubLabel?: string;\n\tvalue: string;\n\tkey: string \| number;\n\tnoOfDays?: number;\n\tisCustom?: boolean;\n\tdateRangeSelectionOptions?: {\n\t\tselectRange: boolean;\n\t\tselectedDates?: Date[];\n\t\tselectedDate?: Date;\n\t\tminDate?: Date;\n\t\tmaxDate?: Date;\n\t};\n}\n\nexport interface AnalyticsDropdownInterface {\n\toptions: DropdownOptions[];\n\tselected?: DropdownOptions;\n\tplaceholder?: string;\n\tresetDropdown?: boolean;\n\tonOptionSelected: (\n\t\tchosen: DropdownOptions & {\n\t\t\tselectedRange?: [Date, Date];\n\t\t},\n\t) => void;\n\tmaxHeight?: string;\n\tbackgroundcolor?: string;\n\tcalendarPopperConfig?: {\n\t\toffsetSkid?: number;\n\t\toffsetDistance?: number;\n\t};\n\tvariant?: 'small' \| 'default';\n\tdatePickerPlacement?: DropDirection;\n\tcloseDropdown?: boolean;\n\tlabelColor?: string;\n\tstyleProps?: React.CSSProperties;\n\tshowTimePicker?: boolean;\n}\n\nexport const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface> = ({\n\toptions,\n\tplaceholder = 'Select an option',\n\tselected,\n\tonOptionSelected,\n\tresetDropdown,\n\tmaxHeight,\n\tbackgroundcolor,\n\tcalendarPopperConfig,\n\tvariant = 'default',\n\tdatePickerPlacement,\n\tcloseDropdown,\n\tlabelColor,\n\tstyleProps,\n\tshowTimePicker = false,\n}) => {\n\tconst [openCalender, setCalender] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(selected);\n\tconst [selectedDate, setSelectedDate] = useState<Date[]>();\n\tconst [showDropdown, setShowDropdown] = useState(false);\n\tconst [optionPlaceholder, setOptionPlaceholder] = useState(selected);\n\tconst dropdownRef = useRef<HTMLDivElement \| null>(null);\n\tconst LabelText = variant === 'small' ? Caption : BodySecondary;\n\n\tuseEffect(() => {\n\t\tresetDropdown && setSelectedOption(undefined);\n\t}, [resetDropdown]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselected?.isCustom &&\n\t\t\tselected.dateRangeSelectionOptions?.selectedDates\n\t\t) {\n\t\t\tsetSelectedDate(selected.dateRangeSelectionOptions.selectedDates);\n\t\t} else {\n\t\t\tsetSelectedDate(undefined);\n\t\t}\n\t\tsetSelectedOption(selected);\n\t}, [selected]);\n\n\tuseEffect(() => {\n\t\tsetShowDropdown(false);\n\t\tsetCalender(false);\n\t}, [closeDropdown]);\n\n\tconst setDropdown = (forceState?: boolean) => {\n\t\tif (forceState !== undefined) {\n\t\t\tsetShowDropdown(forceState);\n\t\t\topenCalender && setCalender(false);\n\t\t} else {\n\t\t\tsetShowDropdown((prevState) => !prevState);\n\t\t}\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (openCalender) {\n\t\t\t\tsetCalender(false);\n\t\t\t}\n\t\t\tsetDropdown(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (showDropdown) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, [showDropdown]);\n\n\treturn (\n\t\t<>\n\t\t\t<MainDropdown\n\t\t\t\tdrop={'down'}\n\t\t\t\tshow={showDropdown}\n\t\t\t\tonToggle={setDropdown}\n\t\t\t\tbgColor={backgroundcolor}\n\t\t\t\tid=\"analytic-dropdown\"\n\t\t\t>\n\t\t\t\t<Dropdown.Toggle\n\t\t\t\t\tid=\"dropdown-autoclose-outside\"\n\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tvariant === 'small'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 6,\n\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: '#FAFAFA',\n\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`,\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t: styleProps\n\t\t\t\t\t\t\t? styleProps\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<LabelText\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tvariant === 'small' \|\| labelColor\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tlabelColor \|\| DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedOption?.isCustom\n\t\t\t\t\t\t\t? selectedDate\n\t\t\t\t\t\t\t\t? formatDate(selectedDate[0], showTimePicker) ===\n\t\t\t\t\t\t\t\t formatDate(selectedDate[1], showTimePicker)\n\t\t\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)}`\n\t\t\t\t\t\t\t\t\t: `${formatDate(\n\t\t\t\t\t\t\t\t\t\t\tselectedDate[0],\n\t\t\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t\t\t )} to ${formatDate(selectedDate[1], showTimePicker)}`\n\t\t\t\t\t\t\t\t: optionPlaceholder?.label\n\t\t\t\t\t\t\t\t? optionPlaceholder?.label\n\t\t\t\t\t\t\t\t: placeholder\n\t\t\t\t\t\t\t: selectedOption\n\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t: placeholder}\n\t\t\t\t\t</LabelText>\n\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t{ReactDOM.createPortal(\n\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\tclassName=\"main--dropdown\"\n\t\t\t\t\t\tstyle={{ padding: 0 }}\n\t\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MainDropdown\n\t\t\t\t\t\t\tdrop={datePickerPlacement ?? 'end'}\n\t\t\t\t\t\t\tid=\"sub--dropdown\"\n\t\t\t\t\t\t\tshow={openCalender}\n\t\t\t\t\t\t\tonToggle={(toggleCalender) => {\n\t\t\t\t\t\t\t\t!toggleCalender && setShowDropdown(false);\n\t\t\t\t\t\t\t\tsetCalender(!openCalender);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tmaxHeight: maxHeight ? maxHeight : 'auto',\n\t\t\t\t\t\t\t\t\toverflowY: 'scroll',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{options.map((eachOption, index) => (\n\t\t\t\t\t\t\t\t\t<div key={eachOption?.key}>\n\t\t\t\t\t\t\t\t\t\t{eachOption?.isCustom ? (\n\t\t\t\t\t\t\t\t\t\t\t<Dropdown.Toggle className=\"sub--dropdown\">\n\t\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCalender(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\trangeSelection={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teachOption?.dateRangeSelectionOptions?.selectRange\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Dropdown.Toggle>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<EachItem\n\t\t\t\t\t\t\t\t\t\t\t\tisFirstItem={index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={index === options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\t\teachOption={eachOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedOption={selectedOption}\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate={selectedDate}\n\t\t\t\t\t\t\t\t\t\t\t\tonClickingEachItem={(option) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDate(undefined);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedOption(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDropdown();\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.noOfDays) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected(option);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst endDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst startDate = new Date();\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartDate.setDate(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tendDate.getDate() - option.noOfDays,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...option,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [startDate, endDate],\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dropdown.Menu\n\t\t\t\t\t\t\t\tclassName=\"sub--dropdown\"\n\t\t\t\t\t\t\t\tpopperConfig={{\n\t\t\t\t\t\t\t\t\tmodifiers: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tname: 'offset',\n\t\t\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\t\t\toffset: [\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetSkid \|\| 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcalendarPopperConfig?.offsetDistance \|\| 0,\n\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tselectRange={\n\t\t\t\t\t\t\t\t\t\tselectedOption?.dateRangeSelectionOptions?.selectRange \|\|\n\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tshowTimePicker={showTimePicker}\n\t\t\t\t\t\t\t\t\tmaxDate={selectedOption?.dateRangeSelectionOptions?.maxDate}\n\t\t\t\t\t\t\t\t\tminDate={selectedOption?.dateRangeSelectionOptions?.minDate}\n\t\t\t\t\t\t\t\t\tselectedDates={selectedDate}\n\t\t\t\t\t\t\t\t\tonSelectRange={(selectedStartDate, selectedEndDate) => {\n\t\t\t\t\t\t\t\t\t\tconst updatedDates = [selectedStartDate, selectedEndDate];\n\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates =\n\t\t\t\t\t\t\t\t\t\t\t\tupdatedDates;\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedStartDate, selectedEndDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate(updatedDates);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonSelectDate={(selectedDate) => {\n\t\t\t\t\t\t\t\t\t\tif (selectedOption?.dateRangeSelectionOptions) {\n\t\t\t\t\t\t\t\t\t\t\tselectedOption.dateRangeSelectionOptions.selectedDates = [\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedDate,\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tonOptionSelected({\n\t\t\t\t\t\t\t\t\t\t\t\t...selectedOption,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedRange: [selectedDate, selectedDate],\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetOptionPlaceholder(selectedOption);\n\t\t\t\t\t\t\t\t\t\tsetCalender(false);\n\t\t\t\t\t\t\t\t\t\tsetSelectedDate([selectedDate, selectedDate]);\n\t\t\t\t\t\t\t\t\t\tsetShowDropdown(!showDropdown);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Dropdown.Menu>\n\t\t\t\t\t\t</MainDropdown>\n\t\t\t\t\t</Dropdown.Menu>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)}\n\t\t\t</MainDropdown>\n\t\t</>\n\t);\n};\n\nexport const EachItem: React.FC<{\n\teachOption: DropdownOptions;\n\tselectedOption: DropdownOptions \| undefined;\n\tselectedDate: Date[] \| undefined;\n\tonClickingEachItem: (optionSelected: DropdownOptions) => void;\n\trangeSelection?: boolean;\n\tisLastItem?: boolean;\n\tisFirstItem?: boolean;\n\tshowTimePicker?: boolean;\n}> = ({\n\teachOption,\n\tselectedOption,\n\tselectedDate,\n\tonClickingEachItem,\n\trangeSelection,\n\tisLastItem,\n\tisFirstItem,\n\tshowTimePicker,\n}) => {\n\treturn (\n\t\t<ItemMenuContainer\n\t\t\tisFirstItem={isFirstItem}\n\t\t\tisLastItem={isLastItem}\n\t\t\tkey={eachOption.key}\n\t\t\tonClick={() => onClickingEachItem(eachOption)}\n\t\t\tisSelected={\n\t\t\t\teachOption.isCustom\n\t\t\t\t\t? eachOption.key == selectedOption?.key && !!selectedDate\n\t\t\t\t\t: eachOption.key == selectedOption?.key\n\t\t\t}\n\t\t>\n\t\t\t<BodySecondary\n\t\t\t\tcolor={\n\t\t\t\t\teachOption.key == selectedOption?.key\n\t\t\t\t\t\t? BASE_COLORS.positive[900]\n\t\t\t\t\t\t: BASE_COLORS.grayscale[900]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{eachOption.label}\n\t\t\t</BodySecondary>\n\t\t\t{eachOption.subLabel ? (\n\t\t\t\t<BodyCaption style={{ color: BASE_COLORS.grayscale[700] }}>\n\t\t\t\t\t{eachOption.subLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t{selectedDate &&\n\t\t\t\tselectedOption?.isCustom &&\n\t\t\t\teachOption.key == selectedOption?.key && (\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rangeSelection\n\t\t\t\t\t\t\t? `${formatDate(selectedDate[0], showTimePicker)} to ${formatDate(\n\t\t\t\t\t\t\t\t\tselectedDate[1],\n\t\t\t\t\t\t\t\t\tshowTimePicker,\n\t\t\t\t\t\t\t )}`\n\t\t\t\t\t\t\t: `${formatDate(selectedDate[0], showTimePicker)}`}\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t)}\n\t\t</ItemMenuContainer>\n\t);\n};\n\nexport const formatDate = (dateVal: Date, includeTime?: boolean) => {\n\tconst dateString = dateVal.toLocaleString('default', {\n\t\tday: 'numeric',\n\t\tmonth: 'short',\n\t\tyear: 'numeric',\n\t});\n\n\tif (includeTime) {\n\t\tconst timeString = dateVal.toLocaleString('default', {\n\t\t\thour: 'numeric',\n\t\t\tminute: '2-digit',\n\t\t\thour12: true,\n\t\t});\n\t\treturn `${dateString} (${timeString})`;\n\t}\n\n\treturn dateString;\n};\n"],"names":["AnalyticsDropdown","options","placeholder","selected","onOptionSelected","resetDropdown","maxHeight","backgroundcolor","calendarPopperConfig","variant","datePickerPlacement","closeDropdown","labelColor","styleProps","showTimePicker","openCalender","setCalender","useState","selectedOption","setSelectedOption","selectedDate","setSelectedDate","showDropdown","setShowDropdown","optionPlaceholder","setOptionPlaceholder","dropdownRef","useRef","LabelText","Caption","BodySecondary","useEffect","setDropdown","forceState","prevState","handleClickOutside","event","jsxDEV","Fragment","MainDropdown","Dropdown","DEFAULT_THEME","formatDate","this","ReactDOM","toggleCalender","eachOption","index","EachItem","option","endDate","startDate","DatePicker","selectedStartDate","selectedEndDate","updatedDates","onClickingEachItem","rangeSelection","isLastItem","isFirstItem","ItemMenuContainer","BASE_COLORS","BodyCaption","dateVal","includeTime","dateString","timeString"],"mappings":"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"}

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),g=require("styled-components"),x=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),D=require("./AnalyticsTrend.js"),M=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},A=M(g),j=A.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),w=require("styled-components"),D=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),M=require("./AnalyticsTrend.js"),v=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},A=v(w),j=A.default.div`
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-`,w=({title:n,trends:i,RightHeaderComponent:l,containerStyle:c,titleSize:m,titleColor:d,perRow:p,isLoading:u,trendStyle:y,trendContainerStyle:b,trendIconStyle:h,hideHeaderDiv:f,isInternationalStore:k})=>{const v=m==="large"?o.TitleMedium:o.TitleRegular,t=p||(i.length<=4?i.length:i.length%3==0?3:4),N=Math.ceil(i.length/t);return e.jsxDEV("div",{style:{paddingTop:24,paddingBottom:24,...c??{}},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:f?0:12},children:[n&&e.jsxDEV(v,{color:d??x.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:66,columnNumber:6},void 0),l]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:57,columnNumber:4},void 0),e.jsxDEV(j,{children:Array.from({length:N}).map((T,s)=>e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{display:"flex",width:"100%",marginTop:s===0?0:16},children:i.slice(s*t,(s+1)*t).map((r,a)=>e.jsxDEV("div",{style:{flex:1,maxWidth:i.length===1?"100%":"50%"},children:e.jsxDEV(D.AnalyticsTrend,{...r,isLoading:u,card:!1,size:r.size??"small",rightSeparator:a+s*t<Math.min((s+1)*t-1,i.length-1),trendStyle:y,trendIconStyle:h,trendContainerStyle:b,isInternationalStore:k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:99,columnNumber:11},void 0)},a,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:92,columnNumber:10},void 0))},s,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:81,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:80,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:78,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:50,columnNumber:3},void 0)};exports.AnalyticsMetric=w;
+`,T=({title:n,trends:i,RightHeaderComponent:r,containerStyle:c,titleSize:d,titleColor:m,perRow:p,isLoading:y,trendStyle:u,trendContainerStyle:f,trendIconStyle:b,hideHeaderDiv:h,isInternationalStore:N})=>{const g=d==="large"?t.TitleMedium:t.TitleRegular,o=p||(i.length<=4?i.length:i.length%3==0?3:4),x=Math.ceil(i.length/o);return e.jsxDEV("div",{style:{paddingTop:24,paddingBottom:24,...c??{}},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:h?0:12},children:[n&&e.jsxDEV(g,{color:m??D.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:66,columnNumber:6},void 0),r]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:57,columnNumber:4},void 0),e.jsxDEV(j,{children:Array.from({length:x}).map((k,s)=>e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{display:"flex",width:"100%",marginTop:s===0?0:16},children:i.slice(s*o,(s+1)*o).map((a,l)=>e.jsxDEV("div",{style:{flex:1,maxWidth:i.length===1?"100%":"50%"},children:e.jsxDEV(M.AnalyticsTrend,{...a,isLoading:y,card:!1,size:a.size??"small",rightSeparator:l+s*o<Math.min((s+1)*o-1,i.length-1),trendStyle:u,trendIconStyle:b,trendContainerStyle:f,isInternationalStore:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:99,columnNumber:11},void 0)},l,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:92,columnNumber:10},void 0))},s,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:81,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:80,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:78,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx",lineNumber:50,columnNumber:3},void 0)};exports.AnalyticsMetric=T;
 //# sourceMappingURL=AnalyticsMetric.js.map

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsMetric.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { AnalyticsTrend, AnalyticsTrendInterface } from './AnalyticsTrend';\n\nconst TrendContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n`;\n\nexport const AnalyticsMetric: React.FC<{\n\ttitle?: string;\n\tRightHeaderComponent?: React.ReactElement;\n\ttrends: AnalyticsTrendInterface[];\n\tcontainerStyle?: React.CSSProperties;\n\ttrendStyle?: React.CSSProperties;\n\ttrendContainerStyle?: React.CSSProperties;\n\ttrendIconStyle?: React.CSSProperties;\n\ttitleSize?: 'large' \| 'small';\n\ttitleColor?: string;\n\tperRow?: number;\n\tisLoading?: boolean;\n\thideHeaderDiv?: boolean;\n\trelativePercentageDiff?: number;\n\tisInternationalStore?: boolean;\n}> = ({\n\ttitle,\n\ttrends,\n\tRightHeaderComponent,\n\tcontainerStyle,\n\ttitleSize,\n\ttitleColor,\n\tperRow,\n\tisLoading,\n\ttrendStyle,\n\ttrendContainerStyle,\n\ttrendIconStyle,\n\thideHeaderDiv,\n\tisInternationalStore,\n}) => {\n\tconst Typo = titleSize === 'large' ? TitleMedium : TitleRegular;\n\tconst perRowLocal =\n\t\tperRow \|\|\n\t\t(trends.length <= 4 ? trends.length : trends.length % 3 == 0 ? 3 : 4);\n\tconst rows = Math.ceil(trends.length / perRowLocal);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: 24,\n\t\t\t\t...(containerStyle ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\tpaddingBottom: hideHeaderDiv ? 0 : 12,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{title && (\n\t\t\t\t\t<Typo\n\t\t\t\t\t\tcolor={titleColor ?? COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpaddingLeft: 24,\n\t\t\t\t\t\t\tpaddingRight: 24,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typo>\n\t\t\t\t)}\n\t\t\t\t{RightHeaderComponent}\n\t\t\t</div>\n\t\t\t<TrendContainer>\n\t\t\t\t{Array.from({ length: rows }).map((_, rowIndex) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tmarginTop: rowIndex === 0 ? 0 : 16,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={rowIndex}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{trends\n\t\t\t\t\t\t\t\t.slice(rowIndex * perRowLocal, (rowIndex + 1) * perRowLocal)\n\t\t\t\t\t\t\t\t.map((trend, i) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth: trends.length === 1 ? '100%' : '50%',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<AnalyticsTrend\n\t\t\t\t\t\t\t\t\t\t\t{...trend}\n\t\t\t\t\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\t\t\t\t\tcard={false}\n\t\t\t\t\t\t\t\t\t\t\tsize={trend.size ?? 'small'}\n\t\t\t\t\t\t\t\t\t\t\trightSeparator={\n\t\t\t\t\t\t\t\t\t\t\t\ti + rowIndex * perRowLocal <\n\t\t\t\t\t\t\t\t\t\t\t\tMath.min(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(rowIndex + 1) * perRowLocal - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrends.length - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\ttrendStyle={trendStyle}\n\t\t\t\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\t\t\t\ttrendContainerStyle={trendContainerStyle}\n\t\t\t\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\t\t\t</TrendContainer>\n\t\t</div>\n\t);\n};\n\n/\n Card < 4 => x x x x x x x x x x\n Card % 3 =>\n x x x x x x x x x\n x x x x x\n x\n else perRow => 2\n x x x x x x\n x x x x x\n x\n else\n x x x x x x x x x x x x x x x\n x x x x x x\n/\n"],"names":["TrendContainer","styled","AnalyticsMetric","title","trends","RightHeaderComponent","containerStyle","titleSize","titleColor","perRow","isLoading","trendStyle","trendContainerStyle","trendIconStyle","hideHeaderDiv","isInternationalStore","Typo","TitleMedium","TitleRegular","perRowLocal","rows","jsxDEV","COLORS","this","_","rowIndex","Fragment","trend","i","AnalyticsTrend"],"mappings":"iUAMMA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMjBC,EAeR,CAAC,CACL,MAAAC,EACA,OAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,UAAAC,EACA,WAAAC,EACA,OAAAC,EACA,UAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,eAAAC,EACA,cAAAC,EACA,qBAAAC,CACD,IAAM,CACL,MAAMC,EAAOT,IAAc,QAAUU,EAAAA,YAAcC,EAAAA,aAC7CC,EACLV,IACCL,EAAO,QAAU,EAAIA,EAAO,OAASA,EAAO,OAAS,GAAK,EAAI,EAAI,GAC9DgB,EAAO,KAAK,KAAKhB,EAAO,OAASe,CAAW,EAElD,OACCE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,WAAY,GACZ,cAAe,GACf,GAAIf,GAAkB,CAAA,CAAC,EAGxB,SAAA,CAAAe,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,cAAeP,EAAgB,EAAI,EAAA,EAGnC,SAAA,CAAAX,GACAkB,EAAAA,OAACL,EAAA,CACA,MAAOR,GAAcc,SAAO,QAAQ,UACpC,MAAO,CACN,YAAa,GACb,aAAc,EAAA,EAGd,SAAAnB,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAA,EAUAlB,CAAA,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAA,EAqBAF,EAAAA,OAACrB,EAAA,CACC,SAAA,MAAM,KAAK,CAAE,OAAQoB,CAAA,CAAM,EAAE,IAAI,CAACI,EAAGC,IACrCJ,EAAAA,OAAAK,EAAAA,SAAA,CACC,SAAAL,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,MAAO,OACP,UAAWI,IAAa,EAAI,EAAI,EAAA,EAIhC,SAAArB,EACC,MAAMqB,EAAWN,GAAcM,EAAW,GAAKN,CAAW,EAC1D,IAAI,CAACQ,EAAOC,IACZP,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,SAAUjB,EAAO,SAAW,EAAI,OAAS,KAAA,EAI1C,SAAAiB,EAAAA,OAACQ,EAAAA,eAAA,CACC,GAAGF,EACJ,UAAAjB,EACA,KAAM,GACN,KAAMiB,EAAM,MAAQ,QACpB,eACCC,EAAIH,EAAWN,EACf,KAAK,KACHM,EAAW,GAAKN,EAAc,EAC/Bf,EAAO,OAAS,CAAA,EAGlB,WAAAO,EACA,eAAAE,EACA,oBAAAD,EACA,qBAAAG,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAQ,MAAA,CAgBA,EAlBKK,EALN,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAL,MAAA,CAyBA,CAAA,EA9BGE,EANN,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAqCA,EAtCD,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuCA,CACA,GA1CF,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA,CAAA,CAAA,EAvED,OAAA,GAAA,CAAA,SAAA,~~sJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0EF"}
1	+ {"version":3,"file":"AnalyticsMetric.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsMetric.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { AnalyticsTrend, AnalyticsTrendInterface } from './AnalyticsTrend';\n\nconst TrendContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n`;\n\nexport const AnalyticsMetric: React.FC<{\n\ttitle?: string;\n\tRightHeaderComponent?: React.ReactElement;\n\ttrends: AnalyticsTrendInterface[];\n\tcontainerStyle?: React.CSSProperties;\n\ttrendStyle?: React.CSSProperties;\n\ttrendContainerStyle?: React.CSSProperties;\n\ttrendIconStyle?: React.CSSProperties;\n\ttitleSize?: 'large' \| 'small';\n\ttitleColor?: string;\n\tperRow?: number;\n\tisLoading?: boolean;\n\thideHeaderDiv?: boolean;\n\trelativePercentageDiff?: number;\n\tisInternationalStore?: boolean;\n}> = ({\n\ttitle,\n\ttrends,\n\tRightHeaderComponent,\n\tcontainerStyle,\n\ttitleSize,\n\ttitleColor,\n\tperRow,\n\tisLoading,\n\ttrendStyle,\n\ttrendContainerStyle,\n\ttrendIconStyle,\n\thideHeaderDiv,\n\tisInternationalStore,\n}) => {\n\tconst Typo = titleSize === 'large' ? TitleMedium : TitleRegular;\n\tconst perRowLocal =\n\t\tperRow \|\|\n\t\t(trends.length <= 4 ? trends.length : trends.length % 3 == 0 ? 3 : 4);\n\tconst rows = Math.ceil(trends.length / perRowLocal);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: 24,\n\t\t\t\t...(containerStyle ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\tpaddingBottom: hideHeaderDiv ? 0 : 12,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{title && (\n\t\t\t\t\t<Typo\n\t\t\t\t\t\tcolor={titleColor ?? COLORS.content.secondary}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpaddingLeft: 24,\n\t\t\t\t\t\t\tpaddingRight: 24,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typo>\n\t\t\t\t)}\n\t\t\t\t{RightHeaderComponent}\n\t\t\t</div>\n\t\t\t<TrendContainer>\n\t\t\t\t{Array.from({ length: rows }).map((_, rowIndex) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tmarginTop: rowIndex === 0 ? 0 : 16,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={rowIndex}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{trends\n\t\t\t\t\t\t\t\t.slice(rowIndex * perRowLocal, (rowIndex + 1) * perRowLocal)\n\t\t\t\t\t\t\t\t.map((trend, i) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth: trends.length === 1 ? '100%' : '50%',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<AnalyticsTrend\n\t\t\t\t\t\t\t\t\t\t\t{...trend}\n\t\t\t\t\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\t\t\t\t\tcard={false}\n\t\t\t\t\t\t\t\t\t\t\tsize={trend.size ?? 'small'}\n\t\t\t\t\t\t\t\t\t\t\trightSeparator={\n\t\t\t\t\t\t\t\t\t\t\t\ti + rowIndex * perRowLocal <\n\t\t\t\t\t\t\t\t\t\t\t\tMath.min(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(rowIndex + 1) * perRowLocal - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttrends.length - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\ttrendStyle={trendStyle}\n\t\t\t\t\t\t\t\t\t\t\ttrendIconStyle={trendIconStyle}\n\t\t\t\t\t\t\t\t\t\t\ttrendContainerStyle={trendContainerStyle}\n\t\t\t\t\t\t\t\t\t\t\tisInternationalStore={isInternationalStore}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\t\t\t</TrendContainer>\n\t\t</div>\n\t);\n};\n\n/\n Card < 4 => x x x x x x x x x x\n Card % 3 =>\n x x x x x x x x x\n x x x x x\n x\n else perRow => 2\n x x x x x x\n x x x x x\n x\n else\n x x x x x x x x x x x x x x x\n x x x x x x\n/\n"],"names":["TrendContainer","styled","AnalyticsMetric","title","trends","RightHeaderComponent","containerStyle","titleSize","titleColor","perRow","isLoading","trendStyle","trendContainerStyle","trendIconStyle","hideHeaderDiv","isInternationalStore","Typo","TitleMedium","TitleRegular","perRowLocal","rows","jsxDEV","COLORS","this","_","rowIndex","Fragment","trend","i","AnalyticsTrend"],"mappings":"iUAMMA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMjBC,EAeR,CAAC,CACL,MAAAC,EACA,OAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,UAAAC,EACA,WAAAC,EACA,OAAAC,EACA,UAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,eAAAC,EACA,cAAAC,EACA,qBAAAC,CACD,IAAM,CACL,MAAMC,EAAOT,IAAc,QAAUU,EAAAA,YAAcC,EAAAA,aAC7CC,EACLV,IACCL,EAAO,QAAU,EAAIA,EAAO,OAASA,EAAO,OAAS,GAAK,EAAI,EAAI,GAC9DgB,EAAO,KAAK,KAAKhB,EAAO,OAASe,CAAW,EAElD,OACCE,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,WAAY,GACZ,cAAe,GACf,GAAIf,GAAkB,CAAA,CAAC,EAGxB,SAAA,CAAAe,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,cAAeP,EAAgB,EAAI,EAAA,EAGnC,SAAA,CAAAX,GACAkB,EAAAA,OAACL,EAAA,CACA,MAAOR,GAAcc,SAAO,QAAQ,UACpC,MAAO,CACN,YAAa,GACb,aAAc,EAAA,EAGd,SAAAnB,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAA,EAUAlB,CAAA,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAA,EAqBAF,EAAAA,OAACrB,EAAA,CACC,SAAA,MAAM,KAAK,CAAE,OAAQoB,CAAA,CAAM,EAAE,IAAI,CAACI,EAAGC,IACrCJ,EAAAA,OAAAK,EAAAA,SAAA,CACC,SAAAL,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,MAAO,OACP,UAAWI,IAAa,EAAI,EAAI,EAAA,EAIhC,SAAArB,EACC,MAAMqB,EAAWN,GAAcM,EAAW,GAAKN,CAAW,EAC1D,IAAI,CAACQ,EAAOC,IACZP,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,KAAM,EACN,SAAUjB,EAAO,SAAW,EAAI,OAAS,KAAA,EAI1C,SAAAiB,EAAAA,OAACQ,EAAAA,eAAA,CACC,GAAGF,EACJ,UAAAjB,EACA,KAAM,GACN,KAAMiB,EAAM,MAAQ,QACpB,eACCC,EAAIH,EAAWN,EACf,KAAK,KACHM,EAAW,GAAKN,EAAc,EAC/Bf,EAAO,OAAS,CAAA,EAGlB,WAAAO,EACA,eAAAE,EACA,oBAAAD,EACA,qBAAAG,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAQ,MAAA,CAgBA,EAlBKK,EALN,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAL,MAAA,CAyBA,CAAA,EA9BGE,EANN,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAqCA,EAtCD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuCA,CACA,GA1CF,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA,CAAA,CAAA,EAvED,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0EF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),r=require("react"),c=require("./AnalyticsChip.js"),l=require("./CommonStyles.js"),a=({chipDetails:e,wrapperStyle:i})=>s.jsxDEV(l.AnalyticsMultiWrapper,{style:i??{},children:e.map((t,n)=>r.createElement(c.AnalyticsChip,{...t,key:n+"_chip"}))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.tsx",lineNumber:11,columnNumber:3},void 0);exports.AnalyticsMultiChip=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),r=require("react"),l=require("./AnalyticsChip.js"),c=require("./CommonStyles.js"),o=({chipDetails:e,wrapperStyle:i})=>s.jsxDEV(c.AnalyticsMultiWrapper,{style:i??{},children:e.map((n,t)=>r.createElement(l.AnalyticsChip,{...n,key:t+"_chip"}))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.tsx",lineNumber:11,columnNumber:3},void 0);exports.AnalyticsMultiChip=o;
 //# sourceMappingURL=AnalyticsMultiChip.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsMultiChip.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.tsx"],"sourcesContent":["import React from 'react';\nimport { AnalyticsChip } from './AnalyticsChip';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\nimport { AnalyticsMultiWrapper } from './CommonStyles';\n\nexport const AnalyticsMultiChip: React.FC<{\n\tchipDetails: AnalyticsChipInterface[];\n\twrapperStyle?: React.CSSProperties;\n}> = ({ chipDetails, wrapperStyle }) => {\n\treturn (\n\t\t<AnalyticsMultiWrapper style={wrapperStyle ?? {}}>\n\t\t\t{chipDetails.map((eachChip, index) => (\n\t\t\t\t<AnalyticsChip {...eachChip} key={index + '_chip'} />\n\t\t\t))}\n\t\t</AnalyticsMultiWrapper>\n\t);\n};\n"],"names":["AnalyticsMultiChip","chipDetails","wrapperStyle","AnalyticsMultiWrapper","eachChip","index","createElement","AnalyticsChip","this"],"mappings":"2MAKaA,EAGR,CAAC,CAAE,YAAAC,EAAa,aAAAC,cAElBC,EAAAA,sBAAA,CAAsB,MAAOD,GAAgB,GAC5C,WAAY,IAAI,CAACE,EAAUC,IAC3BC,EAAAA,cAACC,iBAAe,GAAGH,EAAU,IAAKC,EAAQ,OAAA,CAAS,CACnD,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,~~yJAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA"}
1	+ {"version":3,"file":"AnalyticsMultiChip.js","sources":["../../../../src/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.tsx"],"sourcesContent":["import React from 'react';\nimport { AnalyticsChip } from './AnalyticsChip';\nimport { AnalyticsChipInterface } from './AnalyticsChip.model';\nimport { AnalyticsMultiWrapper } from './CommonStyles';\n\nexport const AnalyticsMultiChip: React.FC<{\n\tchipDetails: AnalyticsChipInterface[];\n\twrapperStyle?: React.CSSProperties;\n}> = ({ chipDetails, wrapperStyle }) => {\n\treturn (\n\t\t<AnalyticsMultiWrapper style={wrapperStyle ?? {}}>\n\t\t\t{chipDetails.map((eachChip, index) => (\n\t\t\t\t<AnalyticsChip {...eachChip} key={index + '_chip'} />\n\t\t\t))}\n\t\t</AnalyticsMultiWrapper>\n\t);\n};\n"],"names":["AnalyticsMultiChip","chipDetails","wrapperStyle","AnalyticsMultiWrapper","eachChip","index","createElement","AnalyticsChip","this"],"mappings":"2MAKaA,EAGR,CAAC,CAAE,YAAAC,EAAa,aAAAC,cAElBC,EAAAA,sBAAA,CAAsB,MAAOD,GAAgB,GAC5C,WAAY,IAAI,CAACE,EAAUC,IAC3BC,EAAAA,cAACC,iBAAe,GAAGH,EAAU,IAAKC,EAAQ,OAAA,CAAS,CACnD,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,0HAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("react"),C=require("../shimmer/ShimmerComponent/ShimmerStyled.js"),Q=require("../../utils/DateUtils.js"),a=require("../../constants/Theme.js"),X=require("../../assets/icons/arrow_down.svg.js"),Y=require("../../assets/icons/arrow_up.svg.js"),Z=require("../../assets/icons/info.svg.js"),m=require("../TypographyStyle.js"),w=require("./chart/utils/calcPercentage.js"),F=require("./CommonStyles.js"),O=require("../tooltips/Tooltip.js"),g=require("../tag/Tag.js"),P=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},ee=P(f),ne=({title:r,value:s,trendPercent:n,type:l="horizontal",timeline:i,customRange:p,tooltip:k,card:u=!0,rightSeparator:A=!1,size:v="big",share:o=!1,formatVal:V,prefixSymbol:c,trailingIcon:N,onTrailIconClick:j,iconTooltipBody:b,funnelPercent:x,isLoading:t,trendRaw:y,trendRawString:d,suffixText:h,trendStyle:I,trendContainerStyle:_,trendIconStyle:S,containerStyle:z,prevTrendDiff:E,relativePercentageDiff:$,isInternationalStore:W,Icon:D,iconContainerStyle:B,tooltipTimelineText:q,customTimelineText:R})=>{const G=v==="big"?m.TitleLarge:m.TitleMedium,L=typeof n<"u"?n<0?"negative":n===0?"neutral":"positive":void 0,T=typeof n<"u"?o?Math.round(n):Math.abs(Math.round(n)):void 0,H=()=>typeof s>"u"?"--":typeof s=="number"&&V?s>999?W?`${c??""}${w.truncateValueForInternationalStore(s)} ${h??""}`:`${c??""}${w.truncateValueForIndianStore(s)} ${h??""}`:`${c??""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(s)} ${h??""}`:`${c??""}${s} ${h??""}`,J=K=>{const U=Math.abs(K);return U%1!==0?`${U.toFixed(1)} %`:`${U} %`};return e.jsxDEV(F.AnalyticsTrendContainer,{card:u,style:{...z},children:e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:D?12:4,borderRightWidth:A?1:0,borderRightColor:a.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24,height:"100%",justifyContent:D?"flex-start":"space-between",alignItems:"center",..._??{}},children:[!!D&&e.jsxDEV(F.IconContainer,{style:{...B},children:e.jsxDEV(D,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:168,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:167,columnNumber:6},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",...I??{}},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[e.jsxDEV(m.BodyCaption,{style:{color:a.COLORS.content.secondary},children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:188,columnNumber:7},void 0),k&&e.jsxDEV(O.Tooltip,{body:k,placement:"right",width:300,children:e.jsxDEV("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:e.jsxDEV(Z.default,{color:a.COLORS.content.primary,height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:205,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:198,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:197,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:180,columnNumber:6},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12,alignItems:"center",...o?{justifyContent:"space-between"}:{}},children:[t&&e.jsxDEV(C.ShimmerComponentStyled,{width:108,height:26},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:224,columnNumber:21},void 0),!t&&e.jsxDEV(G,{style:{color:a.COLORS.content.primary},children:H()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:226,columnNumber:8},void 0),typeof $=="number"&&e.jsxDEV(g.Tag,{tagText:`${$}%`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:235,columnNumber:8},void 0),l==="horizontal"&&!t&&!o&&e.jsxDEV(M,{timeline:i,customRange:p,percent:T,direction:L,trendRaw:y,trendRawString:d,prefixSymbol:c,trendIconStyle:S,isInternationalStore:W,tooltipTimelineText:q,customTimelineText:R},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:242,columnNumber:8},void 0),t&&!o&&l==="horizontal"&&e.jsxDEV(C.ShimmerComponentStyled,{height:20,width:141,marginTop:6},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:257,columnNumber:8},void 0),l==="vertical"&&!t&&typeof x<"u"&&e.jsxDEV(g.Tag,{tagText:`${x} %`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:262,columnNumber:9},void 0),o&&!t&&typeof T<"u"&&e.jsxDEV(g.Tag,{tagText:`${T} %`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:269,columnNumber:8},void 0),!o&&!t&&E&&E!=0?e.jsxDEV(g.Tag,{tagText:J(E),theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:272,columnNumber:8},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:278,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:215,columnNumber:6},void 0),l==="vertical"&&!t&&!o&&e.jsxDEV("div",{style:{marginTop:10},children:e.jsxDEV(M,{timeline:i,customRange:p,percent:T,direction:L,trendRaw:y,trendRawString:d,prefixSymbol:c,trendIconStyle:S,isInternationalStore:W,tooltipTimelineText:q,customTimelineText:R},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:283,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:282,columnNumber:7},void 0),t&&l==="vertical"&&e.jsxDEV(C.ShimmerComponentStyled,{height:20,width:141,marginTop:6},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:299,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:171,columnNumber:5},void 0),b&&!t&&e.jsxDEV(O.Tooltip,{body:b,placement:"right",children:N&&e.jsxDEV("div",{className:"icon--holder",onClick:j,children:ee.default.createElement(N,{height:20,width:20,color:a.COLORS.content.secondary})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:305,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:303,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:144,columnNumber:3},void 0)},M=({percent:r,direction:s,timeline:n,customRange:l,trendRaw:i,trendRawString:p,prefixSymbol:k,trendIconStyle:u,isInternationalStore:A,tooltipTimelineText:v,customTimelineText:o})=>{const V=()=>{let d="--";if(i)return A?d=String(w.truncateValueForInternationalStore(Math.abs(i))):d=String(w.truncateValueForIndianStore(Math.abs(i))),i<0?"-"+d:d},c=()=>{const d=((i??0)>0?"+":"")+(k??"");return typeof i>"u"?"--":`${d??""}${V()}`},[N,j]=f.useState(c()),[b,x]=f.useState(o||"");f.useEffect(()=>{o||x(n==="today"?"vs yesterday":n==="yesterday"?"vs 1 day before":n==="7 days"?"vs last 7 days":n==="30 days"?"vs last 30 days":n==="custom"&&l?Q.default.getAnalyticsCustomDateTimelineText(l):"")},[n,l]),f.useEffect(()=>{j(c())},[i]);const t=s==="negative"?X.default:Y.default,y=s==="negative"?a.COLORS.background.negative.vibrant:s==="positive"?a.COLORS.background.positive.vibrant:a.COLORS.content.placeholder;return e.jsxDEV("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:[typeof r=="number"&&e.jsxDEV(t,{color:y,height:16,width:16,style:{marginRight:2,...u??{}}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:422,columnNumber:5},void 0),typeof r=="number"&&s&&e.jsxDEV(m.Caption,{style:{color:y},children:[s==="neutral"?0:r<1e3?r:">999","%"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:430,columnNumber:5},void 0),!!i&&e.jsxDEV(m.Caption,{style:{marginLeft:4,color:a.COLORS.content.placeholder},children:`(${N})`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:436,columnNumber:5},void 0),!i&&(p?.length||0)>0&&e.jsxDEV(m.Caption,{style:{marginLeft:4,color:a.COLORS.content.placeholder},children:`${p}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:441,columnNumber:5},void 0),n&&(v?e.jsxDEV(O.Tooltip,{body:v,placement:"bottom",children:e.jsxDEV(m.Caption,{style:{marginLeft:4,color:a.COLORS.content.placeholder},children:o||b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:449,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:448,columnNumber:6},void 0):e.jsxDEV(m.Caption,{style:{marginLeft:4,color:a.COLORS.content.placeholder},children:o||b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:456,columnNumber:6},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:413,columnNumber:3},void 0)};exports.AnalyticsTrend=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),h=require("react"),O=require("../shimmer/ShimmerComponent/ShimmerStyled.js"),Q=require("../../utils/DateUtils.js"),t=require("../../constants/Theme.js"),X=require("../../assets/icons/arrow_down.svg.js"),Y=require("../../assets/icons/arrow_up.svg.js"),Z=require("../../assets/icons/info.svg.js"),m=require("../TypographyStyle.js"),A=require("./chart/utils/calcPercentage.js"),M=require("./CommonStyles.js"),S=require("../tooltips/Tooltip.js"),v=require("../tag/Tag.js"),P=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},nn=P(h),en=({title:s,value:o,trendPercent:e,type:d="horizontal",timeline:r,customRange:u,tooltip:N,card:y=!0,rightSeparator:V=!1,size:w="big",share:i=!1,formatVal:j,prefixSymbol:l,trailingIcon:x,onTrailIconClick:k,iconTooltipBody:p,funnelPercent:D,isLoading:a,trendRaw:b,trendRawString:c,suffixText:f,trendStyle:_,trendContainerStyle:z,trendIconStyle:$,containerStyle:W,prevTrendDiff:E,relativePercentageDiff:q,isInternationalStore:U,Icon:T,iconContainerStyle:B,tooltipTimelineText:R,customTimelineText:L})=>{const G=w==="big"?m.TitleLarge:m.TitleMedium,F=typeof e<"u"?e<0?"negative":e===0?"neutral":"positive":void 0,g=typeof e<"u"?i?Math.round(e):Math.abs(Math.round(e)):void 0,H=()=>typeof o>"u"?"--":typeof o=="number"&&j?o>999?U?`${l??""}${A.truncateValueForInternationalStore(o)} ${f??""}`:`${l??""}${A.truncateValueForIndianStore(o)} ${f??""}`:`${l??""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(o)} ${f??""}`:`${l??""}${o} ${f??""}`,J=K=>{const C=Math.abs(K);return C%1!==0?`${C.toFixed(1)} %`:`${C} %`};return n.jsxDEV(M.AnalyticsTrendContainer,{card:y,style:{...W},children:n.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:T?12:4,borderRightWidth:V?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:y?0:24,paddingRight:y?0:24,height:"100%",justifyContent:T?"flex-start":"space-between",alignItems:"center",...z??{}},children:[!!T&&n.jsxDEV(M.IconContainer,{style:{...B},children:n.jsxDEV(T,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:168,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:167,columnNumber:6},void 0),n.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",..._??{}},children:[n.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[n.jsxDEV(m.BodyCaption,{style:{color:t.COLORS.content.secondary},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:188,columnNumber:7},void 0),N&&n.jsxDEV(S.Tooltip,{body:N,placement:"right",width:300,children:n.jsxDEV("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:n.jsxDEV(Z.default,{color:t.COLORS.content.primary,height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:205,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:198,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:197,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:180,columnNumber:6},void 0),n.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12,alignItems:"center",...i?{justifyContent:"space-between"}:{}},children:[a&&n.jsxDEV(O.ShimmerComponentStyled,{width:108,height:26},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:224,columnNumber:21},void 0),!a&&n.jsxDEV(G,{style:{color:t.COLORS.content.primary},children:H()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:226,columnNumber:8},void 0),typeof q=="number"&&n.jsxDEV(v.Tag,{tagText:`${q}%`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:235,columnNumber:8},void 0),d==="horizontal"&&!a&&!i&&n.jsxDEV(I,{timeline:r,customRange:u,percent:g,direction:F,trendRaw:b,trendRawString:c,prefixSymbol:l,trendIconStyle:$,isInternationalStore:U,tooltipTimelineText:R,customTimelineText:L},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:242,columnNumber:8},void 0),a&&!i&&d==="horizontal"&&n.jsxDEV(O.ShimmerComponentStyled,{height:20,width:141,marginTop:6},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:257,columnNumber:8},void 0),d==="vertical"&&!a&&typeof D<"u"&&n.jsxDEV(v.Tag,{tagText:`${D} %`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:262,columnNumber:9},void 0),i&&!a&&typeof g<"u"&&n.jsxDEV(v.Tag,{tagText:`${g} %`,theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:269,columnNumber:8},void 0),!i&&!a&&E&&E!=0?n.jsxDEV(v.Tag,{tagText:J(E),theme:"light",type:"neutral"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:272,columnNumber:8},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:278,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:215,columnNumber:6},void 0),d==="vertical"&&!a&&!i&&n.jsxDEV("div",{style:{marginTop:10},children:n.jsxDEV(I,{timeline:r,customRange:u,percent:g,direction:F,trendRaw:b,trendRawString:c,prefixSymbol:l,trendIconStyle:$,isInternationalStore:U,tooltipTimelineText:R,customTimelineText:L},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:283,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:282,columnNumber:7},void 0),a&&d==="vertical"&&n.jsxDEV(O.ShimmerComponentStyled,{height:20,width:141,marginTop:6},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:299,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:171,columnNumber:5},void 0),p&&!a&&n.jsxDEV(S.Tooltip,{body:p,placement:"right",children:x&&n.jsxDEV("div",{className:"icon--holder",onClick:k,children:nn.default.createElement(x,{height:20,width:20,color:t.COLORS.content.secondary})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:305,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:303,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:144,columnNumber:3},void 0)},I=({percent:s,direction:o,timeline:e,customRange:d,trendRaw:r,trendRawString:u,prefixSymbol:N,trendIconStyle:y,isInternationalStore:V,tooltipTimelineText:w,customTimelineText:i})=>{const j=()=>{let c="--";if(r)return V?c=String(A.truncateValueForInternationalStore(Math.abs(r))):c=String(A.truncateValueForIndianStore(Math.abs(r))),r<0?"-"+c:c},l=()=>{const c=((r??0)>0?"+":"")+(N??"");return typeof r>"u"?"--":`${c??""}${j()}`},[x,k]=h.useState(l()),[p,D]=h.useState(i||"");h.useEffect(()=>{i||D(e==="today"?"vs yesterday":e==="yesterday"?"vs 1 day before":e==="7 days"?"vs last 7 days":e==="30 days"?"vs last 30 days":e==="custom"&&d?Q.default.getAnalyticsCustomDateTimelineText(d):"")},[e,d]),h.useEffect(()=>{k(l())},[r]);const a=o==="negative"?X.default:Y.default,b=o==="negative"?t.COLORS.background.negative.vibrant:o==="positive"?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder;return n.jsxDEV("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:[typeof s=="number"&&n.jsxDEV(a,{color:b,height:16,width:16,style:{marginRight:2,...y??{}}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:422,columnNumber:5},void 0),typeof s=="number"&&o&&n.jsxDEV(m.Caption,{style:{color:b},children:[o==="neutral"?0:s<1e3?s:">999","%"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:430,columnNumber:5},void 0),!!r&&n.jsxDEV(m.Caption,{style:{marginLeft:4,color:t.COLORS.content.placeholder},children:`(${x})`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:436,columnNumber:5},void 0),!r&&(u?.length||0)>0&&n.jsxDEV(m.Caption,{style:{marginLeft:4,color:t.COLORS.content.placeholder},children:`${u}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:441,columnNumber:5},void 0),e&&(w?n.jsxDEV(S.Tooltip,{body:w,placement:"bottom",children:n.jsxDEV(m.Caption,{style:{marginLeft:4,color:t.COLORS.content.placeholder},children:i||p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:449,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:448,columnNumber:6},void 0):n.jsxDEV(m.Caption,{style:{marginLeft:4,color:t.COLORS.content.placeholder},children:i||p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:456,columnNumber:6},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsTrend.tsx",lineNumber:413,columnNumber:3},void 0)};exports.AnalyticsTrend=en;
 //# sourceMappingURL=AnalyticsTrend.js.map