@progress/kendo-react-chart-wizard 16.2.0-develop.2 → 16.2.0-develop.20

package/components/panels/ColumnChartPanel.mjs

@@ -5,72 +5,68 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
-import { Reveal as f } from "@progress/kendo-react-animation";
-import { useLocalization as y } from "@progress/kendo-react-intl";
-import { ExpansionPanel as T, ExpansionPanelContent as L } from "@progress/kendo-react-layout";
-import { stackState as N, mergeStates as m, createState as r, updateState as i, ActionTypes as C, stackNormal as I, stack100 as A } from "../../utils.mjs";
-import { SeriesTypesWrap as P } from "../SeriesTypesWrap.mjs";
+import * as e from "react";
+import { useLocalization as E } from "@progress/kendo-react-intl";
+import { ExpansionPanel as f, ExpansionPanelContent as T } from "@progress/kendo-react-layout";
+import { stackState as L, mergeStates as m, createState as r, updateState as u, ActionTypes as i, stackNormal as N, stack100 as I } from "../../utils.mjs";
+import { SeriesTypesWrap as A } from "../SeriesTypesWrap.mjs";
 import { SeriesTypeButton as s } from "../SeriesTypeButton.mjs";
-import { columnChart as b, messages as c, columnChartColumn as w, columnChartStackedColumn as z, columnChart100StackedColumn as R } from "../../messages.mjs";
-import { chartColumnClusteredIcon as W, chartColumnStackedIcon as v, chartColumnStacked100Icon as B } from "@progress/kendo-svg-icons";
-const M = (a) => {
-  const o = y(), e = a.state, l = e.seriesType, { isStackFalse: d, isStackNormal: S, isStack100: h } = N(e), [u, k] = t.useState(!0), p = t.useCallback((n) => {
+import { columnChart as P, messages as c, columnChartColumn as b, columnChartStackedColumn as w, columnChart100StackedColumn as z } from "../../messages.mjs";
+import { chartColumnClusteredIcon as W, chartColumnStackedIcon as B, chartColumnStacked100Icon as F } from "@progress/kendo-svg-icons";
+const J = (a) => {
+  const o = E(), t = a.state, l = t.seriesType, { isStackFalse: C, isStackNormal: d, isStack100: S } = L(t), [h, k] = e.useState(!0), p = e.useCallback((n) => {
     k(!n.expanded);
   }, []), g = () => {
-    a.onStateChange(m(e, r(e.data, "column")));
+    a.onStateChange(m(t, r(t.data, "column")));
   }, x = () => {
-    const n = m(e, r(e.data, "column"));
-    a.onStateChange(i(n, C.stacked, I));
-  }, E = () => {
-    const n = m(e, r(e.data, "column"));
-    a.onStateChange(i(n, C.stacked, A));
+    const n = m(t, r(t.data, "column"));
+    a.onStateChange(u(n, i.stacked, N));
+  }, y = () => {
+    const n = m(t, r(t.data, "column"));
+    a.onStateChange(u(n, i.stacked, I));
   };
-  return /* @__PURE__ */ t.createElement(
-    T,
+  return /* @__PURE__ */ e.createElement(
+    f,
     {
       style: { maxWidth: "576px" },
-      title: o.toLanguageString(b, c.columnChart),
-      expanded: u,
+      title: o.toLanguageString(P, c.columnChart),
+      expanded: h,
       tabIndex: 0,
       onAction: p
     },
-    /* @__PURE__ */ t.createElement(f, null, u && /* @__PURE__ */ t.createElement(L, null, /* @__PURE__ */ t.createElement(P, null, /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(
       s,
       {
-        selected: l === "column" && d,
+        selected: l === "column" && C,
         onClick: g,
         icon: W,
         iconName: "chart-column-clustered"
       },
-      o.toLanguageString(w, c.columnChartColumn)
-    ), /* @__PURE__ */ t.createElement(
+      o.toLanguageString(b, c.columnChartColumn)
+    ), /* @__PURE__ */ e.createElement(
       s,
       {
-        selected: l === "column" && S,
+        selected: l === "column" && d,
         onClick: x,
-        icon: v,
+        icon: B,
         iconName: "chart-column-stacked"
       },
-      o.toLanguageString(
-        z,
-        c.columnChartStackedColumn
-      )
-    ), /* @__PURE__ */ t.createElement(
+      o.toLanguageString(w, c.columnChartStackedColumn)
+    ), /* @__PURE__ */ e.createElement(
       s,
       {
-        selected: l === "column" && h,
-        onClick: E,
-        icon: B,
+        selected: l === "column" && S,
+        onClick: y,
+        icon: F,
         iconName: "chart-column-stacked100"
       },
       o.toLanguageString(
-        R,
+        z,
         c.columnChart100StackedColumn
       )
-    ))))
+    )))
   );
 };
 export {
-  M as ColumnChartPanel
+  J as ColumnChartPanel
 };

package/components/panels/ConfigurationPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),x=require("@progress/kendo-react-form"),u=require("@progress/kendo-react-layout"),a=require("../../utils.js"),c=require("../FormFieldSet.js"),y=require("@progress/kendo-react-intl"),o=require("../../messages.js"),g=require("@progress/kendo-react-dropdowns"),A=require("../SeriesGrid.js"),E=require("@progress/kendo-react-animation");function b(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(i,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return i.default=n,Object.freeze(i)}const t=b(f),F=n=>{const i=y.useLocalization(),e=n.state,s=e.seriesType,[l,d]=t.useState(!0),m=t.useCallback(r=>{d(!r.expanded)},[]),p=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.categoryAxisX,r.target.value))},[e]),C=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.seriesChange,r))},[e]),S=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.valueAxisY,r.target.value))},[e]);return t.createElement(u.ExpansionPanel,{style:{maxWidth:"576px"},title:i.toLanguageString(o.configuration,o.messages.configuration),expanded:l,tabIndex:0,onAction:m},t.createElement(E.Reveal,null,l&&t.createElement(u.ExpansionPanelContent,null,t.createElement(x.FormElement,{onKeyDown:a.stopPropagation},t.createElement(c.FormFieldSet,{legend:s==="scatter"?i.toLanguageString(o.configurationXAxis,o.messages.configurationXAxis):i.toLanguageString(o.configurationCategoryAxis,o.messages.configurationCategoryAxis)},t.createElement(g.DropDownList,{data:e.columns||[],value:e.categoryField,onChange:p,...a.dropdownlistCommonProps})),a.isCategorical(s)&&t.createElement(c.FormFieldSet,{legend:i.toLanguageString(o.configurationSeries,o.messages.configurationSeries)},t.createElement(A.SeriesGrid,{data:e.series,initialData:e.initialSeries,onChange:C})),s==="pie"&&t.createElement(c.FormFieldSet,{legend:i.toLanguageString(o.configurationValueAxis,o.messages.configurationValueAxis)},t.createElement(g.DropDownList,{data:e.columns||[],value:e.valueField||"",...a.dropdownlistCommonProps,onChange:S}))))))};exports.ConfigurationPanel=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),x=require("@progress/kendo-react-form"),l=require("@progress/kendo-react-layout"),a=require("../../utils.js"),c=require("../FormFieldSet.js"),y=require("@progress/kendo-react-intl"),o=require("../../messages.js"),u=require("@progress/kendo-react-dropdowns"),A=require("../SeriesGrid.js");function b(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(i,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return i.default=n,Object.freeze(i)}const t=b(f),E=n=>{const i=y.useLocalization(),e=n.state,s=e.seriesType,[g,d]=t.useState(!0),m=t.useCallback(r=>{d(!r.expanded)},[]),p=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.categoryAxisX,r.target.value))},[e]),C=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.seriesChange,r))},[e]),S=t.useCallback(r=>{n.onStateChange(a.updateState(e,a.ActionTypes.valueAxisY,r.target.value))},[e]);return t.createElement(l.ExpansionPanel,{style:{maxWidth:"576px"},title:i.toLanguageString(o.configuration,o.messages.configuration),expanded:g,tabIndex:0,onAction:m},t.createElement(l.ExpansionPanelContent,null,t.createElement(x.FormElement,{onKeyDown:a.stopPropagation},t.createElement(c.FormFieldSet,{legend:s==="scatter"?i.toLanguageString(o.configurationXAxis,o.messages.configurationXAxis):i.toLanguageString(o.configurationCategoryAxis,o.messages.configurationCategoryAxis)},t.createElement(u.DropDownList,{data:e.columns||[],value:e.categoryField,onChange:p,...a.dropdownlistCommonProps})),a.isCategorical(s)&&t.createElement(c.FormFieldSet,{legend:i.toLanguageString(o.configurationSeries,o.messages.configurationSeries)},t.createElement(A.SeriesGrid,{data:e.series,initialData:e.initialSeries,onChange:C})),s==="pie"&&t.createElement(c.FormFieldSet,{legend:i.toLanguageString(o.configurationValueAxis,o.messages.configurationValueAxis)},t.createElement(u.DropDownList,{data:e.columns||[],value:e.valueField||"",...a.dropdownlistCommonProps,onChange:S})))))};exports.ConfigurationPanel=E;

