@bikdotai/bik-component-library 0.0.476-beta.journey-22 → 0.0.476
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/SearchFilter/components/FilterChipListRenderer.js +1 -1
- package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +1 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -2
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +2 -5
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.d.ts +3 -7
- package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +0 -1
- package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts +0 -3
- package/dist/cjs/components/dynamic-tabs/DynamicTabs.js +1 -1
- package/dist/cjs/components/input/Input.d.ts +0 -4
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.styled.d.ts +0 -3
- package/dist/cjs/components/input/Input.styled.js +1 -1
- package/dist/cjs/components/postPicker/postPicker.js +1 -1
- package/dist/cjs/components/product-picker-v2/collectionScreen.js +1 -1
- package/dist/cjs/components/product-picker-v2/modal.js +1 -1
- package/dist/cjs/components/product-picker-v2/product.js +1 -1
- package/dist/cjs/components/product-picker-v2/productScreen.d.ts +0 -1
- package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
- package/dist/cjs/components/product-picker-v2/searchScreen.d.ts +0 -2
- package/dist/cjs/components/product-picker-v2/searchScreen.js +1 -1
- package/dist/cjs/components/product-picker-v2/style.js +1 -1
- package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.d.ts +0 -1
- package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js +1 -1
- package/dist/esm/components/SearchFilter/components/SearchFilterItem.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.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 +0 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +1 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -2
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +4 -7
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.d.ts +3 -7
- package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +0 -1
- package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts +0 -3
- package/dist/esm/components/dynamic-tabs/DynamicTabs.js +1 -1
- package/dist/esm/components/input/Input.d.ts +0 -4
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.styled.d.ts +0 -3
- package/dist/esm/components/input/Input.styled.js +1 -1
- package/dist/esm/components/postPicker/postPicker.js +1 -1
- package/dist/esm/components/product-picker-v2/collectionScreen.js +1 -1
- package/dist/esm/components/product-picker-v2/modal.js +1 -1
- package/dist/esm/components/product-picker-v2/product.js +1 -1
- package/dist/esm/components/product-picker-v2/productScreen.d.ts +0 -1
- package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
- package/dist/esm/components/product-picker-v2/searchScreen.d.ts +0 -2
- package/dist/esm/components/product-picker-v2/searchScreen.js +1 -1
- package/dist/esm/components/product-picker-v2/style.js +1 -1
- package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.d.ts +0 -1
- package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var i=require("../../../assets/icons/cross.svg.js"),t=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=l=>{let{selectedState:n,onDeSelect:s}=l;return e.jsx(e.Fragment,{children:n.map((l=>{var n,o,d,c,u,p,h,y,v,g,j;if(l.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(n=l.value)||void 0===n?void 0:n.map((r=>{var t,n;return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(l.id,r),style:{cursor:"pointer"},tagText:null!==(n=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${l.id}-${r.value}`)}))});if(l.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(l.id,l.value),style:{cursor:"pointer"},tagText:r.formatDate(l.value),type:"neutral",theme:"light",TrailingIcon:i.default},l.id);if(l.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(l.id,l.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=l.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=l.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},l.id);return(l.type===t.FilterType.Single?null!==(u=null===(c=l.value)||void 0===c?void 0:c.label)&&void 0!==u?u:"":null!==(h=null===(p=l.value)||void 0===p?void 0:p.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(l.id,l.value),style:{cursor:"pointer"},tagText:l.type===t.FilterType.Single?null!==(v=null===(y=l.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(j=null===(g=l.value)||void 0===g?void 0:g.toString())&&void 0!==j?j:"",type:"neutral",theme:"light",TrailingIcon:i.default},l.id):e.jsx(e.Fragment,{})}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../../utils/DateUtils.js"),require("../../tag/Tag.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../../utils/DateUtils.js"),require("../../tag/Tag.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),require("../../dropdown/DropdownPopover/index.js");var t=require("../../dropdown/Dropdown.js"),a=require("../../dropdown/ChipDropdown.js");require("../../zeroState/ZeroState.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../input/Input.js"),require("../../dropdown/MenuItem/MenuItem.js");var n=require("../types/SearchFilter.type.js"),o=require("./DatePickerButton.js"),i=require("./DateRangeOnlyButton.js");const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}];exports.SearchFilterItem=d=>{var p,l,c;return d.type===n.FilterType.Date?e.jsx(o.DatePickerButton,Object.assign({},d,{variant:d.variant,onSelect:e=>d.onChange(e)})):d.type===n.FilterType.DateRange?d.rangePickerDateOnly?e.jsx(i.DateRangeOnlyButton,Object.assign({},d,{variant:d.variant,onSelect:e=>d.onChange(e)})):e.jsx(r.AnalyticsDropdown,{datePickerPlacement:d.datePickerPlacement,variant:d.variant,placeholder:d.text,options:d.preset?s:null!==(p=d.options)&&void 0!==p?p:[],onOptionSelected:function(e){var r,t;e.selectedRange&&d.onChange([null===(r=e.selectedRange)||void 0===r?void 0:r[0],null===(t=e.selectedRange)||void 0===t?void 0:t[1]])}},d.id):"small"===d.variant?e.jsx(a.ChipDropdown,{isMultiSelect:d.type===n.FilterType.Multiple,options:null!==(l=d.options)&&void 0!==l?l:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text}):e.jsx(t.Dropdown,{isMultiSelect:d.type===n.FilterType.Multiple,size:"small",options:null!==(c=d.options)&&void 0!==c?c:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text,width:10*d.text.length+"px"})};
|
|
@@ -31,7 +31,6 @@ export interface AnalyticsDropdownInterface {
|
|
|
31
31
|
};
|
|
32
32
|
variant?: 'small' | 'default';
|
|
33
33
|
datePickerPlacement?: DropDirection;
|
|
34
|
-
closeDropdown?: boolean;
|
|
35
34
|
}
|
|
36
35
|
export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
|
|
37
36
|
export declare const EachItem: React.FC<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("react-bootstrap"),n=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),l=require("./CommonStyles.js");const a=o=>{let{eachOption:t,selectedOption:s,selectedDate:a,onClickingEachItem:c,rangeSelection:r}=o;return e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>c(t),isSelected:t.isCustom?t.key==(null==s?void 0:s.key)&&!!a:t.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:t.key==(null==s?void 0:s.key)?n.BASE_COLORS.positive[900]:n.BASE_COLORS.grayscale[900]},{children:t.label})),a&&(null==s?void 0:s.isCustom)&&t.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:r?`${d(a[0])} to ${d(a[1])}`:`${d(a[0])}`})]}),t.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=c=>{let{options:r,placeholder:u="Select an option",selected:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("react-bootstrap"),n=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),l=require("./CommonStyles.js");const a=o=>{let{eachOption:t,selectedOption:s,selectedDate:a,onClickingEachItem:c,rangeSelection:r}=o;return e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>c(t),isSelected:t.isCustom?t.key==(null==s?void 0:s.key)&&!!a:t.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:t.key==(null==s?void 0:s.key)?n.BASE_COLORS.positive[900]:n.BASE_COLORS.grayscale[900]},{children:t.label})),a&&(null==s?void 0:s.isCustom)&&t.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:r?`${d(a[0])} to ${d(a[1])}`:`${d(a[0])}`})]}),t.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=c=>{let{options:r,placeholder:u="Select an option",selected:g,onOptionSelected:p,resetDropdown:v,maxHeight:m,backgroundColor:O,calendarPopperConfig:j,variant:D="default",datePickerPlacement:y}=c;var S,b,h;const[x,f]=o.useState(!1),[k,w]=o.useState(g),[C,R]=o.useState(),[E,T]=o.useState(!1),A=()=>{!x&&T(!E)},[M,q]=o.useState(g),P="small"===D?i.Caption:i.BodySecondary;return o.useEffect((()=>{v&&w(void 0)}),[v]),o.useEffect((()=>{var e;(null==g?void 0:g.isCustom)&&(null===(e=g.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?R(g.dateRangeSelectionOptions.selectedDates):R(void 0),w(g)}),[g]),e.jsx(e.Fragment,{children:e.jsxs(l.MainDropdown,Object.assign({drop:"down",show:E,onToggle:A,backgroundColor:O},{children:[e.jsx(t.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===D?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${n.DEFAULT_THEME.colorsV2.stroke.primary}`}:void 0},{children:e.jsx(P,Object.assign({style:"small"===D?{color:n.DEFAULT_THEME.colorsV2.content.secondary}:void 0},{children:(null==k?void 0:k.isCustom)?C?d(C[0])===d(C[1])?`${d(C[0])}`:`${d(C[0])} to ${d(C[1])}`:null==M?void 0:M.label:k?null==k?void 0:k.label:u}))})),e.jsx(t.Dropdown.Menu,Object.assign({className:"main--dropdown"},{children:e.jsxs(l.MainDropdown,Object.assign({drop:null!=y?y:"end",id:"sub--dropdown",show:x,onToggle:e=>{!e&&T(!1),f(!x)}},{children:[e.jsx("div",Object.assign({style:{maxHeight:m||"auto",overflowY:"scroll"}},{children:r.map((o=>{var n;return e.jsx("div",{children:(null==o?void 0:o.isCustom)?e.jsx(t.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(a,{eachOption:o,selectedOption:k,selectedDate:C,onClickingEachItem:e=>{w(e),f(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e.jsx(a,{eachOption:o,selectedOption:k,selectedDate:C,onClickingEachItem:e=>{if(R(void 0),w(e),q(e),A(),!e.noOfDays)return void p(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),p(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))}})},null==o?void 0:o.key)}))})),e.jsx(t.Dropdown.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==j?void 0:j.offsetSkid)||0,(null==j?void 0:j.offsetDistance)||0]}}]}},{children:e.jsx(s.DatePicker,{selectRange:(null===(S=null==k?void 0:k.dateRangeSelectionOptions)||void 0===S?void 0:S.selectRange)||!1,maxDate:null===(b=null==k?void 0:k.dateRangeSelectionOptions)||void 0===b?void 0:b.maxDate,minDate:null===(h=null==k?void 0:k.dateRangeSelectionOptions)||void 0===h?void 0:h.minDate,selectedDates:C,onSelectRange:(e,o)=>{const t=[e,o];(null==k?void 0:k.dateRangeSelectionOptions)&&(k.dateRangeSelectionOptions.selectedDates=t,p(Object.assign(Object.assign({},k),{selectedRange:[e,o]}))),q(k),f(!1),R(t),T(!E)},onSelectDate:e=>{(null==k?void 0:k.dateRangeSelectionOptions)&&(k.dateRangeSelectionOptions.selectedDates=[e,e],p(Object.assign(Object.assign({},k),{selectedRange:[e,e]}))),q(k),f(!1),R([e,e]),T(!E)}})}))]}))}))]}))})},exports.EachItem=a,exports.formatDate=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),c=require("./AnalyticsTrend.js");function A(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}const e=A(g).default("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZGlzcGxheTogJ2ZsZXgnLCB3aWR0aDogJzEwMCUnIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBjYXJkOiBmYWxzZSwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJywgcmlnaHRTZXBhcmF0b3I6IGkgKyByb3dJbmRleCAqIHBlclJvd0xvY2FsIDxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pIH0pLCByb3dJbmRleCkgfSkpKSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.AnalyticsMetric=g=>{let{title:A,trends:t,RightHeaderComponent:i,containerStyle:d,titleSize:n,titleColor:s,perRow:a}=g;const b="large"===n?l.TitleMedium:l.TitleRegular,u=a||(t.length<=4?t.length:t.length%3==0?3:4),o=Math.ceil(t.length/u);return I.jsxs("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=d?d:{})},{children:[I.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[A&&I.jsx(b,Object.assign({color:null!=s?s:C.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:A})),i]})),I.jsx(e,{children:Array.from({length:o}).map(((g,C)=>I.jsx(I.Fragment,{children:I.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:t.slice(C*u,(C+1)*u).map(((g,l)=>{var A;return I.jsx("div",Object.assign({style:{flex:1,maxWidth:1===t.length?"100%":"50%"}},{children:I.jsx(c.AnalyticsTrend,Object.assign({},g,{card:!1,size:null!==(A=g.size)&&void 0!==A?A:"small",rightSeparator:l+C*u<Math.min((C+1)*u-1,t.length-1)}))}),l)}))}),C)})))})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../utils/DateUtils.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../utils/DateUtils.js"),s=require("../../constants/Theme.js"),n=require("../../assets/icons/arrow_down.svg.js"),r=require("../../assets/icons/arrow_up.svg.js"),a=require("../../assets/icons/info.svg.js"),o=require("../tag/Tag.js"),l=require("../tooltips/Tooltip.js"),c=require("../TypographyStyle.js"),d=require("./CommonStyles.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=g(t);const y=a=>{let{percent:o,direction:l,timeline:d,customRange:g}=a;const u="negative"===l?n.default:r.default,y="negative"===l?s.COLORS.background.negative.vibrant:"positive"===l?s.COLORS.background.positive.vibrant:s.COLORS.content.placeholder,h=t.useRef("today"===d?"vs yesterday":"yesterday"===d?"vs 1 day before":"7 days"===d?"vs last 7 days":"30 days"===d?"vs last 30 days":"custom"===d&&g?i.default.getAnalyticsCustomDateTimelineText(g):"");return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof o&&e.jsx(u,{color:y,height:20,width:20,style:{marginRight:2}}),"number"==typeof o&&l&&e.jsxs(c.TitleSmall,Object.assign({style:{color:y}},{children:["neutral"===l?0:o,"%"]})),d&&e.jsx(c.Caption,Object.assign({style:{marginLeft:4,color:s.COLORS.content.placeholder}},{children:h.current}))]}))};exports.AnalyticsTrend=t=>{let{title:i,value:n,trendPercent:r,type:g="horizontal",timeline:h,customRange:j,tooltip:p,card:m=!0,rightSeparator:x=!1,size:b="big",share:v=!1,formatVal:f,prefixSymbol:O,trailingIcon:T,onTrailIconClick:R,iconTooltipBody:C,funnelPercent:S}=t;const w="big"===b?c.TitleLarge:c.TitleMedium,L=void 0!==r?r<0?"negative":0===r?"neutral":"positive":void 0,q=void 0!==r?v?Math.round(r):Math.abs(Math.round(r)):void 0;return e.jsx(d.AnalyticsTrendContainer,Object.assign({card:m},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,borderRightWidth:x?1:0,borderRightColor:s.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:m?0:24,paddingRight:m?0:24,height:"100%",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,height:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(c.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary}},{children:i})),p&&e.jsx(l.Tooltip,Object.assign({body:p,placement:"right",width:300},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e.jsx(a.default,{color:s.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(w,Object.assign({style:{color:s.COLORS.content.primary}},{children:void 0===n?"--":"number"==typeof n&&f?`${null!=O?O:""}${new Intl.NumberFormat("en-IN",{}).format(n)}`:`${null!=O?O:""}${n}`})),"horizontal"===g&&!v&&e.jsx(y,{timeline:h,customRange:j,percent:q,direction:L}),"vertical"===g&&void 0!==S&&e.jsx(o.Tag,{tagText:`${S} %`,theme:"light",type:"neutral"}),v&&void 0!==q&&e.jsx(o.Tag,{tagText:`${q} %`,theme:"light",type:"neutral"})]})),"vertical"===g&&!v&&e.jsx("div",Object.assign({style:{marginTop:6}},{children:e.jsx(y,{timeline:h,customRange:j,percent:q,direction:L})}))]})),C&&e.jsx(l.Tooltip,Object.assign({body:C,placement:"right"},{children:T&&e.jsx("div",Object.assign({className:"icon--holder",onClick:R},{children:u.default.createElement(T,{height:20,width:20,color:s.COLORS.content.secondary})}))}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),r=require("react/jsx-runtime"),i=require("../../../../utils/StringUtils.js"),t=require("../../../../constants/Theme.js");require("../../../../constants/zindex.js");var s=require("react");require("../../../checkBox/CheckBox.styled.js");var g=require("../../../TypographyStyle.js");require("../../../list-item/ListItem.js"),require("../../../pagination/Pagination.js"),require("../../../radioButton/RadioButton.styled.js"),require("react-dom"),require("react-toastify"),require("../../../toaster/Toaster.styled.js"),require("../../../tooltips/Tooltip.js"),require("../../../spinner/Spinner.js"),require("../../../stepper/Stepper.styled.js"),require("../../../tag/Tag.js"),require("../../../icon-button/IconButton.js"),require("../../../template-preview/TemplatePreview.js"),require("../../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../curtain/CurtainHelper.js"),require("../../../template-preview/models/TemplateMeta.js"),require("../../../template-preview/models/WhatsAppTemplate.js"),require("../../../modals/styledModal.js"),require("../../../template-preview/models/Channels.js"),require("../../../template-context-mapper/context/templateModalContext.js"),require("../../../template-context-mapper/modalElements/Footer.js"),require("../../../template-context-mapper/modalElements/Body.js"),require("../../../template-context-mapper/modalElements/Header.js"),require("../../../zeroState/ZeroState.js"),require("../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../button/Button.js"),require("../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../input/Input.js"),require("react-bootstrap"),require("../../../floating-action-button/FloatingActionButton.styles.js"),require("../../../image-compress/ImageCompress.js"),require("../../../progress-bar/ProgressBarComponent.js"),require("../../../QueryBuilder/QueryBuilder.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),require("../../../QueryBuilder/constants/connectorPosition.js"),require("../../../QueryBuilder/constants/connector.js"),require("../../../QueryBuilder/types/QueryBuilder.type.js"),require("../../../dropdown/Dropdown.js"),require("../../../QueryBuilder/components/InputLoader.js"),require("../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js"),require("react-chips"),require("../../../input/ChipInput.styled.js"),require("../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js"),require("../../../QueryBuilder/components/Connectors/Components/IgPicker.js"),require("../../../QueryBuilder/components/Connectors/Components/InTheLast.js"),require("../../../QueryBuilder/components/Connectors/Components/InTwoLast.js"),require("react-calendar"),require("../../../../utils/DateUtils.js"),require("../../../datePicker/DatePickerWrapper.styled.js"),require("../../../QueryBuilder/components/Connectors/Connector.styled.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js"),require("../../../QueryBuilder/redux/queryBuilder.reducer.js"),require("../../../QueryBuilder/redux/queryBuilderCache.reducer.js"),require("../../../QueryBuilder/types/QueryBuilderOperator.type.js"),require("../../../dropdown/DropdownPopover/index.js"),require("../../../dropdown/ChipDropdown.js"),require("../../../dropdown/MenuItem/MenuItem.js"),require("../../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../analytics-card/AnalyticsCard.styled.js"),require("../../CommonStyles.js"),require("../../../datePicker/DatePicker.styled.js"),require("../../AnalyticsMetric.js"),require("../LineChart/LineChart.js"),require("../linearChipGroupedChart/LinearChipGroupedChart.styled.js");var I=require("./PieChart.js");require("../HorizontalBarGraph/HorizontalGraph.js"),require("../StackedBarChart/StackedBarChart.js"),require("../StackedBarChart/StackedBarDistributionChart.js"),require("../StackedBarChart/StackedBarDistributionChart.model.js"),require("../VerticalBarGraph/VerticalGraph.js"),require("../heatmap/HeatMap.js"),require("../heatmap/HeatMapVertical.js"),require("../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),require("../../../avatar/Avatar.js"),require("../../../avatar/AvatarHelper.js"),require("../../../alerts/Alert.styled.js"),require("../../../alerts/AlertHelper.js"),require("../../../thumbnail/Thumbnail.js"),require("../../../curtain/Curtain.styled.js"),require("../../../switch/Switch.js"),require("../../../plans/SubscriptionPlanStyled.js"),require("../../../plans/SubscriptionPlanSelector.js"),require("../../../plans/SubscriptionPlansCollected.js"),require("../../../tabs/Tabs.js"),require("../../../TablePagination/TablePagination.styled.js"),require("../../../TablePagination/TablePaginationCard.js"),require("../../../states/StateComponent.js"),require("../../../../_virtual/_tslib.js"),require("../../../WhatsAppTextEditor/WhatsAppTextEditor.js"),require("../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),require("../../../card-selection-modal/CardSelectionModal.styled.js"),require("react-image-crop"),require("../../../buttonGroup/ButtonGroupStyle.js"),require("../../../accordion/Accordion.style.js"),require("../../../accordion/AccordionArrow.js"),require("../../../file-uploader/FileUploaderStyle.js"),require("../../../colourInput/ColourInput.styled.js"),require("../../../bik-layout/CommonStyles.js"),require("../../../navigation-hyperlink/NavigationHyperlink.js"),require("../../../bik-layout/SidebarStyles.js"),require("date-fns"),require("react-popper"),require("../../../dropdown/Common.styled.js"),require("../../../custom-date-time/CustomDateTime.styled.js"),require("../../../../node_modules/lodash.debounce/index.js"),require("../../../product-picker/ProductPicker.styled.js"),require("../../../discount-modal/type.js"),require("../../../product-picker-v2/modal.js"),require("../../../discount-modal/DiscountModal.styled.js"),require("../../../discount-modal/DynamicCoupon/DynamicCoupon.js"),require("../../../discount-modal/CouponExpiration/CouponExpiration.js"),require("../../../country-code-picker/CountryCodePicker.styled.js"),require("../../../carousel/carousel.js"),require("../../../carousel-secondary/CarouselSecondary.style.js"),require("../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js"),require("../../../radioList/RadioList.styled.js"),require("../../../checkList/CheckList.styled.js"),require("../../../postPicker/postPicker.js"),require("../../../dropdown-button/DropdownButton.style.js"),require("../../../side-modal/SideModal.style.js"),require("../../../add-variableV2/AddVariableV2.styled.js"),require("../../../modals/modal.styled.js"),require("../../../SearchFilter/types/SearchFilter.type.js"),require("../../../SearchFilter/components/DatePickerButton.js"),require("../../../SearchFilter/components/DateRangeOnlyButton.js"),require("../../../input-with-vars/InputWithVariables.js"),require("../../../star-rating/StarRating.js"),require("../../../dashboard-review-popup/components/FiveStar.styled.js"),require("../../../dashboard-review-popup/components/Form.styled.js"),require("../../../dashboard-review-popup/components/ZeroState.js"),require("../../../dashboard-review-popup/DashboardReviewPopUp.styled.js"),require("../../../testimonial-card/TestimonialCard.style.js"),require("../../../slider/slider.js"),require("pure-react-carousel"),require("../../../carousel-preview/CarouselPreview.style.js");var C=require("chart.js"),o=require("react-chartjs-2");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e);C.Chart.register(C.ArcElement,C.Legend);const l={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:e=>{if(!e.label)return" 0%";const r=e.dataset.data.reduce(((e,r)=>e+r),0),i=parseFloat((e.raw/r*100).toFixed(1));return` ${e.label}: ${i}%`}}}}},d=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],u=a.default("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(e=>t.COLORS.surface.standard),";border:1px solid ",(e=>t.COLORS.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */"));exports.Card=e=>r.jsx(u,Object.assign({style:{padding:24}},{children:e.children})),exports.PieChartAnalytics=e=>{let{title:t,slices:C,size:c}=e;const[a,u]=s.useState([]),[A,n]=s.useState();return s.useEffect((()=>{const e=C.reduce(((e,r)=>e+r.count),0);let r=[];if(r=Object.keys(C).map(((e,r)=>Object.assign({color:d[r%d.length]},C[e]))),u([...r]),0===e){n({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const e={labels:C.map((e=>i.default.capitalize(e.name))),datasets:[{data:C.map((e=>e.count)),backgroundColor:C.map(((e,r)=>{var i;return null!==(i=e.color)&&void 0!==i?i:d[r%d.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};n(e)}}),[C]),A?r.jsxs(r.Fragment,{children:[t&&r.jsx(g.TitleMedium,Object.assign({style:{marginBottom:16}},{children:t})),r.jsxs("div",Object.assign({className:"row"},{children:[r.jsx("div",Object.assign({className:"col-6"},{children:r.jsx("div",Object.assign({style:{width:c,height:c}},{children:r.jsx(o.Doughnut,{data:A,options:Object.assign(Object.assign({},l),{maintainAspectRatio:!c})})}))})),r.jsx("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:r.jsx(I.PieChart,{slices:a})}))]}))]}):r.jsx(r.Fragment,{})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),r=require("react/jsx-runtime"),i=require("../../../../utils/StringUtils.js"),t=require("../../../../constants/Theme.js");require("../../../../constants/zindex.js");var g=require("react");require("../../../checkBox/CheckBox.styled.js");var s=require("../../../TypographyStyle.js");require("../../../list-item/ListItem.js"),require("../../../pagination/Pagination.js"),require("../../../radioButton/RadioButton.styled.js"),require("react-dom"),require("react-toastify"),require("../../../toaster/Toaster.styled.js"),require("../../../tooltips/Tooltip.js"),require("../../../spinner/Spinner.js"),require("../../../stepper/Stepper.styled.js"),require("../../../tag/Tag.js"),require("../../../icon-button/IconButton.js"),require("../../../template-preview/TemplatePreview.js"),require("../../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../curtain/CurtainHelper.js"),require("../../../template-preview/models/TemplateMeta.js"),require("../../../template-preview/models/WhatsAppTemplate.js"),require("../../../modals/styledModal.js"),require("../../../template-preview/models/Channels.js"),require("../../../template-context-mapper/context/templateModalContext.js"),require("../../../template-context-mapper/modalElements/Footer.js"),require("../../../template-context-mapper/modalElements/Body.js"),require("../../../template-context-mapper/modalElements/Header.js"),require("../../../zeroState/ZeroState.js"),require("../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../button/Button.js"),require("../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../input/Input.js"),require("react-bootstrap"),require("../../../floating-action-button/FloatingActionButton.styles.js"),require("../../../image-compress/ImageCompress.js"),require("../../../progress-bar/ProgressBarComponent.js"),require("../../../QueryBuilder/QueryBuilder.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),require("../../../QueryBuilder/constants/connectorPosition.js"),require("../../../QueryBuilder/constants/connector.js"),require("../../../QueryBuilder/types/QueryBuilder.type.js"),require("../../../dropdown/Dropdown.js"),require("../../../QueryBuilder/components/InputLoader.js"),require("../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js"),require("react-chips"),require("../../../input/ChipInput.styled.js"),require("../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js"),require("../../../QueryBuilder/components/Connectors/Components/IgPicker.js"),require("../../../QueryBuilder/components/Connectors/Components/InTheLast.js"),require("../../../QueryBuilder/components/Connectors/Components/InTwoLast.js"),require("react-calendar"),require("../../../../utils/DateUtils.js"),require("../../../datePicker/DatePickerWrapper.styled.js"),require("../../../QueryBuilder/components/Connectors/Connector.styled.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js"),require("../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js"),require("../../../QueryBuilder/redux/queryBuilder.reducer.js"),require("../../../QueryBuilder/redux/queryBuilderCache.reducer.js"),require("../../../QueryBuilder/types/QueryBuilderOperator.type.js"),require("../../../dropdown/DropdownPopover/index.js"),require("../../../dropdown/ChipDropdown.js"),require("../../../dropdown/MenuItem/MenuItem.js"),require("../../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../analytics-card/AnalyticsCard.styled.js"),require("../../CommonStyles.js"),require("../../../datePicker/DatePicker.styled.js"),require("../../AnalyticsMetric.js"),require("../LineChart/LineChart.js"),require("../linearChipGroupedChart/LinearChipGroupedChart.styled.js");var I=require("./PieChart.js");require("../HorizontalBarGraph/HorizontalGraph.js"),require("../StackedBarChart/StackedBarChart.js"),require("../StackedBarChart/StackedBarDistributionChart.js"),require("../VerticalBarGraph/VerticalGraph.js"),require("../heatmap/HeatMap.js"),require("../heatmap/HeatMapVertical.js"),require("../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),require("../../../avatar/Avatar.js"),require("../../../avatar/AvatarHelper.js"),require("../../../alerts/Alert.styled.js"),require("../../../alerts/AlertHelper.js"),require("../../../thumbnail/Thumbnail.js"),require("../../../curtain/Curtain.styled.js"),require("../../../switch/Switch.js"),require("../../../plans/SubscriptionPlanStyled.js"),require("../../../plans/SubscriptionPlanSelector.js"),require("../../../plans/SubscriptionPlansCollected.js"),require("../../../tabs/Tabs.js"),require("../../../TablePagination/TablePagination.styled.js"),require("../../../TablePagination/TablePaginationCard.js"),require("../../../states/StateComponent.js"),require("../../../../_virtual/_tslib.js"),require("../../../WhatsAppTextEditor/WhatsAppTextEditor.js"),require("../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),require("../../../card-selection-modal/CardSelectionModal.styled.js"),require("react-image-crop"),require("../../../buttonGroup/ButtonGroupStyle.js"),require("../../../accordion/Accordion.style.js"),require("../../../accordion/AccordionArrow.js"),require("../../../file-uploader/FileUploaderStyle.js"),require("../../../colourInput/ColourInput.styled.js"),require("../../../bik-layout/CommonStyles.js"),require("../../../navigation-hyperlink/NavigationHyperlink.js"),require("../../../bik-layout/SidebarStyles.js"),require("date-fns"),require("react-popper"),require("../../../dropdown/Common.styled.js"),require("../../../custom-date-time/CustomDateTime.styled.js"),require("../../../../node_modules/lodash.debounce/index.js"),require("../../../product-picker/ProductPicker.styled.js"),require("../../../discount-modal/type.js"),require("../../../product-picker-v2/modal.js"),require("../../../discount-modal/DiscountModal.styled.js"),require("../../../discount-modal/DynamicCoupon/DynamicCoupon.js"),require("../../../discount-modal/CouponExpiration/CouponExpiration.js"),require("../../../country-code-picker/CountryCodePicker.styled.js"),require("../../../carousel/carousel.js"),require("../../../carousel-secondary/CarouselSecondary.style.js"),require("../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js"),require("../../../radioList/RadioList.styled.js"),require("../../../checkList/CheckList.styled.js"),require("../../../postPicker/postPicker.js"),require("../../../dropdown-button/DropdownButton.style.js"),require("../../../side-modal/SideModal.style.js"),require("../../../add-variableV2/AddVariableV2.styled.js"),require("../../../modals/modal.styled.js"),require("../../../SearchFilter/types/SearchFilter.type.js"),require("../../../SearchFilter/components/DatePickerButton.js"),require("../../../SearchFilter/components/DateRangeOnlyButton.js"),require("../../../input-with-vars/InputWithVariables.js"),require("../../../star-rating/StarRating.js"),require("../../../dashboard-review-popup/components/FiveStar.styled.js"),require("../../../dashboard-review-popup/components/Form.styled.js"),require("../../../dashboard-review-popup/components/ZeroState.js"),require("../../../dashboard-review-popup/DashboardReviewPopUp.styled.js"),require("../../../testimonial-card/TestimonialCard.style.js"),require("../../../slider/slider.js"),require("pure-react-carousel"),require("../../../carousel-preview/CarouselPreview.style.js");var C=require("chart.js"),o=require("react-chartjs-2");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(e);C.Chart.register(C.ArcElement,C.Legend);const l={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:e=>{if(!e.label)return" 0%";const r=e.dataset.data.reduce(((e,r)=>e+r),0),i=parseFloat((e.raw/r*100).toFixed(1));return` ${e.label}: ${i}%`}}}}},u=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],A=a.default("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(e=>t.COLORS.surface.standard),";border:1px solid ",(e=>t.COLORS.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */"));exports.Card=e=>r.jsx(A,Object.assign({style:{padding:24}},{children:e.children})),exports.PieChartAnalytics=e=>{let{title:t,slices:C,size:c}=e;const[a,A]=g.useState([]),[d,n]=g.useState();return g.useEffect((()=>{const e=C.reduce(((e,r)=>e+r.count),0);let r=[];if(r=Object.keys(C).map(((e,r)=>Object.assign({color:u[r%u.length]},C[e]))),A([...r]),0===e){n({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const e={labels:C.map((e=>i.default.capitalize(e.name))),datasets:[{data:C.map((e=>e.count)),backgroundColor:C.map(((e,r)=>{var i;return null!==(i=e.color)&&void 0!==i?i:u[r%u.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};n(e)}}),[C]),d?r.jsxs(r.Fragment,{children:[t&&r.jsx(s.TitleMedium,Object.assign({style:{marginBottom:16}},{children:t})),r.jsxs("div",Object.assign({className:"row"},{children:[r.jsx("div",Object.assign({className:"col-6"},{children:r.jsx("div",Object.assign({style:{width:c,height:c}},{children:r.jsx(o.Doughnut,{data:d,options:Object.assign(Object.assign({},l),{maintainAspectRatio:!c})})}))})),r.jsx("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:r.jsx(I.PieChart,{slices:a})}))]}))]}):r.jsx(r.Fragment,{})};
|
package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),t=require("react-chartjs-2"),o=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),n=require("./StackedBarChart.model.js"),l=require("./StackedBarChart.styles.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,e.Legend);exports.StackedBarChart=e=>{var s,r,d,c,O,A,v,x,u,R,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),e=require("chart.js"),t=require("react-chartjs-2"),o=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),n=require("./StackedBarChart.model.js"),l=require("./StackedBarChart.styles.js");e.Chart.register(e.CategoryScale,e.LinearScale,e.BarElement,e.Tooltip,e.Legend);exports.StackedBarChart=e=>{var s,r,d,c,O,A,v,x,u,R,y,T,p,g,N,I,C,b,S,F,h,E,H,L,k,j,m,P;const f=0===e.yAxis.data.length,_=e.colorSchema===n.COLOR_SCHEMA.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],z={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4,bottomLeft:4,bottomRight:4},pointStyle:"circle",barWidth:e.barWidth},G={};e.yAxis.data.map((i=>{i.map((i=>{G[i.name]?G[i.name].push(i.value):G[i.name]=[i.value]}))}));const B=Object.keys(G).map(((i,e)=>Object.assign({label:i,data:G[i],backgroundColor:_[e]},z))),Z={plugins:{legend:{display:!f,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!f}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},indexAxis:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(s=e.yAxis)||void 0===s?void 0:s.title:null===(r=e.xAxis)||void 0===r?void 0:r.title),text:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(d=e.yAxis)||void 0===d?void 0:d.title:null===(c=e.xAxis)||void 0===c?void 0:c.title,color:null!==(v=e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(O=e.yAxis)||void 0===O?void 0:O.titleColor:null===(A=e.xAxis)||void 0===A?void 0:A.titleColor)&&void 0!==v?v:a.COLORS.content.secondary,font:{size:a.FONTS.caption.fontSize}},grid:{display:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL,color:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(x=e.yAxis.labelColor)&&void 0!==x?x:a.COLORS.content.secondary},stacked:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(u=e.yAxis)||void 0===u?void 0:u.stacked)||(null===(R=e.yAxis)||void 0===R?void 0:R.stacked):"boolean"!=typeof(null===(y=e.xAxis)||void 0===y?void 0:y.stacked)||(null===(T=e.xAxis)||void 0===T?void 0:T.stacked)},y:{title:{display:!!(e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(p=e.xAxis)||void 0===p?void 0:p.title:null===(g=e.yAxis)||void 0===g?void 0:g.title),text:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(N=e.xAxis)||void 0===N?void 0:N.title:null===(I=e.yAxis)||void 0===I?void 0:I.title,color:null!==(S=e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(C=e.xAxis)||void 0===C?void 0:C.titleColor:null===(b=e.yAxis)||void 0===b?void 0:b.titleColor)&&void 0!==S?S:a.COLORS.content.secondary,font:{size:a.FONTS.caption.fontSize}},grid:{display:e.orientation!==n.GRAPH_ORIENTATION.HORIZONTAL,color:a.COLORS.background.base},ticks:Object.assign({stepSize:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?null===(F=e.xAxis)||void 0===F?void 0:F.stepSize:null===(h=e.yAxis)||void 0===h?void 0:h.stepSize,fontSize:a.FONTS.caption.fontSize,color:null!==(E=e.xAxis.labelColor)&&void 0!==E?E:a.COLORS.content.secondary},f?{min:0,max:2e3,stepSize:200}:{}),stacked:e.orientation===n.GRAPH_ORIENTATION.HORIZONTAL?"boolean"!=typeof(null===(H=e.xAxis)||void 0===H?void 0:H.stacked)||(null===(L=e.xAxis)||void 0===L?void 0:L.stacked):"boolean"!=typeof(null===(k=e.yAxis)||void 0===k?void 0:k.stacked)||(null===(j=e.yAxis)||void 0===j?void 0:j.stacked)}},onClick:(i,t)=>{if(!e.onBarClick)return;const o=t[0].datasetIndex,a=t[0].index,n=i.chart.data.datasets[o].label,l=i.chart.data.labels[a];e.onBarClick(l,n)},onHover:(i,t)=>{e.onBarClick&&t.length&&(i.native.target.style.cursor="pointer")}},D={labels:e.xAxis.data.map((i=>"string"==typeof i?i:i.name)),datasets:f?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:B};return i.jsxs(l.GraphContainerWrapper,Object.assign({padding:e.outerPadding},{children:[e.chartHeading&&i.jsx("div",Object.assign({style:{marginBottom:24}},{children:i.jsx(o.TitleRegular,Object.assign({color:null!==(m=e.chartHeading.color)&&void 0!==m?m:a.COLORS.content.secondary},{children:e.chartHeading.heading}))})),i.jsx("div",Object.assign({style:{height:null!==(P=e.graphCanvasHeight)&&void 0!==P?P:500}},{children:i.jsx(t.Bar,{options:Z,data:D})}))]}))};
|
|
@@ -29,8 +29,7 @@ export declare enum GRAPH_ORIENTATION {
|
|
|
29
29
|
HORIZONTAL = "horizontal"
|
|
30
30
|
}
|
|
31
31
|
export interface StackedBarGraphI {
|
|
32
|
-
graphCanvasHeight?:
|
|
33
|
-
graphCanvasWidth?: any;
|
|
32
|
+
graphCanvasHeight?: number;
|
|
34
33
|
tickColor?: string;
|
|
35
34
|
labelColor?: string;
|
|
36
35
|
chartHeading?: ChartHeadingI;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=t(e).default.div`
|
|
2
2
|
background-color: ${r.COLORS.surface.standard};
|
|
3
3
|
padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"24px"}};
|
|
4
4
|
border: none;
|
|
5
|
-
width: 100%;
|
|
6
5
|
|
|
7
6
|
.graph__wrapper {
|
|
8
7
|
width: 100%;
|
|
9
8
|
display: flex;
|
|
10
9
|
gap: 24px;
|
|
11
|
-
height: ${e=>{var r;return null!==(r=e.chartWrapperHeight)&&void 0!==r?r:"100%"}};
|
|
12
|
-
flex-direction: ${e=>e.isFunnel?"column":"row"};
|
|
13
10
|
}
|
|
14
11
|
|
|
15
12
|
.legend__palette {
|
|
@@ -28,4 +25,4 @@
|
|
|
28
25
|
.legend__set {
|
|
29
26
|
margin-top: 16px;
|
|
30
27
|
}
|
|
31
|
-
`;exports.GraphContainerWrapper=
|
|
28
|
+
`;exports.GraphContainerWrapper=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),a=require("react"),i=require("react-chartjs-2"),l=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),n=require("./StackedBarChart.styles.js"),r=require("./StackedBarDistributionChart.model.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend);const s=[["#075E54","#128C7E","#25D366","#DCF8C6"],["#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF0012","#FF797D","#FFC4C5","#F9DFDF"]];exports.StackedBarDistributionChart=t=>{var d,c,O,u,v,T,g,h,R,b,A,N,p,I,S,y,C,j,H,L,x,E,_;const[m,f]=a.useState([]),[F,k]=a.useState(),P=!t.data.filter((e=>!!e.value)).length,G={min:0,max:200,stepSize:20},Z={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},z={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4,bottomLeft:4,bottomRight:4},pointStyle:"circle",barThickness:null!==(d=t.barThickness)&&void 0!==d?d:100},B={plugins:{legend:{display:!1},tooltip:{enabled:!P}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(c=t.valueTitle)||void 0===c?void 0:c.heading:null===(O=t.labelTitle)||void 0===O?void 0:O.heading),text:t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(u=t.valueTitle)||void 0===u?void 0:u.heading:null===(v=t.labelTitle)||void 0===v?void 0:v.heading,color:null!==(h=t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(T=t.valueTitle)||void 0===T?void 0:T.color:null===(g=t.labelTitle)||void 0===g?void 0:g.color)&&void 0!==h?h:o.COLORS.content.secondary,font:{size:o.FONTS.bodySecondary.fontSize}},grid:{display:t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL,color:o.COLORS.background.base},ticks:Object.assign({stepSize:30,fontSize:o.FONTS.caption.fontSize,color:null!==(A=t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(R=t.labelTitle)||void 0===R?void 0:R.color:null===(b=t.valueTitle)||void 0===b?void 0:b.color)&&void 0!==A?A:o.COLORS.content.secondary},t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?P?G:Z:{}),stacked:!0},y:{title:{display:!!(t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(N=t.labelTitle)||void 0===N?void 0:N.heading:null===(p=t.valueTitle)||void 0===p?void 0:p.heading),text:t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(I=t.labelTitle)||void 0===I?void 0:I.heading:null===(S=t.valueTitle)||void 0===S?void 0:S.heading,color:null!==(j=t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(y=t.labelTitle)||void 0===y?void 0:y.color:null===(C=t.valueTitle)||void 0===C?void 0:C.color)&&void 0!==j?j:o.COLORS.content.secondary,font:{size:o.FONTS.bodySecondary.fontSize}},grid:{display:t.orientation!==r.GRAPH_ORIENTATION.HORIZONTAL,color:o.COLORS.background.base},ticks:Object.assign({fontSize:o.FONTS.caption.fontSize,color:null!==(x=t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?null===(H=t.valueTitle)||void 0===H?void 0:H.color:null===(L=t.labelTitle)||void 0===L?void 0:L.color)&&void 0!==x?x:o.COLORS.content.secondary},t.orientation===r.GRAPH_ORIENTATION.HORIZONTAL?{}:P?G:Z),stacked:!0}},onClick:(e,a)=>{if(!t.onBarClick)return;const i=a[0].datasetIndex,l=a[0].index,o=e.chart.data.datasets[i].label,n=e.chart.data.labels[l];t.onBarClick(n,o)},onHover:(e,a)=>{t.onBarClick&&a.length&&(e.native.target.style.cursor="pointer")}},D=Array.from(new Set(t.data.map((e=>e.label)))),q={labels:(w=D,w.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:[]};var w;return a.useEffect((()=>{const e=[];D.forEach(((a,i)=>{const l=[],o=t.data.filter((e=>e.label===a));o.sort(((e,t)=>t.value-e.value)),o.forEach(((e,t)=>{const a=((e,t,a)=>s[e].slice(-a)[t])(i,t,o.length);l.push({color:a,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:a,data:Array(D.length).fill(0)},z);n.data[i]=e.value,q.datasets.push(n)})),e.push(l)})),f(e),k(q)}),[]),F?e.jsxs(n.GraphContainerWrapper,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(l.TitleRegular,Object.assign({color:null!==(E=t.chartHeading.color)&&void 0!==E?E:o.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsxs("div",Object.assign({className:"graph__wrapper"},{children:[e.jsx("div",Object.assign({style:{height:null!==(_=t.graphCanvasHeight)&&void 0!==_?_:500,flex:1}},{children:e.jsx(i.Bar,{options:B,data:F})})),e.jsx("div",{children:m.map(((t,a)=>e.jsx("div",Object.assign({className:"legend__set"},{children:t.map((t=>e.jsxs("div",Object.assign({className:"legend__row"},{children:[e.jsx("div",{className:"legend__palette",style:{backgroundColor:t.color}}),e.jsx(l.BodyTiny,Object.assign({color:o.COLORS.content.secondary},{children:t.label}))]}),t.label.replace(" ","_"))))}),`Legend_set_${a}`)))})]}))]})):e.jsx(e.Fragment,{})};
|
|
@@ -6,14 +6,13 @@ export declare enum GRAPH_ORIENTATION {
|
|
|
6
6
|
VERTICAL = "vertical",
|
|
7
7
|
HORIZONTAL = "horizontal"
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
interface StackedBarDistributionGraphDataI {
|
|
10
10
|
label: string;
|
|
11
11
|
value: number;
|
|
12
12
|
stackLabel: string;
|
|
13
13
|
}
|
|
14
14
|
export interface StackedBarDistributionGraphI {
|
|
15
|
-
graphCanvasHeight?:
|
|
16
|
-
graphCanvasWidth?: any;
|
|
15
|
+
graphCanvasHeight?: number;
|
|
17
16
|
tickColor?: string;
|
|
18
17
|
labelColor?: string;
|
|
19
18
|
chartHeading?: ChartHeadingI;
|
|
@@ -27,8 +26,5 @@ export interface StackedBarDistributionGraphI {
|
|
|
27
26
|
valuesStepSize?: number;
|
|
28
27
|
minValue?: number;
|
|
29
28
|
maxValue?: number;
|
|
30
|
-
chartWrapperHeight?: string;
|
|
31
|
-
showLegend?: boolean;
|
|
32
|
-
isFunnel?: boolean;
|
|
33
|
-
colorMatrix?: string[][];
|
|
34
29
|
}
|
|
30
|
+
export {};
|
|
@@ -10,7 +10,6 @@ export * from './chart/Pie/PieChart';
|
|
|
10
10
|
export * from './chart/HorizontalBarGraph/HorizontalGraph';
|
|
11
11
|
export * from './chart/StackedBarChart/StackedBarChart';
|
|
12
12
|
export * from './chart/StackedBarChart/StackedBarDistributionChart';
|
|
13
|
-
export * from './chart/StackedBarChart/StackedBarDistributionChart.model';
|
|
14
13
|
export * from './chart/VerticalBarGraph/VerticalGraph';
|
|
15
14
|
export * from './chart/heatmap/HeatMap';
|
|
16
15
|
export * from './chart/heatmap/HeatMapVertical';
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export interface DynamicTabsDetails {
|
|
3
2
|
id: number;
|
|
4
3
|
text: string;
|
|
@@ -7,7 +6,6 @@ export interface DynamicTabsDetails {
|
|
|
7
6
|
}
|
|
8
7
|
export interface DynamicTabsStyleDetails {
|
|
9
8
|
type: 'SQUARE' | 'CAPSULE';
|
|
10
|
-
size?: 'REGULAR' | 'SMALL';
|
|
11
9
|
style?: {
|
|
12
10
|
[property: string]: string | number;
|
|
13
11
|
};
|
|
@@ -16,6 +14,5 @@ export interface DynamicTabsProps {
|
|
|
16
14
|
tabsInfo: DynamicTabsDetails[];
|
|
17
15
|
tabStyleInfo: DynamicTabsStyleDetails;
|
|
18
16
|
selectedTabId?: number;
|
|
19
|
-
wrapperStyle?: React.CSSProperties;
|
|
20
17
|
}
|
|
21
18
|
export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js");exports.DynamicTabs=d=>{const[s,i]=o.useState(0),{tabsInfo:l,tabStyleInfo:a}=d;return o.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&i(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:r.DEFAULT_THEME.colorsV2.surface.standard}},{children:l.map(((o,d)=>{var n,c,u,p,b,T,E;const y="CAPSULE"===a.type?null!==(c=null===(n=a.style)||void 0===n?void 0:n.borderTopLeftRadius)&&void 0!==c?c:20:0===d&&"SQUARE"===a.type?(null===(u=a.style)||void 0===u?void 0:u.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,L="CAPSULE"===a.type?null!==(b=null===(p=a.style)||void 0===p?void 0:p.borderTopLeftRadius)&&void 0!==b?b:20:d===l.length-1&&"SQUARE"===a.type?(null===(T=a.style)||void 0===T?void 0:T.borderTopLeftRadius)?a.style.borderTopLeftRadius:4:0,f=o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx("div",Object.assign({onClick:()=>{(e=>{i(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:"110px",borderTop:`1px solid ${f}`,borderBottom:`1px solid ${f}`,borderLeft:`1px solid ${f}`,borderRight:`${d===l.length-1&&"SQUARE"===a.type||"CAPSULE"===a.type||o.id===s?1:0}px solid ${f}`,backgroundColor:o.id===s?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:y,borderBottomLeftRadius:y,borderTopRightRadius:L,borderBottomRightRadius:L,padding:"8px 24px",marginRight:null===(E=a.style)||void 0===E?void 0:E.marginRight,justifyContent:"space-around"}},{children:e.jsx(t.BodySecondary,Object.assign({style:{color:o.id===s?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}),o.id)}))}))})};
|
|
@@ -53,9 +53,5 @@ export interface InputProps {
|
|
|
53
53
|
version?: '1.0' | '2.0';
|
|
54
54
|
textControl?: boolean;
|
|
55
55
|
noMaxCharCheck?: boolean;
|
|
56
|
-
tooltipText?: string;
|
|
57
|
-
autoGrow?: boolean;
|
|
58
|
-
minHeight?: string;
|
|
59
|
-
maxHeight?: string;
|
|
60
56
|
}
|
|
61
57
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../button/Button.js"),i=require("./Input-helper.js"),r=require("../TypographyStyle.js"),l=require("../../assets/icons/errorInfo.svg.js"),s=require("./context/InputStyleProvider.js"),a=require("./Input.styled.js");const o=t.forwardRef(((o,u)=>{var c,d,v,h,p;const{placeholder:x,leftIcon:f,rightIcon:g,labelText:j,maxCharLimit:y,isRequired:b,hintText:C,type:I,state:m,validate:E,variant:k,button:w,suffixText:S,prefixText:O,onChangeText:q,value:F,noErrorHint:H,reset:L,rangeValidation:M,noKeyDownChange:T,version:B,noMaxCharCheck:R,labelElement:z}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},o),A=null==f?void 0:f.icon,D=null==g?void 0:g.icon,[K,P]=t.useState(!1),[W,_]=t.useState(!1),[N,V]=t.useState(),G="small"===k?"18px":"22px",J=t.useContext(s.InputStyleContext),[Q,U]=t.useState(),X=t.useRef(null),Y=null!=u?u:X;t.useEffect((()=>{U(F)}),[F]),t.useEffect((()=>{var e;Y.current&&(null===(e=o.onReferenceInit)||void 0===e||e.call(o,Y.current))}),[Y]),t.useEffect((()=>{const e=Y.current;if(e&&["phonenumber","zip","number"].includes(I))return e.addEventListener("wheel",te,{passive:!1}),()=>{e.removeEventListener("wheel",te)}}),[]),t.useEffect((()=>{L&&U("")}),[L]),t.useEffect((()=>{var e;_(!!o.isActive),o.isActive&&(null===(e=Y.current)||void 0===e||e.focus())}),[o.isActive]),t.useEffect((()=>{V(o.errorMessage)}),[o.errorMessage]),t.useEffect((()=>{var e;P(!1),("invalid"===o.state||N||"disabled-invalid"===o.state)&&P(!0),"active"===o.state&&(null===(e=Y.current)||void 0===e||e.focus())}),[o.state,N]),t.useEffect((()=>{P(!!N)}),[N]);const Z=function(e){if(i.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];e(...n)}},$=()=>"zip"===I?6:60,ee=e=>{const t=0!==y?y:$();if(T||q(F||"",e),R)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},te=e=>{e.preventDefault()},ne=e=>{let t=e.target.value;const n=0!==y?y+1:$();!R&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),q(t,e),o.textControl||U(t);const r=E||i.validateInput;if(!r||!i.isFunction(r))return;const[l,s]=r(t,I,M);P(!l),V(o.errorMessage?o.errorMessage:s)},ie=e=>{var t;o.skipFocus||_(!0),Z(null===(t=o.onFocus)||void 0===t?void 0:t.call(o,e))},re=e=>{var t;o.skipFocus||_(!1),Z(null===(t=o.onBlur)||void 0===t?void 0:t.call(o,e))},le=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==I&&e.jsx("input",{"data-test":o["data-test"],id:o.id,style:null!==(t=null==J?void 0:J.input)&&void 0!==t?t:{},ref:Y,type:["phonenumber","zip","number"].includes(I)?"number":I,value:Q,onFocus:e=>ie(e),onBlur:e=>re(e),placeholder:x||"Enter here",onChange:ne,onClick:e=>Z(o.onClick),onKeyDown:e=>ee(e)}),"multiline"===I&&e.jsx("textarea",{"data-test":o["data-test"],value:Q,ref:Y,onFocus:e=>ie(e),onBlur:e=>re(e),onClick:e=>Z(o.onClick),placeholder:x||"Enter here",onChange:ne,onKeyDown:e=>ee(e),maxLength:y>0?y:void 0})]})};return e.jsxs(a.RootContainer,Object.assign({width:o.width,height:o.height,state:m,type:I,style:null!==(c=null==J?void 0:J.RootContainer)&&void 0!==c?c:{}},{children:[!H&&(!!C||!!N)&&e.jsxs(a.InputFooter,Object.assign({invalid:!!N},{children:[!!N&&e.jsx(l.default,{width:16,height:16}),N||C]})),e.jsxs(a.InputWrapper,Object.assign({variant:k,state:m,width:o.width,isActive:"active"===m||W,isInvalid:K,style:null!==(d=null==J?void 0:J.InputWrapper)&&void 0!==d?d:{},version:B,height:o.height},{children:[!!A&&e.jsx(a.IconHolder,Object.assign({variant:k,iconSize:G,onClick:()=>Z(null==f?void 0:f.callback),isLeft:!0,style:null!==(v=null==J?void 0:J.IconHolder)&&void 0!==v?v:{}},{children:e.jsx(A,{})})),!!O&&e.jsx(a.PrefixHolder,Object.assign({variant:k},{children:O})),"default"===k&&e.jsx(a.InputContainer,Object.assign({height:o.height,type:o.type},{children:le()})),"small"===k&&e.jsx(a.InputContainerSmall,Object.assign({height:o.height,type:o.type},{children:le()})),!!D&&e.jsx(a.IconHolder,Object.assign({variant:k,iconSize:G,onClick:()=>Z(null==g?void 0:g.callback),isLeft:!1},{children:e.jsx(D,{})})),!!S&&e.jsx(a.SuffixHolder,Object.assign({variant:k},{children:S})),w&&w.text&&e.jsx(n.Button,{buttonText:w.text,onClick:()=>Z(null==w?void 0:w.onClick)})]})),(!!j||!!y)&&e.jsxs(a.InputHeader,Object.assign({invalid:K},{children:[z&&z,e.jsxs(r.BodySecondary,{children:[j,b?e.jsx("span",{children:"*"}):""]}),y>0&&e.jsxs(a.MaxCharStyle,{children:[null!==(p=null===(h=o.value)||void 0===h?void 0:h.length)&&void 0!==p?p:0,"/",y]})]}))]}))}));o.displayName="Input",exports.Input=o;
|
|
@@ -34,9 +34,6 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
|
|
|
34
34
|
} & {
|
|
35
35
|
height?: string | undefined;
|
|
36
36
|
type?: InputTypeI | undefined;
|
|
37
|
-
autoGrow?: boolean | undefined;
|
|
38
|
-
minHeight?: string | undefined;
|
|
39
|
-
maxHeight?: string | undefined;
|
|
40
37
|
}, {}, {}>;
|
|
41
38
|
export declare const InputContainerSmall: import("@emotion/styled").StyledComponent<{
|
|
42
39
|
[x: string]: any;
|