@bikdotai/bik-component-library 0.0.788-beta.9 → 0.0.789-beta.0

package/dist/cjs/components/SearchFilter/components/FilterChipListRenderer.js

@@ -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("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.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/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.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=n=>{let{selectedState:l,onDeSelect:s}=n;return e.jsx(e.Fragment,{children:l.map((n=>{var l,o,d,c,p,u,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(l=n.value)||void 0===l?void 0:l.map((r=>{var t,l;return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,r),style:{cursor:"pointer"},tagText:null!==(l=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==l?l:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)}))});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(p=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==p?p:"":null!==(h=null===(u=n.value)||void 0===u?void 0:u.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})}))})};
+"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("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../half-doughnut-chart/HalfDoughnutChart.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.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/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.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=n=>{let{selectedState:l,onDeSelect:s}=n;return e.jsx(e.Fragment,{children:l.map((n=>{var l,o,d,c,u,p,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(l=n.value)||void 0===l?void 0:l.map((r=>{var t,l;return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,r),style:{cursor:"pointer"},tagText:null!==(l=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==l?l:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)}))});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(u=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==u?u:"":null!==(h=null===(p=n.value)||void 0===p?void 0:p.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})}))})};

package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js

@@ -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("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js"),require("../../tag/Tag.js"),require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.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/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.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("../../../_virtual/_tslib.js"),require("lodash/debounce"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js"),require("../../input/Input.js"),require("../../dropdown/MenuItem/MenuItem.js");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,c,l;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!==(c=d.options)&&void 0!==c?c:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text}):e.jsx(t.Dropdown,{isMultiSelect:d.type===n.FilterType.Multiple,size:"small",options:null!==(l=d.options)&&void 0!==l?l:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text,width:10*d.text.length+"px"})};
+"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("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js"),require("../../tag/Tag.js"),require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../half-doughnut-chart/HalfDoughnutChart.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.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/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.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("../../../_virtual/_tslib.js"),require("lodash/debounce"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js"),require("../../input/Input.js"),require("../../dropdown/MenuItem/MenuItem.js");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,c,l;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!==(c=d.options)&&void 0!==c?c:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text}):e.jsx(t.Dropdown,{isMultiSelect:d.type===n.FilterType.Multiple,size:"small",options:null!==(l=d.options)&&void 0!==l?l:[],defaultOptions:d.defaultValue,onSelect:d.onChange,placeHolder:d.text,width:10*d.text.length+"px"})};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("./Chip.js"),i=require("./HorizontalBar.js"),a=require("./ScoreBlock.styled.js");exports.ScoreBlock=r=>{let{customTrailingIcon:o,showEmojiIcon:n,plainText:s,showPercentage:l,separator:u,CustomStyledChip:p,chipValues:c,formatVal:v}=r;return e.jsxs(a.Container,Object.assign({separator:u},{children:[e.jsxs(a.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(t.Chip,{formatVal:v,type:"positive",text:c.positive.text,value:c.positive.val,durationValue:c.positive.durationValue,durationUnit:c.positive.durationUnit,progress:c.positive.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:v,type:"neutral",text:c.neutral.text,value:c.neutral.val,durationValue:c.neutral.durationValue,durationUnit:c.neutral.durationUnit,progress:c.neutral.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o}),e.jsx(t.Chip,{formatVal:v,type:"negative",text:c.negative.text,value:c.negative.val,durationValue:c.negative.durationValue,durationUnit:c.negative.durationUnit,progress:c.negative.progress,plainText:s,showEmojiIcon:n,CustomStyledChip:p,customTrailingIcon:o})]})),e.jsx("div",Object.assign({style:{marginTop:24,width:"100%"}},{children:e.jsx(i.HorinzontalBar,{showPercentage:l,positive:c.positive.val,neutral:c.neutral.val,negative:c.negative.val})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("../../../../assets/icons/expressionless_emoji.svg.js"),i=require("../../../../assets/icons/sad_emoji.svg.js"),o=require("../../../../assets/icons/smiley_emoji.svg.js"),a=require("../../../half-doughnut-chart/HalfDoughnutChart.js"),r=require("./Chip.js"),s=require("./HorizontalBar.js"),n=require("./ScoreBlock.styled.js");const l="#5F9C58",u="#F8C347",p="#C85151";exports.ScoreBlock=c=>{let{type:v,customTrailingIcon:g,showEmojiIcon:d,plainText:j,showPercentage:h,separator:m,CustomStyledChip:x,chipValues:C,formatVal:b}=c;return"doughnut"===v?e.jsx(a.HalfDoughnutChart,{segments:[{label:C.positive.text,value:C.positive.val,description:C.positive.description,tooltipLabel:C.positive.tooltipLabel,color:l,emojiIcon:o.default},{label:C.neutral.text,value:C.neutral.val,description:C.neutral.description,tooltipLabel:C.neutral.tooltipLabel,color:u,emojiIcon:t.default},{label:C.negative.text,value:C.negative.val,description:C.negative.description,tooltipLabel:C.negative.tooltipLabel,color:p,emojiIcon:i.default}]}):"chip"!==v&&v?null:e.jsxs(n.Container,Object.assign({separator:m},{children:[e.jsxs(n.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(r.Chip,{formatVal:b,type:"positive",text:C.positive.text,value:C.positive.val,durationValue:C.positive.durationValue,durationUnit:C.positive.durationUnit,progress:C.positive.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g}),e.jsx(r.Chip,{formatVal:b,type:"neutral",text:C.neutral.text,value:C.neutral.val,durationValue:C.neutral.durationValue,durationUnit:C.neutral.durationUnit,progress:C.neutral.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g}),e.jsx(r.Chip,{formatVal:b,type:"negative",text:C.negative.text,value:C.negative.val,durationValue:C.negative.durationValue,durationUnit:C.negative.durationUnit,progress:C.negative.progress,plainText:j,showEmojiIcon:d,CustomStyledChip:x,customTrailingIcon:g})]})),e.jsx("div",Object.assign({style:{marginTop:24,width:"100%"}},{children:e.jsx(s.HorinzontalBar,{showPercentage:h,positive:C.positive.val,neutral:C.neutral.val,negative:C.negative.val})}))]}))};

package/dist/{esm/src → cjs}/components/analytics-chips-and-dropdowns/chart/scoreBlock/types.d.ts

@@ -4,7 +4,18 @@ export declare enum DurationUnit {
     DAY = "day",
     WEEK = "week"
 }
+export type ChipData = {
+    text: string;
+    val: number;
+    description?: string;
+    tooltipLabel?: string;
+    progress?: number;
+    durationValue?: number;
+    durationUnit?: DurationUnit;
+};
 export interface ScoreBlockProps {
+    /** When set to 'doughnut', renders the half-doughnut chart variant */
+    type?: 'chip' | 'doughnut';
     plainText?: boolean;
     formatVal?: boolean;
     showPercentage?: boolean;
@@ -13,27 +24,9 @@ export interface ScoreBlockProps {
     CustomStyledChip?: typeof DefaultStyledChip;
     customTrailingIcon?: React.ReactNode;
     chipValues: {
-        positive: {
-            text: string;
-            val: number;
-            progress?: number;
-            durationValue?: number;
-            durationUnit?: DurationUnit;
-        };
-        neutral: {
-            text: string;
-            val: number;
-            progress?: number;
-            durationValue?: number;
-            durationUnit?: DurationUnit;
-        };
-        negative: {
-            text: string;
-            val: number;
-            progress?: number;
-            durationValue?: number;
-            durationUnit?: DurationUnit;
-        };
+        positive: ChipData;
+        neutral: ChipData;
+        negative: ChipData;
     };
 }
 export interface ChipProps {

package/dist/cjs/components/half-doughnut-chart/HalfDoughnutChart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HalfDoughnutChartProps } from './model';
+export declare const HalfDoughnutChart: React.FC<HalfDoughnutChartProps>;

package/dist/cjs/components/half-doughnut-chart/HalfDoughnutChart.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("chart.js"),t=require("react"),o=require("react-chartjs-2"),n=require("../TypographyStyle.js"),l=require("../../constants/Theme.js"),a=require("./HalfDoughnutChart.styled.js");r.Chart.register(r.ArcElement,r.Tooltip);exports.HalfDoughnutChart=r=>{let{segments:s}=r;var i;const c=t.useRef(null),[d,u]=t.useState(480),h=t.useRef(s);h.current=s;const b=t.useRef(0);t.useEffect((()=>{const e=c.current;if(!e)return;const r=new ResizeObserver((e=>{var r;const t=null===(r=e[0])||void 0===r?void 0:r.contentRect.width;t&&u(t)}));return r.observe(e),u(e.offsetWidth),()=>r.disconnect()}),[]);const g=s.reduce(((e,r)=>e+(Number(r.value)||0)),0);b.current=g;const j=s.reduce(((e,r)=>(Number(r.value)||0)>=(Number(e.value)||0)?r:e),s[0]),p=g>0?Math.round(100*(Number(j.value)||0)/g):0,f=g>0?s.map((e=>Number(e.value)||0)):s.map((()=>1)),v=s.map((e=>e===j?e.color:e.color+"8F")),x={datasets:[{data:f,backgroundColor:v,borderColor:l.COLORS.surface.standard,borderWidth:3,hoverBackgroundColor:v,hoverOffset:0}]},m=t.useRef({rotation:-90,circumference:180,cutout:"80%",maintainAspectRatio:!1,animation:{duration:600},plugins:{legend:{display:!1},tooltip:{enabled:!0,backgroundColor:"#212121",titleColor:"#ffffff",bodyColor:"rgba(255,255,255,0.7)",cornerRadius:8,padding:12,caretSize:6,displayColors:!0,boxWidth:12,boxHeight:12,boxPadding:6,callbacks:{title:e=>{var r,t;const o=null!==(t=null===(r=e[0])||void 0===r?void 0:r.dataIndex)&&void 0!==t?t:-1;if(o<0)return"";const n=h.current[o],l=Number(n.value)||0;return(b.current>0?Math.round(100*l/b.current):0)+"% "+n.label},label:e=>{var r;const t=h.current[e.dataIndex];return null!==(r=null==t?void 0:t.tooltipLabel)&&void 0!==r?r:""},labelColor:e=>{var r,t;const o=h.current[e.dataIndex];return{borderColor:null!==(r=null==o?void 0:o.color)&&void 0!==r?r:"#fff",backgroundColor:null!==(t=null==o?void 0:o.color)&&void 0!==t?t:"#fff",borderRadius:3}}}}}}).current,C=0===g,O=null!==(i=j.emojiIcon)&&void 0!==i?i:null;return e.jsxs(a.Wrapper,{children:[!C&&e.jsx(a.Legend,{children:s.map((r=>{let{label:t,color:o}=r;return e.jsxs(a.LegendItem,{children:[e.jsx(a.LegendDot,{color:o}),e.jsx(n.BodySmall,Object.assign({color:l.COLORS.content.secondary},{children:t}))]},t)}))}),e.jsxs(a.ChartWrapper,Object.assign({ref:c},{children:[e.jsx(a.CanvasClip,Object.assign({style:{height:d/2,overflow:"hidden"}},{children:e.jsx(o.Doughnut,{data:x,options:m,width:d,height:d})})),C?e.jsx(a.ElementWrapper,{children:e.jsx(a.PercentageLabel,{children:e.jsx(n.TitleLarge,Object.assign({color:"#212121"},{children:"--"}))})}):O&&e.jsxs(a.ElementWrapper,{children:[e.jsx(O,{width:36,height:36}),e.jsx(a.PercentageLabel,{children:e.jsxs(n.TitleLarge,Object.assign({color:"#212121"},{children:[p,"% ",e.jsx("span",{children:j.label})]}))})]})]})),j.description&&e.jsx(a.DescriptionText,{children:e.jsx(n.BodyCaption,Object.assign({color:l.COLORS.content.secondary},{children:j.description}))})]})};

package/dist/cjs/components/half-doughnut-chart/HalfDoughnutChart.styled.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Legend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LegendDot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Contains the Doughnut canvas. Width is fluid; height is set inline to
+ * canvasSize/2 so only the top semicircle of the square canvas is visible.
+ * overflow:hidden clips the bottom half away.
+ */
+export declare const ChartWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CanvasClip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ElementWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PercentageLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DescriptionText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/half-doughnut-chart/HalfDoughnutChart.styled.js

@@ -0,0 +1 @@
+"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var G=c(require("@emotion/styled/base"));function l(){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=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha08"}:{target:"epd4ha08",label:"Wrapper"})("production"===process.env.NODE_ENV?{name:"u74tly",styles:"display:flex;flex-direction:column;align-items:center;width:100%;gap:12px"}:{name:"u74tly",styles:"display:flex;flex-direction:column;align-items:center;width:100%;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDa0MiLCJmaWxlIjoiSGFsZkRvdWdobnV0Q2hhcnQuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcblx0Z2FwOiAxMnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kRG90ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMHB4O1xuXHRoZWlnaHQ6IDEwcHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0ZmxleC1zaHJpbms6IDA7XG5gO1xyXG5jb25zdCBtYXhXaWR0aCA9ICczODBweCc7XHJcbi8qKlxyXG4gKiBDb250YWlucyB0aGUgRG91Z2hudXQgY2FudmFzLiBXaWR0aCBpcyBmbHVpZDsgaGVpZ2h0IGlzIHNldCBpbmxpbmUgdG9cclxuICogY2FudmFzU2l6ZS8yIHNvIG9ubHkgdGhlIHRvcCBzZW1pY2lyY2xlIG9mIHRoZSBzcXVhcmUgY2FudmFzIGlzIHZpc2libGUuXHJcbiAqIG92ZXJmbG93OmhpZGRlbiBjbGlwcyB0aGUgYm90dG9tIGhhbGYgYXdheS5cclxuICovXHJcbmV4cG9ydCBjb25zdCBDaGFydFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR3aWR0aDogMTAwJTtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcblx0b3ZlcmZsb3c6IHZpc2libGU7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FudmFzQ2xpcCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ei1pbmRleDogMTA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGJvdHRvbTogMDtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ei1pbmRleDogNTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQZXJjZW50YWdlTGFiZWwgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25UZXh0ID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:l}),d=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha07"}:{target:"epd4ha07",label:"Legend"})("production"===process.env.NODE_ENV?{name:"m4vuiv",styles:"display:flex;gap:12px;align-self:flex-end"}:{name:"m4vuiv",styles:"display:flex;gap:12px;align-self:flex-end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiSGFsZkRvdWdobnV0Q2hhcnQuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcblx0Z2FwOiAxMnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kRG90ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMHB4O1xuXHRoZWlnaHQ6IDEwcHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0ZmxleC1zaHJpbms6IDA7XG5gO1xyXG5jb25zdCBtYXhXaWR0aCA9ICczODBweCc7XHJcbi8qKlxyXG4gKiBDb250YWlucyB0aGUgRG91Z2hudXQgY2FudmFzLiBXaWR0aCBpcyBmbHVpZDsgaGVpZ2h0IGlzIHNldCBpbmxpbmUgdG9cclxuICogY2FudmFzU2l6ZS8yIHNvIG9ubHkgdGhlIHRvcCBzZW1pY2lyY2xlIG9mIHRoZSBzcXVhcmUgY2FudmFzIGlzIHZpc2libGUuXHJcbiAqIG92ZXJmbG93OmhpZGRlbiBjbGlwcyB0aGUgYm90dG9tIGhhbGYgYXdheS5cclxuICovXHJcbmV4cG9ydCBjb25zdCBDaGFydFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR3aWR0aDogMTAwJTtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcblx0b3ZlcmZsb3c6IHZpc2libGU7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FudmFzQ2xpcCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ei1pbmRleDogMTA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGJvdHRvbTogMDtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ei1pbmRleDogNTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQZXJjZW50YWdlTGFiZWwgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25UZXh0ID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:l}),X=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha06"}:{target:"epd4ha06",label:"LegendItem"})("production"===process.env.NODE_ENV?{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px"}:{name:"1j5vobt",styles:"display:flex;align-items:center;gap:4px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhcUMiLCJmaWxlIjoiSGFsZkRvdWdobnV0Q2hhcnQuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR3aWR0aDogMTAwJTtcblx0Z2FwOiAxMnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLXNlbGY6IGZsZXgtZW5kO1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZEl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kRG90ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMHB4O1xuXHRoZWlnaHQ6IDEwcHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0ZmxleC1zaHJpbms6IDA7XG5gO1xyXG5jb25zdCBtYXhXaWR0aCA9ICczODBweCc7XHJcbi8qKlxyXG4gKiBDb250YWlucyB0aGUgRG91Z2hudXQgY2FudmFzLiBXaWR0aCBpcyBmbHVpZDsgaGVpZ2h0IGlzIHNldCBpbmxpbmUgdG9cclxuICogY2FudmFzU2l6ZS8yIHNvIG9ubHkgdGhlIHRvcCBzZW1pY2lyY2xlIG9mIHRoZSBzcXVhcmUgY2FudmFzIGlzIHZpc2libGUuXHJcbiAqIG92ZXJmbG93OmhpZGRlbiBjbGlwcyB0aGUgYm90dG9tIGhhbGYgYXdheS5cclxuICovXHJcbmV4cG9ydCBjb25zdCBDaGFydFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR3aWR0aDogMTAwJTtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcblx0b3ZlcmZsb3c6IHZpc2libGU7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FudmFzQ2xpcCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ei1pbmRleDogMTA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGJvdHRvbTogMDtcblx0bGVmdDogNTAlO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ei1pbmRleDogNTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQZXJjZW50YWdlTGFiZWwgPSBzdHlsZWQuZGl2IGBcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb25UZXh0ID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0bWF4LXdpZHRoOiAke21heFdpZHRofTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:l}),Z=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha05"}:{target:"epd4ha05",label:"LegendDot"})("width:10px;height:10px;border-radius:2px;background-color:",(c=>c.color),";flex-shrink:0;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQm9DIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),x="380px",a=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha04"}:{target:"epd4ha04",label:"ChartWrapper"})("position:relative;width:100%;max-width:",x,";overflow:visible;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnVDIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),g=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha03"}:{target:"epd4ha03",label:"CanvasClip"})("production"===process.env.NODE_ENV?{name:"m8s0jy",styles:"width:100%;overflow:hidden;z-index:10;position:relative"}:{name:"m8s0jy",styles:"width:100%;overflow:hidden;z-index:10;position:relative",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3FDIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */",toString:l}),t=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha02"}:{target:"epd4ha02",label:"ElementWrapper"})("production"===process.env.NODE_ENV?{name:"1onsjbq",styles:"position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:5"}:{name:"1onsjbq",styles:"position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:5",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3lDIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */",toString:l}),I=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha01"}:{target:"epd4ha01",label:"PercentageLabel"})("text-align:center;width:fit-content;max-width:",x,";white-space:nowrap;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBDIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),W=G.default("div","production"===process.env.NODE_ENV?{target:"epd4ha00"}:{target:"epd4ha00",label:"DescriptionText"})("text-align:center;max-width:",x,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBDIiwiZmlsZSI6IkhhbGZEb3VnaG51dENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdGdhcDogMTJweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiAxMnB4O1xuXHRhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZERvdCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTBweDtcblx0aGVpZ2h0OiAxMHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdGZsZXgtc2hyaW5rOiAwO1xuYDtcclxuY29uc3QgbWF4V2lkdGggPSAnMzgwcHgnO1xyXG4vKipcclxuICogQ29udGFpbnMgdGhlIERvdWdobnV0IGNhbnZhcy4gV2lkdGggaXMgZmx1aWQ7IGhlaWdodCBpcyBzZXQgaW5saW5lIHRvXHJcbiAqIGNhbnZhc1NpemUvMiBzbyBvbmx5IHRoZSB0b3Agc2VtaWNpcmNsZSBvZiB0aGUgc3F1YXJlIGNhbnZhcyBpcyB2aXNpYmxlLlxyXG4gKiBvdmVyZmxvdzpoaWRkZW4gY2xpcHMgdGhlIGJvdHRvbSBoYWxmIGF3YXkuXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0d2lkdGg6IDEwMCU7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhbnZhc0NsaXAgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHotaW5kZXg6IDEwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDUwJTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0Z2FwOiA4cHg7XG5cdHotaW5kZXg6IDU7XG5gO1xyXG5leHBvcnQgY29uc3QgUGVyY2VudGFnZUxhYmVsID0gc3R5bGVkLmRpdiBgXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHRtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O1xuXHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uVGV4dCA9IHN0eWxlZC5kaXYgYFxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdG1heC13aWR0aDogJHttYXhXaWR0aH07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IYWxmRG91Z2hudXRDaGFydC5zdHlsZWQuanMubWFwIl19 */"));exports.CanvasClip=g,exports.ChartWrapper=a,exports.DescriptionText=W,exports.ElementWrapper=t,exports.Legend=d,exports.LegendDot=Z,exports.LegendItem=X,exports.PercentageLabel=I,exports.Wrapper=b;

package/dist/cjs/components/half-doughnut-chart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HalfDoughnutChart';
+export * from './model';

package/dist/cjs/components/half-doughnut-chart/model.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface HalfDoughnutSegment {
+    /** Display label shown in the legend and as the dominant label */
+    label: string;
+    /** Numeric value used to compute proportional arc width */
+    value: number;
+    /** Fill colour for this segment's arc and legend dot */
+    color: string;
+    /** Optional description rendered below the percentage when this segment is dominant */
+    description?: string;
+    /** Secondary line shown in the tooltip, e.g. "7,456 Conversations" */
+    tooltipLabel?: string;
+    /**
+     * Optional icon rendered at the centre of the arc when this segment is dominant.
+     * Compatible with inline SVG components (e.g. imported `.svg` files).
+     */
+    emojiIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+}
+export interface HalfDoughnutChartProps {
+    /** Ordered list of segments — left to right across the arc */
+    segments: HalfDoughnutSegment[];
+}

package/dist/cjs/components/input/Input.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/info.svg.js"),n=require("react"),i=require("../button/Button.js"),s=require("./Input-helper.js"),l=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/errorInfo.svg.js"),u=require("./context/InputStyleProvider.js"),c=require("./Input.styled.js");const d=n.forwardRef(((d,h)=>{var v,p,g,x,j,f,m,b;const{placeholder:y,leftIcon:C,rightIcon:O,labelText:T,maxCharLimit:I,isRequired:S,hintText:w,type:E,state:k,validate:H,variant:q,button:B,suffixText:L,prefixText:F,onChangeText:M,value:P,noErrorHint:R,reset:z,rangeValidation:D,noKeyDownChange:A,version:K,noMaxCharCheck:N,labelElement:_,autoGrow:W,minHeight:G,maxHeight:U,labelTextBold:V,truncateText:$,maxCharLimitPosition:J,hightlightInputColor:Q,onKeyDownEvent:X,hideInputHeader:Y,hideBorder:Z,inputWrapperStyles:ee,minCharsToTrigger:te,isDisabled:ne=!1,allowUnsafeInput:ie}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},d),se=null==C?void 0:C.icon,le=null==O?void 0:O.icon,[re,ae]=n.useState(!1),[oe,ue]=n.useState(!1),[ce,de]=n.useState(),he="x-small"===q?"12px":"small"===q?"18px":"22px",ve=n.useContext(u.InputStyleContext),[pe,ge]=n.useState(""),xe=n.useRef(null),je=null!=h?h:xe;n.useEffect((()=>{ge(P||""),!P&&W&&(je.current.style.height=G||"48px")}),[P]),n.useEffect((()=>{var e;je.current&&(null===(e=d.onReferenceInit)||void 0===e||e.call(d,je.current))}),[je]),n.useEffect((()=>{const e=je.current;if(e&&["phonenumber","zip","number"].includes(E))return e.addEventListener("wheel",ye,{passive:!1}),()=>{e.removeEventListener("wheel",ye)}}),[]),n.useEffect((()=>{z&&ge("")}),[z]),n.useEffect((()=>{var e;ue(!!d.isActive),d.isActive&&(null===(e=je.current)||void 0===e||e.focus())}),[d.isActive]),n.useEffect((()=>{de(d.errorMessage)}),[d.errorMessage]),n.useEffect((()=>{var e;ae(!1),("invalid"===d.state||ce||"disabled-invalid"===d.state)&&ae(!0),"active"===d.state&&(null===(e=je.current)||void 0===e||e.focus())}),[d.state,ce]),n.useEffect((()=>{ae(!!ce||"invalid"===d.state)}),[ce,d.state]);const fe=function(e){if(s.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},me=()=>"zip"===E?6:2e3,be=e=>{const t=0!==I?I:me(),n=te,i=e.target.value;X&&(!i.length||i.length>=n)&&X(e),A||i.length&&!(i.length>=n)||M(P||"",e),N||![8].includes(e.which)&&t>0&&i.length>=t&&e.preventDefault()},ye=e=>{e.preventDefault()},Ce=e=>{let t=e.target.value;const n=0!==I?I+1:me(),i=te;if(!ie&&s.shouldSanitizeForType(E)&&(t=s.sanitizeUnsafeInput(t)),!N&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),d.textControl||ge(t||""),i&&t&&t.length<i)return;M(t,e),W&&(je.current.style.height=`${je.current.scrollHeight}px`,t||(je.current.style.height=G||"48px"));const l=H||s.validateInput;if(!l||!s.isFunction(l))return;const[r,a]=l(t,E,D);ae(!r),de(d.errorMessage?d.errorMessage:a)},Oe=e=>{var t;d.skipFocus||ue(!0),fe(null===(t=d.onFocus)||void 0===t?void 0:t.call(d,e))},Te=e=>{var t;d.skipFocus||ue(!1),fe(null===(t=d.onBlur)||void 0===t?void 0:t.call(d,e))},Ie=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==E&&e.jsx("input",{className:$?"truncate-class":"","data-test":d["data-test"],id:d.id,style:null!==(t=null==ve?void 0:ve.input)&&void 0!==t?t:{},ref:je,disabled:ne,type:["phonenumber","zip","number"].includes(E)?"number":E,value:pe,onFocus:e=>Oe(e),onBlur:e=>Te(e),placeholder:y||"Enter here",onChange:Ce,onClick:e=>fe(d.onClick),onKeyDown:e=>be(e)}),"multiline"===E&&e.jsx("textarea",{"data-test":d["data-test"],value:pe,ref:je,onFocus:e=>Oe(e),onBlur:e=>Te(e),onClick:e=>fe(d.onClick),disabled:ne,placeholder:y||"Enter here",onChange:Ce,onKeyDown:e=>be(e),maxLength:I>0?I:void 0})]})};return e.jsxs(c.RootContainer,Object.assign({width:d.width,height:d.height,state:k,type:E,style:null!==(v=null==ve?void 0:ve.RootContainer)&&void 0!==v?v:{}},{children:[e.jsxs("div",Object.assign({className:"flex-align-center"},{children:[!R&&(!!w||!!ce)&&e.jsxs(c.InputFooter,Object.assign({invalid:!!ce},{children:[!!ce&&e.jsx(o.default,{width:16,height:16}),ce||w]})),I>0&&"BOTTOM"===J&&e.jsxs(c.MaxCharStyle,Object.assign({position:"BOTTOM"},{children:[null!==(g=null===(p=(null!=P?P:"").toString())||void 0===p?void 0:p.length)&&void 0!==g?g:0,"/",I]}))]})),e.jsxs(c.InputWrapper,Object.assign({variant:q,state:k,width:d.width,isActive:"active"===k||oe,isInvalid:re,style:null!==(j=null!==(x=null==ve?void 0:ve.InputWrapper)&&void 0!==x?x:ee)&&void 0!==j?j:{},version:K,height:d.height,hightlightInputColor:Q,hideBorder:Z},{children:[!!se&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:he,onClick:()=>fe(null==C?void 0:C.callback),isLeft:!0,style:null!==(f=null==ve?void 0:ve.IconHolder)&&void 0!==f?f:{}},{children:e.jsx(se,{})})),!!F&&e.jsx(c.PrefixHolder,Object.assign({variant:q},{children:F})),"default"===q&&e.jsx(c.InputContainer,Object.assign({height:d.height,type:d.type,minHeight:G,maxHeight:U,autoGrow:W},{children:Ie()})),["x-small","small"].includes(q)&&e.jsx(c.InputContainerSmall,Object.assign({height:d.height,type:d.type},{children:Ie()})),!!le&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:he,onClick:()=>fe(null==O?void 0:O.callback),isLeft:!1},{children:e.jsx(le,{})})),!!L&&e.jsx(c.SuffixHolder,Object.assign({variant:q},{children:L})),B&&B.text&&e.jsx(i.Button,{buttonText:B.text,onClick:()=>fe(null==B?void 0:B.onClick)}),B&&B.buttonProps&&e.jsx(i.Button,Object.assign({},B.buttonProps))]})),!Y&&(!!T||!!I)&&e.jsxs(c.InputHeader,Object.assign({invalid:re},{children:[_&&_,e.jsxs("div",Object.assign({className:"label__container"},{children:[V?e.jsxs(r.TitleSmall,{children:[T,S?e.jsx("span",{children:"*"}):""]}):e.jsxs(r.BodySecondary,{children:[T,S?e.jsx("span",{children:"*"}):""]}),d.tooltipText&&e.jsx(l.Tooltip,Object.assign({body:d.tooltipText,placement:"top"},{children:e.jsx("span",{children:e.jsx(t.default,{style:{marginTop:-3},width:18,height:18,color:re?a.COLORS.content.negative:a.COLORS.content.primary})})}))]})),I>0&&"TOP"===J&&e.jsxs(c.MaxCharStyle,{children:[null!==(b=null===(m=(null!=P?P:"").toString())||void 0===m?void 0:m.length)&&void 0!==b?b:0,"/",I]})]}))]}))}));d.displayName="Input",exports.Input=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/info.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./Input-helper.js"),s=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/errorInfo.svg.js"),u=require("./context/InputStyleProvider.js"),c=require("./Input.styled.js");const d=n.forwardRef(((d,h)=>{var p,v,g,x,j,f,m,b;const{placeholder:y,leftIcon:C,rightIcon:T,labelText:O,maxCharLimit:I,isRequired:S,hintText:w,type:E,state:k,validate:H,variant:q,button:B,suffixText:L,prefixText:F,onChangeText:M,value:P,noErrorHint:A,reset:R,rangeValidation:z,noKeyDownChange:D,version:K,noMaxCharCheck:N,labelElement:_,autoGrow:W,minHeight:G,maxHeight:U,labelTextBold:V,truncateText:$,maxCharLimitPosition:J,hightlightInputColor:Q,onKeyDownEvent:X,hideInputHeader:Y,hideBorder:Z,inputWrapperStyles:ee,minCharsToTrigger:te,maxCharAlignment:ne,isDisabled:ie=!1,allowUnsafeInput:le}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0,maxCharAlignment:!1},d),se=null==C?void 0:C.icon,re=null==T?void 0:T.icon,[ae,oe]=n.useState(!1),[ue,ce]=n.useState(!1),[de,he]=n.useState(),pe="x-small"===q?"12px":"small"===q?"18px":"22px",ve=n.useContext(u.InputStyleContext),[ge,xe]=n.useState(""),je=n.useRef(null),fe=null!=h?h:je;n.useEffect((()=>{xe(P||""),!P&&W&&(fe.current.style.height=G||"48px")}),[P]),n.useEffect((()=>{var e;fe.current&&(null===(e=d.onReferenceInit)||void 0===e||e.call(d,fe.current))}),[fe]),n.useEffect((()=>{const e=fe.current;if(e&&["phonenumber","zip","number"].includes(E))return e.addEventListener("wheel",Ce,{passive:!1}),()=>{e.removeEventListener("wheel",Ce)}}),[]),n.useEffect((()=>{R&&xe("")}),[R]),n.useEffect((()=>{var e;ce(!!d.isActive),d.isActive&&(null===(e=fe.current)||void 0===e||e.focus())}),[d.isActive]),n.useEffect((()=>{he(d.errorMessage)}),[d.errorMessage]),n.useEffect((()=>{var e;oe(!1),("invalid"===d.state||de||"disabled-invalid"===d.state)&&oe(!0),"active"===d.state&&(null===(e=fe.current)||void 0===e||e.focus())}),[d.state,de]),n.useEffect((()=>{oe(!!de||"invalid"===d.state)}),[de,d.state]);const me=function(e){if(l.isFunction(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},be=()=>"zip"===E?6:2e3,ye=e=>{const t=0!==I?I:be(),n=te,i=e.target.value;X&&(!i.length||i.length>=n)&&X(e),D||i.length&&!(i.length>=n)||M(P||"",e),N||![8].includes(e.which)&&t>0&&i.length>=t&&e.preventDefault()},Ce=e=>{e.preventDefault()},Te=e=>{let t=e.target.value;const n=0!==I?I+1:be(),i=te;if(!le&&l.shouldSanitizeForType(E)&&(t=l.sanitizeUnsafeInput(t)),!N&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),d.textControl||xe(t||""),i&&t&&t.length<i)return;M(t,e),W&&(fe.current.style.height=`${fe.current.scrollHeight}px`,t||(fe.current.style.height=G||"48px"));const s=H||l.validateInput;if(!s||!l.isFunction(s))return;const[r,a]=s(t,E,z);oe(!r),he(d.errorMessage?d.errorMessage:a)},Oe=e=>{var t;d.skipFocus||ce(!0),me(null===(t=d.onFocus)||void 0===t?void 0:t.call(d,e))},Ie=e=>{var t;d.skipFocus||ce(!1),me(null===(t=d.onBlur)||void 0===t?void 0:t.call(d,e))},Se=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==E&&e.jsx("input",{className:$?"truncate-class":"","data-test":d["data-test"],id:d.id,style:null!==(t=null==ve?void 0:ve.input)&&void 0!==t?t:{},ref:fe,disabled:ie,type:["phonenumber","zip","number"].includes(E)?"number":E,value:ge,onFocus:e=>Oe(e),onBlur:e=>Ie(e),placeholder:y||"Enter here",onChange:Te,onClick:e=>me(d.onClick),onKeyDown:e=>ye(e)}),"multiline"===E&&e.jsx("textarea",{"data-test":d["data-test"],value:ge,ref:fe,onFocus:e=>Oe(e),onBlur:e=>Ie(e),onClick:e=>me(d.onClick),disabled:ie,placeholder:y||"Enter here",onChange:Te,onKeyDown:e=>ye(e),maxLength:I>0?I:void 0})]})};return e.jsxs(c.RootContainer,Object.assign({width:d.width,height:d.height,state:k,type:E,style:null!==(p=null==ve?void 0:ve.RootContainer)&&void 0!==p?p:{}},{children:[e.jsxs("div",Object.assign({className:"flex-align-center"},{children:[!A&&(!!w||!!de)&&e.jsxs(c.InputFooter,Object.assign({invalid:!!de},{children:[!!de&&e.jsx(o.default,{width:16,height:16}),de||w]})),I>0&&"BOTTOM"===J&&e.jsxs(c.MaxCharStyle,Object.assign({position:"BOTTOM"},{children:[null!==(g=null===(v=(null!=P?P:"").toString())||void 0===v?void 0:v.length)&&void 0!==g?g:0,"/",I]}))]})),e.jsxs(c.InputWrapper,Object.assign({variant:q,state:k,width:d.width,isActive:"active"===k||ue,isInvalid:ae,style:null!==(j=null!==(x=null==ve?void 0:ve.InputWrapper)&&void 0!==x?x:ee)&&void 0!==j?j:{},version:K,height:d.height,hightlightInputColor:Q,hideBorder:Z},{children:[!!se&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:pe,onClick:()=>me(null==C?void 0:C.callback),isLeft:!0,style:null!==(f=null==ve?void 0:ve.IconHolder)&&void 0!==f?f:{}},{children:e.jsx(se,{})})),!!F&&e.jsx(c.PrefixHolder,Object.assign({variant:q},{children:F})),"default"===q&&e.jsx(c.InputContainer,Object.assign({height:d.height,type:d.type,minHeight:G,maxHeight:U,autoGrow:W},{children:Se()})),["x-small","small"].includes(q)&&e.jsx(c.InputContainerSmall,Object.assign({height:d.height,type:d.type},{children:Se()})),!!re&&e.jsx(c.IconHolder,Object.assign({variant:q,iconSize:pe,onClick:()=>me(null==T?void 0:T.callback),isLeft:!1},{children:e.jsx(re,{})})),!!L&&e.jsx(c.SuffixHolder,Object.assign({variant:q},{children:L})),B&&B.text&&e.jsx(i.Button,{buttonText:B.text,buttonType:B.buttonType,onClick:()=>me(null==B?void 0:B.onClick)}),B&&B.buttonProps&&e.jsx(i.Button,Object.assign({},B.buttonProps))]})),!Y&&(!!O||!!I)&&e.jsxs(c.InputHeader,Object.assign({invalid:ae,maxCharAlignment:ne},{children:[_&&_,e.jsxs("div",Object.assign({className:"label__container"},{children:[V?e.jsxs(r.TitleSmall,{children:[O,S?e.jsx("span",{children:"*"}):""]}):e.jsxs(r.BodySecondary,{children:[O,S?e.jsx("span",{children:"*"}):""]}),d.tooltipText&&e.jsx(s.Tooltip,Object.assign({body:d.tooltipText,placement:"top"},{children:e.jsx("span",{children:e.jsx(t.default,{style:{marginTop:-3},width:18,height:18,color:ae?a.COLORS.content.negative:a.COLORS.content.primary})})}))]})),I>0&&"TOP"===J&&e.jsxs(c.MaxCharStyle,{children:[null!==(b=null===(m=(null!=P?P:"").toString())||void 0===m?void 0:m.length)&&void 0!==b?b:0,"/",I]})]}))]}))}));d.displayName="Input",exports.Input=d;

package/dist/cjs/{src/components → components}/input/Input.model.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from '../button/model';
+import { Type } from '../button/model';
 export type InputVariant = 'default' | 'small' | 'x-small';
 export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'disabled-invalid' | 'none';
 export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
@@ -33,6 +34,7 @@ export interface InputProps {
     onChangeText: (input: string, event?: Event) => void;
     button?: {
         text: string;
+        buttonType?: Type;
         onClick?: () => void;
         buttonProps?: ButtonProps;
     };
@@ -70,4 +72,5 @@ export interface InputProps {
     minCharsToTrigger?: number;
     isDisabled?: boolean;
     allowUnsafeInput?: boolean;
+    maxCharAlignment?: boolean;
 }

package/dist/{esm/src → cjs}/components/input/Input.styled.d.ts

@@ -60,6 +60,7 @@ export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
+    maxCharAlignment?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MaxCharStyle: import("@emotion/styled").StyledComponent<{
     [x: string]: any;