@bikdotai/bik-component-library 0.0.111-beta.analytics.4 → 0.0.111-beta.analytics.5

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react"),C=require("react/jsx-runtime"),A=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),e=require("./AnalyticsTrend.js");function l(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var d=l(I);function s(){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 i=d.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogXCJzbWFsbFwiIH0pKSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:s}),t=d.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogXCJzbWFsbFwiIH0pKSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:s});exports.AnalyticsMetric=I=>{let{title:l,trends:d,RightHeaderComponent:s}=I;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:[l&&C.jsx(c.TitleRegular,Object.assign({style:{color:A.COLORS.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:l})),s]})),C.jsx(i,{children:d.map(((I,A)=>C.jsxs(C.Fragment,{children:[C.jsx("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g.createElement(e.AnalyticsTrend,Object.assign({},I,{key:A,card:!1,rightSeparator:!(A===d.length-1)&&(A+1)%4!=0,size:"small"}))})),(A+1)%4==0&&C.jsx(t,{style:{marginTop:A===d.length-1?0:32}})]})))})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react"),C=require("react/jsx-runtime"),A=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),l=require("./AnalyticsTrend.js");function e(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var d=e(I);function i(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const b=d.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:i}),s=d.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:i});exports.AnalyticsMetric=I=>{let{title:e,trends:d,RightHeaderComponent:i}=I;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(c.TitleRegular,Object.assign({style:{color:A.COLORS.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:e})),i]})),C.jsx(b,{children:d.map(((I,A)=>{var c;return C.jsxs(C.Fragment,{children:[C.jsx("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g.createElement(l.AnalyticsTrend,Object.assign({},I,{key:A,card:!1,rightSeparator:!(A===d.length-1)&&(A+1)%4!=0,size:null!==(c=I.size)&&void 0!==c?c:"small"}))})),d.length>4&&C.jsxs(C.Fragment,{children:[(A+1)%3==0&&d.length<=6&&C.jsx(s,{style:{marginTop:A===d.length-1?0:32}}),(A+1)%4==0&&d.length>6&&C.jsx(s,{style:{marginTop:A===d.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?: string;
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,trendDirection:g,trendPercent:j,type:y="horizontal",timeline:h,customRange:p,tooltip:u,card:m=!0,rightSeparator:x=!1,size:O="big",share:v=!1}=i;const b="big"===O?l.TitleLarge:l.TitleMedium;return e.jsx(c.AnalyticsTrendContainer,Object.assign({card:m},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:x?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:m?0:24,paddingRight:m?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})),u&&e.jsx(o.Tooltip,Object.assign({body:u,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"},v?{justifyContent:"space-between"}:{})},{children:[e.jsx(b,Object.assign({style:{color:t.COLORS.content.primary}},{children:void 0===a?"--":a})),"horizontal"===y&&!v&&e.jsx(d,{timeline:h,customRange:p,percent:j,direction:g}),v&&e.jsx(n.Tag,{tagText:`${j} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!v&&e.jsx("div",Object.assign({style:{marginTop:12}},{children:e.jsx(d,{timeline:h,customRange:p,percent:j,direction:g})}))]}))}))};
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})}))]}))}))};
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ export declare enum HEAT_GRADING_TYPE {
3
+ ABSOLUTE = 0,
4
+ RELATIVE = 1
5
+ }
6
+ export interface HeatMapInputInterface {
7
+ title: string;
8
+ xLabels: string[];
9
+ yLabels: string[];
10
+ values: number[][];
11
+ heatType: HEAT_GRADING_TYPE;
12
+ absolutHeatValues?: number[];
13
+ hideXLabels?: boolean;
14
+ }
15
+ export declare enum HEAT {
16
+ LOW = 0,
17
+ MEDIUM = 1,
18
+ HIGH = 2,
19
+ HIGHEST = 3
20
+ }
21
+ export declare const HEAT_COLORS: {
22
+ 0: string;
23
+ 1: string;
24
+ 2: string;
25
+ 3: string;
26
+ };
27
+ export declare const HeatMap: React.FC<HeatMapInputInterface>;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: import("react").ElementType<any> | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const HeatBox: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { InputVariant } from '../input/Input';
3
2
  export interface SearchBarProps {
4
3
  width: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
@@ -1 +1 @@
1
- import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as c}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleRegular as d}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 i=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogXCJzbWFsbFwiIH0pKSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:b}),Z=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogXCJzbWFsbFwiIH0pKSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:b}),s=I=>{let{title:b,trends:s,RightHeaderComponent:t}=I;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(d,Object.assign({style:{color:l.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:b})),t]})),A(i,{children:s.map(((I,l)=>C(c,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(e,Object.assign({},I,{key:l,card:!1,rightSeparator:!(l===s.length-1)&&(l+1)%4!=0,size:"small"}))})),(l+1)%4==0&&A(Z,{style:{marginTop:l===s.length-1?0:32}})]})))})]}))};export{s as AnalyticsMetric};
1
+ import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as c}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleRegular as d}from"../TypographyStyle.js";import{AnalyticsTrend as b}from"./AnalyticsTrend.js";function e(){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 i=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:e}),Z=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:e}),t=I=>{let{title:e,trends:t,RightHeaderComponent:y}=I;return C("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e&&A(d,Object.assign({style:{color:l.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:e})),y]})),A(i,{children:t.map(((I,l)=>{var d;return C(c,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(b,Object.assign({},I,{key:l,card:!1,rightSeparator:!(l===t.length-1)&&(l+1)%4!=0,size:null!==(d=I.size)&&void 0!==d?d:"small"}))})),t.length>4&&C(c,{children:[(l+1)%3==0&&t.length<=6&&A(Z,{style:{marginTop:l===t.length-1?0:32}}),(l+1)%4==0&&t.length>6&&A(Z,{style:{marginTop:l===t.length-1?0:32}})]})]})}))})]}))};export{t as AnalyticsMetric};
@@ -1,9 +1,8 @@
1
1
  import React from 'react';
2
2
  export interface AnalyticsTrendInterface {
3
3
  title: string;
4
- value?: string;
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 c}from"../tooltips/Tooltip.js";import{BodySecondary as l,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,trendDirection:d,trendPercent:g,type:y="horizontal",timeline:b,customRange:f,tooltip:j,card:u=!0,rightSeparator:x=!1,size:O="big",share:w=!1}=r;const R="big"===O?m:p;return e(h,Object.assign({card:u},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:x?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(l,Object.assign({style:{color:i.content.secondary}},{children:o})),j&&e(c,Object.assign({body:j,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"},w?{justifyContent:"space-between"}:{})},{children:[e(R,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":a})),"horizontal"===y&&!w&&e(v,{timeline:b,customRange:f,percent:g,direction:d}),w&&e(s,{tagText:`${g} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!w&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:b,customRange:f,percent:g,direction:d})}))]}))}))},v=n=>{let{percent:s,direction:c,timeline:l,customRange:m}=n;const p="negative"===c?r:o,h="negative"===c?i.background.negative.vibrant:"positive"===c?i.background.positive.vibrant:i.content.placeholder,y="today"===l?"vs yesterday":"yesterday"===l?"vs 1 day before":"7 days"===l?"vs last 7 days":"30 days"===l?"vs last 30 days":"custom"===l&&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"===c?0:s,"%"]})),e(g,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:y}))]}))};export{y as AnalyticsTrend};
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};
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ export declare enum HEAT_GRADING_TYPE {
3
+ ABSOLUTE = 0,
4
+ RELATIVE = 1
5
+ }
6
+ export interface HeatMapInputInterface {
7
+ title: string;
8
+ xLabels: string[];
9
+ yLabels: string[];
10
+ values: number[][];
11
+ heatType: HEAT_GRADING_TYPE;
12
+ absolutHeatValues?: number[];
13
+ hideXLabels?: boolean;
14
+ }
15
+ export declare enum HEAT {
16
+ LOW = 0,
17
+ MEDIUM = 1,
18
+ HIGH = 2,
19
+ HIGHEST = 3
20
+ }
21
+ export declare const HEAT_COLORS: {
22
+ 0: string;
23
+ 1: string;
24
+ 2: string;
25
+ 3: string;
26
+ };
27
+ export declare const HeatMap: React.FC<HeatMapInputInterface>;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme | undefined;
4
+ as?: import("react").ElementType<any> | undefined;
5
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const HeatBox: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { InputVariant } from '../input/Input';
3
2
  export interface SearchBarProps {
4
3
  width: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.111-beta.analytics.4",
3
+ "version": "0.0.111-beta.analytics.5",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",