package/components/panels/ConfigurationPanel.mjs

@@ -7,44 +7,43 @@
  */
 import * as e from "react";
 import { FormElement as S } from "@progress/kendo-react-form";
-import { ExpansionPanel as E, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
-import { updateState as s, ActionTypes as l, stopPropagation as h, dropdownlistCommonProps as u, isCategorical as y } from "../../utils.mjs";
-import { FormFieldSet as g } from "../FormFieldSet.mjs";
-import { useLocalization as v } from "@progress/kendo-react-intl";
-import { configuration as L, messages as o, configurationXAxis as b, configurationCategoryAxis as F, configurationSeries as P, configurationValueAxis as k } from "../../messages.mjs";
-import { DropDownList as m } from "@progress/kendo-react-dropdowns";
+import { ExpansionPanel as A, ExpansionPanelContent as E } from "@progress/kendo-react-layout";
+import { updateState as s, ActionTypes as g, stopPropagation as h, dropdownlistCommonProps as c, isCategorical as y } from "../../utils.mjs";
+import { FormFieldSet as l } from "../FormFieldSet.mjs";
+import { useLocalization as L } from "@progress/kendo-react-intl";
+import { configuration as v, messages as o, configurationXAxis as b, configurationCategoryAxis as F, configurationSeries as P, configurationValueAxis as k } from "../../messages.mjs";
+import { DropDownList as u } from "@progress/kendo-react-dropdowns";
 import { SeriesGrid as D } from "../SeriesGrid.mjs";
-import { Reveal as w } from "@progress/kendo-react-animation";
-const Y = (i) => {
-  const a = v(), t = i.state, r = t.seriesType, [c, f] = e.useState(!0), C = e.useCallback((n) => {
-    f(!n.expanded);
-  }, []), d = e.useCallback(
+const R = (i) => {
+  const a = L(), t = i.state, r = t.seriesType, [m, C] = e.useState(!0), d = e.useCallback((n) => {
+    C(!n.expanded);
+  }, []), f = e.useCallback(
     (n) => {
-      i.onStateChange(s(t, l.categoryAxisX, n.target.value));
+      i.onStateChange(s(t, g.categoryAxisX, n.target.value));
     },
     [t]
   ), p = e.useCallback(
     (n) => {
-      i.onStateChange(s(t, l.seriesChange, n));
+      i.onStateChange(s(t, g.seriesChange, n));
     },
     [t]
   ), x = e.useCallback(
     (n) => {
-      i.onStateChange(s(t, l.valueAxisY, n.target.value));
+      i.onStateChange(s(t, g.valueAxisY, n.target.value));
     },
     [t]
   );
   return /* @__PURE__ */ e.createElement(
-    E,
+    A,
     {
       style: { maxWidth: "576px" },
-      title: a.toLanguageString(L, o.configuration),
-      expanded: c,
+      title: a.toLanguageString(v, o.configuration),
+      expanded: m,
       tabIndex: 0,
-      onAction: C
+      onAction: d
     },
-    /* @__PURE__ */ e.createElement(w, null, c && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(S, { onKeyDown: h }, /* @__PURE__ */ e.createElement(
-      g,
+    /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(S, { onKeyDown: h }, /* @__PURE__ */ e.createElement(
+      l,
       {
         legend: r === "scatter" ? a.toLanguageString(b, o.configurationXAxis) : a.toLanguageString(
           F,
@@ -52,21 +51,18 @@ const Y = (i) => {
         )
       },
       /* @__PURE__ */ e.createElement(
-        m,
+        u,
         {
           data: t.columns || [],
           value: t.categoryField,
-          onChange: d,
-          ...u
+          onChange: f,
+          ...c
         }
       )
     ), y(r) && /* @__PURE__ */ e.createElement(
-      g,
+      l,
       {
-        legend: a.toLanguageString(
-          P,
-          o.configurationSeries
-        )
+        legend: a.toLanguageString(P, o.configurationSeries)
       },
       /* @__PURE__ */ e.createElement(
         D,
@@ -77,7 +73,7 @@ const Y = (i) => {
         }
       )
     ), r === "pie" && /* @__PURE__ */ e.createElement(
-      g,
+      l,
       {
         legend: a.toLanguageString(
           k,
@@ -85,17 +81,17 @@ const Y = (i) => {
         )
       },
       /* @__PURE__ */ e.createElement(
-        m,
+        u,
         {
           data: t.columns || [],
           value: t.valueField || "",
-          ...u,
+          ...c,
           onChange: x
         }
       )
-    ))))
+    )))
   );
 };
 export {
-  Y as ConfigurationPanel
+  R as ConfigurationPanel
 };

package/components/panels/LegendPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),C=require("@progress/kendo-react-layout"),R=require("@progress/kendo-react-form"),T=require("@progress/kendo-react-labels"),m=require("../FormField.js"),c=require("@progress/kendo-react-dropdowns"),P=require("@progress/kendo-react-inputs"),q=require("@progress/kendo-react-intl"),t=require("../../messages.js"),e=require("../../utils.js"),N=require("@progress/kendo-react-animation");function A(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,d.get?d:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const a=A(w),D=s=>{var L,f,S,b,p,v,h;const l=q.useLocalization(),n=s.state,[d,F]=a.useState(!1),x=a.useCallback(o=>{F(!o.expanded)},[]),u=[{value:"top",text:l.toLanguageString(t.formatLegendPositionTop,t.messages.formatLegendPositionTop)},{value:"bottom",text:l.toLanguageString(t.formatLegendPositionBottom,t.messages.formatLegendPositionBottom)},{value:"left",text:l.toLanguageString(t.formatLegendPositionLeft,t.messages.formatLegendPositionLeft)},{value:"right",text:l.toLanguageString(t.formatLegendPositionRight,t.messages.formatLegendPositionRight)}],E=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendVisible,o.value))},y=o=>{const i=o.target.value||e.nullItem;e.ensureValue(i)&&s.onStateChange(e.updateState(n,e.ActionTypes.legendFontSize,i.value))},k=o=>{const i=o.target.value||e.nullItem;s.onStateChange(e.updateState(n,e.ActionTypes.legendFontName,i.value))},z=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendColor,o.value))},I=o=>{const i=o.target.value;s.onStateChange(e.updateState(n,e.ActionTypes.legendPosition,i.value))};return a.createElement(C.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(t.formatLegend,t.messages.formatLegend),expanded:d,tabIndex:0,onAction:x},a.createElement(N.Reveal,null,d&&a.createElement(C.ExpansionPanelContent,null,a.createElement(R.FormElement,{onKeyDown:e.stopPropagation},a.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},a.createElement(T.Label,{editorId:"show-legend"},l.toLanguageString(t.formatLegendShowLegend,t.messages.formatLegendShowLegend)),a.createElement(P.Switch,{id:"show-legend",checked:(L=n.legend)==null?void 0:L.visible,onChange:E}),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:l.toLanguageString(t.formatLegendFont,t.messages.formatLegendFont)},a.createElement(c.ComboBox,{id:"legendLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatLegendFontPlaceholder,t.messages.formatLegendFontPlaceholder),value:e.fontNames.find(o=>{var i,g,r;return o.value===((r=e.parseFont(((g=(i=n.legend)==null?void 0:i.labels)==null?void 0:g.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:k,itemRender:e.itemRender,disabled:((f=n.legend)==null?void 0:f.visible)===!1,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"legendLabelsSize",labelText:l.toLanguageString(t.formatLegendSize,t.messages.formatLegendSize)},a.createElement(c.ComboBox,{id:"legendLabelsSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatLegendSizePlaceholder,t.messages.formatLegendSizePlaceholder),value:e.fontSizes.find(o=>{var i,g,r;return o.value===((r=e.parseFont(((g=(i=n.legend)==null?void 0:i.labels)==null?void 0:g.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:y,disabled:((S=n.legend)==null?void 0:S.visible)===!1,allowCustom:!0,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"legendLabelsColor",labelText:l.toLanguageString(t.formatLegendColor,t.messages.formatLegendColor)},a.createElement(P.ColorPicker,{id:"legendLabelsColor",value:((p=(b=n.legend)==null?void 0:b.labels)==null?void 0:p.color)||"",onChange:z,disabled:((v=n.legend)==null?void 0:v.visible)===!1,view:"gradient",fillMode:"outline"})),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendPosition",labelText:l.toLanguageString(t.formatLegendPosition,t.messages.formatLegendPosition)},a.createElement(c.DropDownList,{id:"legendPosition",data:u,textField:"text",dataItemKey:"value",value:u.find(o=>{var i;return o.value===((i=n.legend)==null?void 0:i.position)}),onChange:I,disabled:((h=n.legend)==null?void 0:h.visible)===!1,...e.dropdownlistCommonProps})))))))};exports.LegendPanel=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),C=require("@progress/kendo-react-layout"),T=require("@progress/kendo-react-form"),R=require("@progress/kendo-react-labels"),m=require("../FormField.js"),c=require("@progress/kendo-react-dropdowns"),P=require("@progress/kendo-react-inputs"),q=require("@progress/kendo-react-intl"),t=require("../../messages.js"),e=require("../../utils.js");function N(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(a,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return a.default=s,Object.freeze(a)}const l=N(w),A=s=>{var L,f,S,b,p,h,v;const a=q.useLocalization(),n=s.state,[r,F]=l.useState(!1),x=l.useCallback(o=>{F(!o.expanded)},[]),u=[{value:"top",text:a.toLanguageString(t.formatLegendPositionTop,t.messages.formatLegendPositionTop)},{value:"bottom",text:a.toLanguageString(t.formatLegendPositionBottom,t.messages.formatLegendPositionBottom)},{value:"left",text:a.toLanguageString(t.formatLegendPositionLeft,t.messages.formatLegendPositionLeft)},{value:"right",text:a.toLanguageString(t.formatLegendPositionRight,t.messages.formatLegendPositionRight)}],y=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendVisible,o.value))},E=o=>{const i=o.target.value||e.nullItem;e.ensureValue(i)&&s.onStateChange(e.updateState(n,e.ActionTypes.legendFontSize,i.value))},k=o=>{const i=o.target.value||e.nullItem;s.onStateChange(e.updateState(n,e.ActionTypes.legendFontName,i.value))},z=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendColor,o.value))},I=o=>{const i=o.target.value;s.onStateChange(e.updateState(n,e.ActionTypes.legendPosition,i.value))};return l.createElement(C.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString(t.formatLegend,t.messages.formatLegend),expanded:r,tabIndex:0,onAction:x},l.createElement(C.ExpansionPanelContent,null,l.createElement(T.FormElement,{onKeyDown:e.stopPropagation},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(R.Label,{editorId:"show-legend"},a.toLanguageString(t.formatLegendShowLegend,t.messages.formatLegendShowLegend)),l.createElement(P.Switch,{id:"show-legend",checked:(L=n.legend)==null?void 0:L.visible,onChange:y}),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:a.toLanguageString(t.formatLegendFont,t.messages.formatLegendFont)},l.createElement(c.ComboBox,{id:"legendLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:a.toLanguageString(t.formatLegendFontPlaceholder,t.messages.formatLegendFontPlaceholder),value:e.fontNames.find(o=>{var i,d,g;return o.value===((g=e.parseFont(((d=(i=n.legend)==null?void 0:i.labels)==null?void 0:d.font)||""))==null?void 0:g.name)})||e.nullItem,onChange:k,itemRender:e.itemRender,disabled:((f=n.legend)==null?void 0:f.visible)===!1,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"legendLabelsSize",labelText:a.toLanguageString(t.formatLegendSize,t.messages.formatLegendSize)},l.createElement(c.ComboBox,{id:"legendLabelsSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:a.toLanguageString(t.formatLegendSizePlaceholder,t.messages.formatLegendSizePlaceholder),value:e.fontSizes.find(o=>{var i,d,g;return o.value===((g=e.parseFont(((d=(i=n.legend)==null?void 0:i.labels)==null?void 0:d.font)||""))==null?void 0:g.size)})||e.nullItem,onChange:E,disabled:((S=n.legend)==null?void 0:S.visible)===!1,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"legendLabelsColor",labelText:a.toLanguageString(t.formatLegendColor,t.messages.formatLegendColor)},l.createElement(P.ColorPicker,{id:"legendLabelsColor",value:((p=(b=n.legend)==null?void 0:b.labels)==null?void 0:p.color)||"",onChange:z,disabled:((h=n.legend)==null?void 0:h.visible)===!1,view:"gradient",fillMode:"outline"})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendPosition",labelText:a.toLanguageString(t.formatLegendPosition,t.messages.formatLegendPosition)},l.createElement(c.DropDownList,{id:"legendPosition",data:u,textField:"text",dataItemKey:"value",value:u.find(o=>{var i;return o.value===((i=n.legend)==null?void 0:i.position)}),onChange:I,disabled:((v=n.legend)==null?void 0:v.visible)===!1,...e.dropdownlistCommonProps}))))))};exports.LegendPanel=A;

