@bikdotai/bik-component-library 0.0.111-beta.analytics.8 → 0.0.111-beta.analytics.9
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.
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react"),C=require("react/jsx-runtime"),A=require("../TypographyStyle.js"),c=require("./AnalyticsTrend.js");function e(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var l=e(g);function d(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const b=l.default("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:d}),i=l.default("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:d});exports.AnalyticsMetric=g=>{let{title:e,trends:l,RightHeaderComponent:d}=g;return C.jsxs("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e&&C.jsx(A.TitleMedium,Object.assign({style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:e})),d]})),C.jsx(b,{children:l.map(((g,A)=>{var e;return C.jsxs(C.Fragment,{children:[C.jsx("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:I.createElement(c.AnalyticsTrend,Object.assign({},g,{key:A,card:!1,rightSeparator:!(A===l.length-1)&&(A+1)%4!=0,size:null!==(e=g.size)&&void 0!==e?e:"small"}))})),l.length>4&&C.jsxs(C.Fragment,{children:[(A+1)%3==0&&l.length<=6&&C.jsx(i,{style:{marginTop:A===l.length-1?0:32}}),(A+1)%4==0&&l.length>6&&C.jsx(i,{style:{marginTop:A===l.length-1?0:32}})]})]})}))})]}))};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface AnalyticsTrendInterface {
|
|
3
3
|
title: string;
|
|
4
|
-
value?:
|
|
4
|
+
value?: number;
|
|
5
5
|
trendPercent: number;
|
|
6
|
-
trendDirection: 'positive' | 'negative' | 'neutral';
|
|
7
6
|
timeline: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
|
|
8
7
|
customRange?: Date[];
|
|
9
8
|
type?: 'vertical' | 'horizontal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/arrow_down.svg.js"),s=require("../../assets/icons/arrow_up.svg.js"),r=require("../../assets/icons/info.svg.js"),n=require("../tag/Tag.js"),a=require("../template-context-mapper/utils/getFormattedMonthDate.js"),o=require("../tooltips/Tooltip.js"),l=require("../TypographyStyle.js"),c=require("./CommonStyles.js");const d=r=>{let{percent:n,direction:o,timeline:c,customRange:d}=r;const g="negative"===o?i.default:s.default,j="negative"===o?t.COLORS.background.negative.vibrant:"positive"===o?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder,y="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&d?`vs ${a.getFormattedMonthDate(d[0])} - ${a.getFormattedMonthDate(d[1])}`:"";return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e.jsx(g,{color:j,height:20,width:20,style:{marginRight:2}}),e.jsxs(l.TitleSmall,Object.assign({style:{color:j}},{children:["neutral"===o?0:n,"%"]})),e.jsx(l.Caption,Object.assign({style:{marginLeft:4,color:t.COLORS.content.placeholder}},{children:y}))]}))};exports.AnalyticsTrend=i=>{let{title:s,value:a,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/arrow_down.svg.js"),s=require("../../assets/icons/arrow_up.svg.js"),r=require("../../assets/icons/info.svg.js"),n=require("../tag/Tag.js"),a=require("../template-context-mapper/utils/getFormattedMonthDate.js"),o=require("../tooltips/Tooltip.js"),l=require("../TypographyStyle.js"),c=require("./CommonStyles.js");const d=r=>{let{percent:n,direction:o,timeline:c,customRange:d}=r;const g="negative"===o?i.default:s.default,j="negative"===o?t.COLORS.background.negative.vibrant:"positive"===o?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder,y="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&d?`vs ${a.getFormattedMonthDate(d[0])} - ${a.getFormattedMonthDate(d[1])}`:"";return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e.jsx(g,{color:j,height:20,width:20,style:{marginRight:2}}),e.jsxs(l.TitleSmall,Object.assign({style:{color:j}},{children:["neutral"===o?0:n,"%"]})),e.jsx(l.Caption,Object.assign({style:{marginLeft:4,color:t.COLORS.content.placeholder}},{children:y}))]}))};exports.AnalyticsTrend=i=>{let{title:s,value:a,trendPercent:g,type:j="horizontal",timeline:y,customRange:h,tooltip:p,card:u=!0,rightSeparator:m=!1,size:v="big",share:x=!1}=i;const O="big"===v?l.TitleLarge:l.TitleMedium,b=void 0!==a?a<0?"negative":0===a?"neutral":"positive":"neutral";return e.jsx(c.AnalyticsTrendContainer,Object.assign({card:u},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:m?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(l.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:s})),p&&e.jsx(o.Tooltip,Object.assign({body:p,placement:"right",width:300},{children:e.jsx("div",{children:e.jsx(r.default,{color:t.COLORS.content.inactive,height:16,width:16})})}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},x?{justifyContent:"space-between"}:{})},{children:[e.jsx(O,Object.assign({style:{color:t.COLORS.content.primary}},{children:void 0===a?"--":new Intl.NumberFormat("en-IN",{}).format(a)})),"horizontal"===j&&!x&&e.jsx(d,{timeline:y,customRange:h,percent:g,direction:b}),x&&e.jsx(n.Tag,{tagText:`${g} %`,theme:"light",type:"neutral"})]})),"vertical"===j&&!x&&e.jsx("div",Object.assign({style:{marginTop:12}},{children:e.jsx(d,{timeline:y,customRange:h,percent:g,direction:b})}))]}))}))};
|
package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("./VerticalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.VerticalGraph=t=>{var s,n,l,c;const d=-1===t.yAxis.data.findIndex((e=>0!==e)),g={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary}},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:d?["-","-","-","-","-","-"]:t.xAxis.data.map((e=>e.toString())),datasets:[{data:d?[250,1e3,800,1500,300,600]:t.yAxis.data,backgroundColor:e=>{var r;const i=t.barColorRGBA;let a=[];const o=t.xAxis.data.length;if(d)return"rgba(0,0,0,0)";if(t.isFunnel){let e=+(o>10?.1:(1/o).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let r=1;r<o+1;r++){let i="";r>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(r=i.a)&&void 0!==r?r:"1"})`;a=Array(o).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(o.GraphContainerWrapper,{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("./VerticalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.VerticalGraph=t=>{var s,n,l,c;const d=-1===t.yAxis.data.findIndex((e=>0!==e)),g={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary}},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:d?["-","-","-","-","-","-"]:t.xAxis.data.map((e=>e.toString())),datasets:[{data:d?[250,1e3,800,1500,300,600]:t.yAxis.data,backgroundColor:e=>{var r;const i=t.barColorRGBA;let a=[];const o=t.xAxis.data.length;if(d)return"rgba(0,0,0,0)";if(t.isFunnel){let e=+(o>10?.1:(1/o).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let r=1;r<o+1;r++){let i="";r>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(r=i.a)&&void 0!==r?r:"1"})`;a=Array(o).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(o.GraphContainerWrapper,{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleMedium,Object.assign({color:null!==(l=t.chartHeading.color)&&void 0!==l?l:a.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(c=t.graphCanvasHeight)&&void 0!==c?c:500}},{children:e.jsx(r.Bar,{options:g,data:x})}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import g from"@emotion/styled/base";import{createElement as I}from"react";import{jsxs as C,jsx as A,Fragment as c}from"react/jsx-runtime";import{TitleMedium as l}from"../TypographyStyle.js";import{AnalyticsTrend as e}from"./AnalyticsTrend.js";function b(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const d=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:b}),Z=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:b}),i=g=>{let{title:b,trends:i,RightHeaderComponent:G}=g;return C("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[b&&A(l,Object.assign({style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:b})),G]})),A(d,{children:i.map(((g,l)=>{var b;return C(c,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:I(e,Object.assign({},g,{key:l,card:!1,rightSeparator:!(l===i.length-1)&&(l+1)%4!=0,size:null!==(b=g.size)&&void 0!==b?b:"small"}))})),i.length>4&&C(c,{children:[(l+1)%3==0&&i.length<=6&&A(Z,{style:{marginTop:l===i.length-1?0:32}}),(l+1)%4==0&&i.length>6&&A(Z,{style:{marginTop:l===i.length-1?0:32}})]})]})}))})]}))};export{i as AnalyticsMetric};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface AnalyticsTrendInterface {
|
|
3
3
|
title: string;
|
|
4
|
-
value?:
|
|
4
|
+
value?: number;
|
|
5
5
|
trendPercent: number;
|
|
6
|
-
trendDirection: 'positive' | 'negative' | 'neutral';
|
|
7
6
|
timeline: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
|
|
8
7
|
customRange?: Date[];
|
|
9
8
|
type?: 'vertical' | 'horizontal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as c,TitleSmall as d,Caption as g,TitleLarge as m,TitleMedium as p}from"../TypographyStyle.js";import{AnalyticsTrendContainer as h}from"./CommonStyles.js";const y=r=>{let{title:o,value:a,trendPercent:d,type:g="horizontal",timeline:y,customRange:b,tooltip:f,card:j=!0,rightSeparator:u=!1,size:x="big",share:O=!1}=r;const w="big"===x?m:p,R=void 0!==a?a<0?"negative":0===a?"neutral":"positive":"neutral";return e(h,Object.assign({card:j},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:u?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(c,Object.assign({style:{color:i.content.secondary}},{children:o})),f&&e(l,Object.assign({body:f,placement:"right",width:300},{children:e("div",{children:e(n,{color:i.content.inactive,height:16,width:16})})}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},O?{justifyContent:"space-between"}:{})},{children:[e(w,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":new Intl.NumberFormat("en-IN",{}).format(a)})),"horizontal"===g&&!O&&e(v,{timeline:y,customRange:b,percent:d,direction:R}),O&&e(s,{tagText:`${d} %`,theme:"light",type:"neutral"})]})),"vertical"===g&&!O&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:y,customRange:b,percent:d,direction:R})}))]}))}))},v=n=>{let{percent:s,direction:l,timeline:c,customRange:m}=n;const p="negative"===l?r:o,h="negative"===l?i.background.negative.vibrant:"positive"===l?i.background.positive.vibrant:i.content.placeholder,y="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&m?`vs ${a(m[0])} - ${a(m[1])}`:"";return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e(p,{color:h,height:20,width:20,style:{marginRight:2}}),t(d,Object.assign({style:{color:h}},{children:["neutral"===l?0:s,"%"]})),e(g,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:y}))]}))};export{y as AnalyticsTrend};
|
package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleMedium as l}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./VerticalGraph.styles.js";o.register(i,r,a,n);const p=o=>{var i,r,a,n;const p=-1===o.yAxis.data.findIndex((t=>0!==t)),x={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(i=o.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},p?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:p?["-","-","-","-","-","-"]:o.xAxis.data.map((t=>t.toString())),datasets:[{data:p?[250,1e3,800,1500,300,600]:o.yAxis.data,backgroundColor:t=>{var e;const i=o.barColorRGBA;let r=[];const a=o.xAxis.data.length;if(p)return"rgba(0,0,0,0)";if(o.isFunnel){let t=+(a>10?.1:(1/a).toFixed(2));const e=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let o=1;o<a+1;o++){let i="";o>10?i=`${e},1)`:(i=`${e},${t})`,t+=.1),r.push(i)}}else{const t=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(e=i.a)&&void 0!==e?e:"1"})`;r=Array(a).fill(t)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(l,Object.assign({color:null!==(a=o.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(n=o.graphCanvasHeight)&&void 0!==n?n:500}},{children:e(s,{options:x,data:b})}))]})};export{p as VerticalGraph};
|