package/components/panels/LegendPanel.mjs

@@ -6,21 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { ExpansionPanel as K, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
+import { ExpansionPanel as R, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
 import { FormElement as B } from "@progress/kendo-react-form";
 import { Label as D } from "@progress/kendo-react-labels";
-import { FormField as s } from "../FormField.mjs";
-import { ComboBox as P, DropDownList as V } from "@progress/kendo-react-dropdowns";
+import { FormField as m } from "../FormField.mjs";
+import { ComboBox as x, DropDownList as V } from "@progress/kendo-react-dropdowns";
 import { Switch as M, ColorPicker as W } from "@progress/kendo-react-inputs";
 import { useLocalization as j } from "@progress/kendo-react-intl";
 import { formatLegendPositionTop as q, messages as l, formatLegendPositionBottom as G, formatLegendPositionLeft as H, formatLegendPositionRight as J, formatLegend as O, formatLegendShowLegend as Q, formatLegendFont as U, formatLegendFontPlaceholder as X, formatLegendSize as Y, formatLegendSizePlaceholder as Z, formatLegendColor as _, formatLegendPosition as $ } from "../../messages.mjs";
-import { stopPropagation as ee, dropdownlistCommonProps as f, itemRender as te, nullItem as L, fontNames as E, parseFont as F, fontSizes as z, updateState as r, ActionTypes as m, ensureValue as ne } from "../../utils.mjs";
-import { Reveal as oe } from "@progress/kendo-react-animation";
-const ce = (i) => {
-  var S, h, v, b, p, C, x;
-  const a = j(), o = i.state, [c, w] = t.useState(!1), I = t.useCallback((e) => {
+import { stopPropagation as ee, dropdownlistCommonProps as f, itemRender as te, nullItem as L, fontNames as P, parseFont as E, fontSizes as F, updateState as r, ActionTypes as s, ensureValue as ne } from "../../utils.mjs";
+const Le = (i) => {
+  var u, S, h, b, v, p, C;
+  const a = j(), o = i.state, [z, w] = t.useState(!1), I = t.useCallback((e) => {
     w(!e.expanded);
-  }, []), u = [
+  }, []), c = [
     {
       value: "top",
       text: a.toLanguageString(q, l.formatLegendPositionTop)
@@ -38,125 +37,106 @@ const ce = (i) => {
       text: a.toLanguageString(J, l.formatLegendPositionRight)
     }
   ], k = (e) => {
-    i.onStateChange(r(o, m.legendVisible, e.value));
+    i.onStateChange(r(o, s.legendVisible, e.value));
   }, y = (e) => {
     const n = e.target.value || L;
-    ne(n) && i.onStateChange(r(o, m.legendFontSize, n.value));
+    ne(n) && i.onStateChange(r(o, s.legendFontSize, n.value));
   }, N = (e) => {
     const n = e.target.value || L;
-    i.onStateChange(r(o, m.legendFontName, n.value));
+    i.onStateChange(r(o, s.legendFontName, n.value));
   }, T = (e) => {
-    i.onStateChange(r(o, m.legendColor, e.value));
-  }, R = (e) => {
+    i.onStateChange(r(o, s.legendColor, e.value));
+  }, K = (e) => {
     const n = e.target.value;
-    i.onStateChange(r(o, m.legendPosition, n.value));
+    i.onStateChange(r(o, s.legendPosition, n.value));
   };
   return /* @__PURE__ */ t.createElement(
-    K,
+    R,
     {
       style: { maxWidth: "576px" },
       title: a.toLanguageString(O, l.formatLegend),
-      expanded: c,
+      expanded: z,
       tabIndex: 0,
       onAction: I
     },
-    /* @__PURE__ */ t.createElement(oe, null, c && /* @__PURE__ */ t.createElement(A, null, /* @__PURE__ */ t.createElement(B, { onKeyDown: ee }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ t.createElement(D, { editorId: "show-legend" }, a.toLanguageString(
-      Q,
-      l.formatLegendShowLegend
-    )), /* @__PURE__ */ t.createElement(
-      M,
-      {
-        id: "show-legend",
-        checked: (S = o.legend) == null ? void 0 : S.visible,
-        onChange: k
-      }
-    ), /* @__PURE__ */ t.createElement(
-      s,
+    /* @__PURE__ */ t.createElement(A, null, /* @__PURE__ */ t.createElement(B, { onKeyDown: ee }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ t.createElement(D, { editorId: "show-legend" }, a.toLanguageString(Q, l.formatLegendShowLegend)), /* @__PURE__ */ t.createElement(M, { id: "show-legend", checked: (u = o.legend) == null ? void 0 : u.visible, onChange: k }), /* @__PURE__ */ t.createElement(
+      m,
       {
         className: "k-col-span-2",
         editorId: "legendLabelsFont",
-        labelText: a.toLanguageString(
-          U,
-          l.formatLegendFont
-        )
+        labelText: a.toLanguageString(U, l.formatLegendFont)
       },
       /* @__PURE__ */ t.createElement(
-        P,
+        x,
         {
           id: "legendLabelsFont",
-          data: E,
+          data: P,
           textField: "text",
           dataItemKey: "value",
           placeholder: a.toLanguageString(
             X,
             l.formatLegendFontPlaceholder
           ),
-          value: E.find(
+          value: P.find(
             (e) => {
               var n, d, g;
-              return e.value === ((g = F(((d = (n = o.legend) == null ? void 0 : n.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : g.name);
+              return e.value === ((g = E(((d = (n = o.legend) == null ? void 0 : n.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : g.name);
             }
           ) || L,
           onChange: N,
           itemRender: te,
-          disabled: ((h = o.legend) == null ? void 0 : h.visible) === !1,
+          disabled: ((S = o.legend) == null ? void 0 : S.visible) === !1,
           ...f
         }
       )
     ), /* @__PURE__ */ t.createElement(
-      s,
+      m,
       {
         editorId: "legendLabelsSize",
-        labelText: a.toLanguageString(
-          Y,
-          l.formatLegendSize
-        )
+        labelText: a.toLanguageString(Y, l.formatLegendSize)
       },
       /* @__PURE__ */ t.createElement(
-        P,
+        x,
         {
           id: "legendLabelsSize",
-          data: z,
+          data: F,
           textField: "text",
           dataItemKey: "value",
           placeholder: a.toLanguageString(
             Z,
             l.formatLegendSizePlaceholder
           ),
-          value: z.find(
+          value: F.find(
             (e) => {
               var n, d, g;
-              return e.value === ((g = F(((d = (n = o.legend) == null ? void 0 : n.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : g.size);
+              return e.value === ((g = E(((d = (n = o.legend) == null ? void 0 : n.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : g.size);
             }
           ) || L,
           onChange: y,
-          disabled: ((v = o.legend) == null ? void 0 : v.visible) === !1,
+          disabled: ((h = o.legend) == null ? void 0 : h.visible) === !1,
           allowCustom: !0,
           ...f
         }
       )
     ), /* @__PURE__ */ t.createElement(
-      s,
+      m,
       {
         editorId: "legendLabelsColor",
-        labelText: a.toLanguageString(
-          _,
-          l.formatLegendColor
-        )
+        labelText: a.toLanguageString(_, l.formatLegendColor)
       },
       /* @__PURE__ */ t.createElement(
         W,
         {
           id: "legendLabelsColor",
-          value: ((p = (b = o.legend) == null ? void 0 : b.labels) == null ? void 0 : p.color) || "",
+          value: ((v = (b = o.legend) == null ? void 0 : b.labels) == null ? void 0 : v.color) || "",
           onChange: T,
-          disabled: ((C = o.legend) == null ? void 0 : C.visible) === !1,
+          disabled: ((p = o.legend) == null ? void 0 : p.visible) === !1,
           view: "gradient",
           fillMode: "outline"
         }
       )
     ), /* @__PURE__ */ t.createElement(
-      s,
+      m,
       {
         className: "k-col-span-2",
         editorId: "legendPosition",
@@ -169,21 +149,21 @@ const ce = (i) => {
         V,
         {
           id: "legendPosition",
-          data: u,
+          data: c,
           textField: "text",
           dataItemKey: "value",
-          value: u.find((e) => {
+          value: c.find((e) => {
             var n;
             return e.value === ((n = o.legend) == null ? void 0 : n.position);
           }),
-          onChange: R,
-          disabled: ((x = o.legend) == null ? void 0 : x.visible) === !1,
+          onChange: K,
+          disabled: ((C = o.legend) == null ? void 0 : C.visible) === !1,
           ...f
         }
       )
-    )))))
+    ))))
   );
 };
 export {
-  ce as LegendPanel
+  Le as LegendPanel
 };

package/components/panels/LineChartPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),T=require("@progress/kendo-react-animation"),b=require("@progress/kendo-react-intl"),u=require("@progress/kendo-react-layout"),t=require("../../utils.js"),i=require("../../messages.js"),f=require("../SeriesTypesWrap.js"),o=require("../SeriesTypeButton.js"),l=require("@progress/kendo-svg-icons");function E(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(c,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return c.default=n,Object.freeze(c)}const a=E(y),q=n=>{const c=b.useLocalization(),e=n.state,s=e.seriesType,{isStackFalse:d,isStackNormal:g,isStack100:k}=t.stackState(e),[S,m]=a.useState(!0),p=a.useCallback(r=>{m(!r.expanded)},[]),h=()=>{n.onStateChange(t.mergeStates(e,t.createState(e.data,"line")))},L=()=>{const r=t.mergeStates(e,t.createState(e.data,"line"));n.onStateChange(t.updateState(r,t.ActionTypes.stacked,t.stackNormal))},C=()=>{const r=t.mergeStates(e,t.createState(e.data,"line"));n.onStateChange(t.updateState(r,t.ActionTypes.stacked,t.stack100))};return a.createElement(u.ExpansionPanel,{style:{maxWidth:"576px"},title:c.toLanguageString(i.lineChart,i.messages.lineChart),expanded:S,tabIndex:0,onAction:p},a.createElement(T.Reveal,null,S&&a.createElement(u.ExpansionPanelContent,null,a.createElement(f.SeriesTypesWrap,null,a.createElement(o.SeriesTypeButton,{selected:s==="line"&&d,onClick:h,icon:l.chartLineIcon,iconName:"chart-line"},c.toLanguageString(i.lineChartLine,i.messages.lineChartLine)),a.createElement(o.SeriesTypeButton,{selected:s==="line"&&g,onClick:L,icon:l.chartLineStackedIcon,iconName:"chart-line-stacked"},c.toLanguageString(i.lineChartStackedLine,i.messages.lineChartStackedLine)),a.createElement(o.SeriesTypeButton,{selected:s==="line"&&k,onClick:C,icon:l.chartLineStacked100Icon,iconName:"chart-line-stacked100"},c.toLanguageString(i.lineChart100StackedLine,i.messages.lineChart100StackedLine))))))};exports.LineChartPanel=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),T=require("@progress/kendo-react-intl"),S=require("@progress/kendo-react-layout"),t=require("../../utils.js"),c=require("../../messages.js"),b=require("../SeriesTypesWrap.js"),o=require("../SeriesTypeButton.js"),l=require("@progress/kendo-svg-icons");function f(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(a,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return a.default=n,Object.freeze(a)}const i=f(y),x=n=>{const a=T.useLocalization(),e=n.state,s=e.seriesType,{isStackFalse:d,isStackNormal:u,isStack100:g}=t.stackState(e),[k,m]=i.useState(!0),p=i.useCallback(r=>{m(!r.expanded)},[]),h=()=>{n.onStateChange(t.mergeStates(e,t.createState(e.data,"line")))},L=()=>{const r=t.mergeStates(e,t.createState(e.data,"line"));n.onStateChange(t.updateState(r,t.ActionTypes.stacked,t.stackNormal))},C=()=>{const r=t.mergeStates(e,t.createState(e.data,"line"));n.onStateChange(t.updateState(r,t.ActionTypes.stacked,t.stack100))};return i.createElement(S.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString(c.lineChart,c.messages.lineChart),expanded:k,tabIndex:0,onAction:p},i.createElement(S.ExpansionPanelContent,null,i.createElement(b.SeriesTypesWrap,null,i.createElement(o.SeriesTypeButton,{selected:s==="line"&&d,onClick:h,icon:l.chartLineIcon,iconName:"chart-line"},a.toLanguageString(c.lineChartLine,c.messages.lineChartLine)),i.createElement(o.SeriesTypeButton,{selected:s==="line"&&u,onClick:L,icon:l.chartLineStackedIcon,iconName:"chart-line-stacked"},a.toLanguageString(c.lineChartStackedLine,c.messages.lineChartStackedLine)),i.createElement(o.SeriesTypeButton,{selected:s==="line"&&g,onClick:C,icon:l.chartLineStacked100Icon,iconName:"chart-line-stacked100"},a.toLanguageString(c.lineChart100StackedLine,c.messages.lineChart100StackedLine)))))};exports.LineChartPanel=x;

package/components/panels/LineChartPanel.mjs

@@ -5,69 +5,65 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as e from "react";
-import { Reveal as E } from "@progress/kendo-react-animation";
-import { useLocalization as f } from "@progress/kendo-react-intl";
-import { ExpansionPanel as y, ExpansionPanelContent as T } from "@progress/kendo-react-layout";
-import { stackState as N, mergeStates as r, createState as s, updateState as S, ActionTypes as d, stackNormal as I, stack100 as A } from "../../utils.mjs";
-import { lineChart as P, messages as c, lineChartLine as b, lineChartStackedLine as w, lineChart100StackedLine as z } from "../../messages.mjs";
-import { SeriesTypesWrap as R } from "../SeriesTypesWrap.mjs";
+import * as t from "react";
+import { useLocalization as y } from "@progress/kendo-react-intl";
+import { ExpansionPanel as E, ExpansionPanelContent as f } from "@progress/kendo-react-layout";
+import { stackState as T, mergeStates as r, createState as s, updateState as m, ActionTypes as S, stackNormal as N, stack100 as I } from "../../utils.mjs";
+import { lineChart as A, messages as c, lineChartLine as P, lineChartStackedLine as b, lineChart100StackedLine as w } from "../../messages.mjs";
+import { SeriesTypesWrap as z } from "../SeriesTypesWrap.mjs";
 import { SeriesTypeButton as l } from "../SeriesTypeButton.mjs";
-import { chartLineIcon as W, chartLineStackedIcon as v, chartLineStacked100Icon as B } from "@progress/kendo-svg-icons";
-const M = (a) => {
-  const i = f(), t = a.state, o = t.seriesType, { isStackFalse: h, isStackNormal: k, isStack100: p } = N(t), [m, L] = e.useState(!0), C = e.useCallback((n) => {
-    L(!n.expanded);
+import { chartLineIcon as W, chartLineStackedIcon as B, chartLineStacked100Icon as F } from "@progress/kendo-svg-icons";
+const J = (a) => {
+  const i = y(), e = a.state, o = e.seriesType, { isStackFalse: d, isStackNormal: h, isStack100: k } = T(e), [L, p] = t.useState(!0), C = t.useCallback((n) => {
+    p(!n.expanded);
   }, []), g = () => {
-    a.onStateChange(r(t, s(t.data, "line")));
+    a.onStateChange(r(e, s(e.data, "line")));
   }, u = () => {
-    const n = r(t, s(t.data, "line"));
-    a.onStateChange(S(n, d.stacked, I));
+    const n = r(e, s(e.data, "line"));
+    a.onStateChange(m(n, S.stacked, N));
   }, x = () => {
-    const n = r(t, s(t.data, "line"));
-    a.onStateChange(S(n, d.stacked, A));
+    const n = r(e, s(e.data, "line"));
+    a.onStateChange(m(n, S.stacked, I));
   };
-  return /* @__PURE__ */ e.createElement(
-    y,
+  return /* @__PURE__ */ t.createElement(
+    E,
     {
       style: { maxWidth: "576px" },
-      title: i.toLanguageString(P, c.lineChart),
-      expanded: m,
+      title: i.toLanguageString(A, c.lineChart),
+      expanded: L,
       tabIndex: 0,
       onAction: C
     },
-    /* @__PURE__ */ e.createElement(E, null, m && /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(z, null, /* @__PURE__ */ t.createElement(
       l,
       {
-        selected: o === "line" && h,
+        selected: o === "line" && d,
         onClick: g,
         icon: W,
         iconName: "chart-line"
       },
-      i.toLanguageString(b, c.lineChartLine)
-    ), /* @__PURE__ */ e.createElement(
+      i.toLanguageString(P, c.lineChartLine)
+    ), /* @__PURE__ */ t.createElement(
       l,
       {
-        selected: o === "line" && k,
+        selected: o === "line" && h,
         onClick: u,
-        icon: v,
+        icon: B,
         iconName: "chart-line-stacked"
       },
-      i.toLanguageString(w, c.lineChartStackedLine)
-    ), /* @__PURE__ */ e.createElement(
+      i.toLanguageString(b, c.lineChartStackedLine)
+    ), /* @__PURE__ */ t.createElement(
       l,
       {
-        selected: o === "line" && p,
+        selected: o === "line" && k,
         onClick: x,
-        icon: B,
+        icon: F,
         iconName: "chart-line-stacked100"
       },
-      i.toLanguageString(
-        z,
-        c.lineChart100StackedLine
-      )
-    ))))
+      i.toLanguageString(w, c.lineChart100StackedLine)
+    )))
   );
 };
 export {
-  M as LineChartPanel
+  J as LineChartPanel
 };

package/components/panels/PieChartPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),m=require("@progress/kendo-react-animation"),P=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-layout"),c=require("../../utils.js"),i=require("../../messages.js"),S=require("../SeriesTypesWrap.js"),y=require("../SeriesTypeButton.js"),h=require("@progress/kendo-svg-icons");function C(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=C(g),b=e=>{const a=P.useLocalization(),t=e.state,r=t.seriesType,[o,l]=n.useState(!0),u=n.useCallback(d=>{l(!d.expanded)},[]),p=()=>{e.onStateChange(c.mergeStates(t,c.createState(t.data,"pie")))};return n.createElement(s.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString(i.pieChart,i.messages.pieChart),expanded:o,tabIndex:0,onAction:u},n.createElement(m.Reveal,null,o&&n.createElement(s.ExpansionPanelContent,null,n.createElement(S.SeriesTypesWrap,null,n.createElement(y.SeriesTypeButton,{selected:r==="pie",onClick:p,icon:h.chartPieIcon,iconName:"chart-pie"},a.toLanguageString(i.pieChartPie,i.messages.pieChartPie))))))};exports.PieChartPanel=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),P=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-layout"),o=require("../../utils.js"),i=require("../../messages.js"),S=require("../SeriesTypesWrap.js"),m=require("../SeriesTypeButton.js"),y=require("@progress/kendo-svg-icons");function h(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=h(g),C=e=>{const n=P.useLocalization(),t=e.state,r=t.seriesType,[c,l]=a.useState(!0),u=a.useCallback(d=>{l(!d.expanded)},[]),p=()=>{e.onStateChange(o.mergeStates(t,o.createState(t.data,"pie")))};return a.createElement(s.ExpansionPanel,{style:{maxWidth:"576px"},title:n.toLanguageString(i.pieChart,i.messages.pieChart),expanded:c,tabIndex:0,onAction:u},a.createElement(s.ExpansionPanelContent,null,a.createElement(S.SeriesTypesWrap,null,a.createElement(m.SeriesTypeButton,{selected:r==="pie",onClick:p,icon:y.chartPieIcon,iconName:"chart-pie"},n.toLanguageString(i.pieChartPie,i.messages.pieChartPie)))))};exports.PieChartPanel=C;