@progress/kendo-react-chart-wizard 8.3.0-develop.9 → 8.3.0

package/components/panels/ConfigurationPanel.mjs

@@ -0,0 +1,102 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import 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 l, ActionTypes as s, 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 { 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), d = e.useCallback((n) => {
+    f(!n.expanded);
+  }, []), C = e.useCallback(
+    (n) => {
+      i.onStateChange(l(t, s.categoryAxisX, n.target.value));
+    },
+    [t]
+  ), p = e.useCallback(
+    (n) => {
+      i.onStateChange(l(t, s.seriesChange, n));
+    },
+    [t]
+  ), x = e.useCallback(
+    (n) => {
+      i.onStateChange(l(t, s.valueAxisY, n.target.value));
+    },
+    [t]
+  );
+  return /* @__PURE__ */ e.createElement(
+    E,
+    {
+      style: { maxWidth: "576px" },
+      title: a.toLanguageString(L, o.configuration),
+      expanded: c,
+      tabIndex: 0,
+      onAction: d
+    },
+    /* @__PURE__ */ e.createElement(w, null, c && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(S, { onKeyDown: h }, /* @__PURE__ */ e.createElement(
+      g,
+      {
+        legend: r === "scatter" ? a.toLanguageString(b, o.configurationXAxis) : a.toLanguageString(
+          F,
+          o.configurationCategoryAxis
+        )
+      },
+      /* @__PURE__ */ e.createElement(
+        m,
+        {
+          data: t.columns || [],
+          value: t.categoryField,
+          onChange: C,
+          ...u
+        }
+      )
+    ), y(r) && /* @__PURE__ */ e.createElement(
+      g,
+      {
+        legend: a.toLanguageString(
+          P,
+          o.configurationSeries
+        )
+      },
+      /* @__PURE__ */ e.createElement(
+        D,
+        {
+          data: t.series,
+          initialData: t.initialSeries,
+          onChange: p
+        }
+      )
+    ), r === "pie" && /* @__PURE__ */ e.createElement(
+      g,
+      {
+        legend: a.toLanguageString(
+          k,
+          o.configurationValueAxis
+        )
+      },
+      /* @__PURE__ */ e.createElement(
+        m,
+        {
+          data: t.columns || [],
+          value: t.valueField || "",
+          ...u,
+          onChange: x
+        }
+      )
+    ))))
+  );
+};
+export {
+  Y as ConfigurationPanel
+};

package/components/panels/LegendPanel.js

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

package/components/panels/LegendPanel.mjs

@@ -0,0 +1,190 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import t from "react";
+import { ExpansionPanel as K, 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 { Switch as _, ColorPicker as M } from "@progress/kendo-react-inputs";
+import { useLocalization as W } from "@progress/kendo-react-intl";
+import { formatLegendPositionTop as j, messages as l, formatLegendPositionBottom as q, formatLegendPositionLeft as G, formatLegendPositionRight as H, formatLegend as J, formatLegendShowLegend as O, formatLegendFont as Q, formatLegendFontPlaceholder as U, formatLegendSize as X, formatLegendSizePlaceholder as Y, formatLegendColor as Z, formatLegendPosition as $ } from "../../messages.mjs";
+import { stopPropagation as ee, fontNames as E, parseFont as F, nullItem as L, itemRender as te, dropdownlistCommonProps 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 ue = (i) => {
+  var S, h, v, b, p, C, x;
+  const a = W(), o = i.state, [c, w] = t.useState(!1), I = t.useCallback((e) => {
+    w(!e.expanded);
+  }, []), u = [
+    {
+      value: "top",
+      text: a.toLanguageString(j, l.formatLegendPositionTop)
+    },
+    {
+      value: "bottom",
+      text: a.toLanguageString(q, l.formatLegendPositionBottom)
+    },
+    {
+      value: "left",
+      text: a.toLanguageString(G, l.formatLegendPositionLeft)
+    },
+    {
+      value: "right",
+      text: a.toLanguageString(H, l.formatLegendPositionRight)
+    }
+  ], k = (e) => {
+    i.onStateChange(r(o, m.legendVisible, e.value));
+  }, y = (e) => {
+    const n = e.target.value || L;
+    ne(n) && i.onStateChange(r(o, m.legendFontSize, n.value));
+  }, N = (e) => {
+    const n = e.target.value || L;
+    i.onStateChange(r(o, m.legendFontName, n.value));
+  }, T = (e) => {
+    i.onStateChange(r(o, m.legendColor, e.value));
+  }, R = (e) => {
+    const n = e.target.value;
+    i.onStateChange(r(o, m.legendPosition, n.value));
+  };
+  return /* @__PURE__ */ t.createElement(
+    K,
+    {
+      style: { maxWidth: "576px" },
+      title: a.toLanguageString(J, l.formatLegend),
+      expanded: c,
+      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(
+      O,
+      l.formatLegendShowLegend
+    )), /* @__PURE__ */ t.createElement(
+      _,
+      {
+        id: "show-legend",
+        checked: (S = o.legend) == null ? void 0 : S.visible,
+        onChange: k
+      }
+    ), /* @__PURE__ */ t.createElement(
+      s,
+      {
+        className: "k-col-span-2",
+        editorId: "legendLabelsFont",
+        labelText: a.toLanguageString(
+          Q,
+          l.formatLegendFont
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        P,
+        {
+          id: "legendLabelsFont",
+          data: E,
+          textField: "text",
+          dataItemKey: "value",
+          placeholder: a.toLanguageString(
+            U,
+            l.formatLegendFontPlaceholder
+          ),
+          value: E.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);
+            }
+          ) || L,
+          onChange: N,
+          itemRender: te,
+          disabled: ((h = o.legend) == null ? void 0 : h.visible) === !1,
+          ...f
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      s,
+      {
+        editorId: "legendLabelsSize",
+        labelText: a.toLanguageString(
+          X,
+          l.formatLegendSize
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        P,
+        {
+          id: "legendLabelsSize",
+          data: z,
+          textField: "text",
+          dataItemKey: "value",
+          placeholder: a.toLanguageString(
+            Y,
+            l.formatLegendSizePlaceholder
+          ),
+          value: z.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);
+            }
+          ) || L,
+          onChange: y,
+          disabled: ((v = o.legend) == null ? void 0 : v.visible) === !1,
+          allowCustom: !0,
+          ...f
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      s,
+      {
+        editorId: "legendLabelsColor",
+        labelText: a.toLanguageString(
+          Z,
+          l.formatLegendColor
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        M,
+        {
+          id: "legendLabelsColor",
+          value: ((p = (b = o.legend) == null ? void 0 : b.labels) == null ? void 0 : p.color) || "",
+          onChange: T,
+          disabled: ((C = o.legend) == null ? void 0 : C.visible) === !1,
+          view: "gradient",
+          fillMode: "outline"
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      s,
+      {
+        className: "k-col-span-2",
+        editorId: "legendPosition",
+        labelText: a.toLanguageString(
+          $,
+          l.formatLegendPosition
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        V,
+        {
+          id: "legendPosition",
+          data: u,
+          textField: "text",
+          dataItemKey: "value",
+          value: u.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,
+          ...f
+        }
+      )
+    )))))
+  );
+};
+export {
+  ue as LegendPanel
+};

package/components/panels/LineChartPanel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"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;

package/components/panels/LineChartPanel.mjs

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+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 { 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);
+  }, []), g = () => {
+    a.onStateChange(r(t, s(t.data, "line")));
+  }, u = () => {
+    const n = r(t, s(t.data, "line"));
+    a.onStateChange(S(n, d.stacked, I));
+  }, x = () => {
+    const n = r(t, s(t.data, "line"));
+    a.onStateChange(S(n, d.stacked, A));
+  };
+  return /* @__PURE__ */ e.createElement(
+    y,
+    {
+      style: { maxWidth: "576px" },
+      title: i.toLanguageString(P, c.lineChart),
+      expanded: m,
+      tabIndex: 0,
+      onAction: C
+    },
+    /* @__PURE__ */ e.createElement(E, null, m && /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(
+      l,
+      {
+        selected: o === "line" && h,
+        onClick: g,
+        icon: W,
+        iconName: "chart-line"
+      },
+      i.toLanguageString(b, c.lineChartLine)
+    ), /* @__PURE__ */ e.createElement(
+      l,
+      {
+        selected: o === "line" && k,
+        onClick: u,
+        icon: v,
+        iconName: "chart-line-stacked"
+      },
+      i.toLanguageString(w, c.lineChartStackedLine)
+    ), /* @__PURE__ */ e.createElement(
+      l,
+      {
+        selected: o === "line" && p,
+        onClick: x,
+        icon: B,
+        iconName: "chart-line-stacked100"
+      },
+      i.toLanguageString(
+        z,
+        c.lineChart100StackedLine
+      )
+    ))))
+  );
+};
+export {
+  M as LineChartPanel
+};

package/components/panels/PieChartPanel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"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;

package/components/panels/PieChartPanel.mjs

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { Reveal as l } from "@progress/kendo-react-animation";
+import { useLocalization as d } from "@progress/kendo-react-intl";
+import { ExpansionPanel as h, ExpansionPanelContent as u } from "@progress/kendo-react-layout";
+import { mergeStates as C, createState as P } from "../../utils.mjs";
+import { pieChart as x, messages as i, pieChartPie as f } from "../../messages.mjs";
+import { SeriesTypesWrap as g } from "../SeriesTypesWrap.mjs";
+import { SeriesTypeButton as S } from "../SeriesTypeButton.mjs";
+import { chartPieIcon as E } from "@progress/kendo-svg-icons";
+const R = (a) => {
+  const n = d(), t = a.state, o = t.seriesType, [r, s] = e.useState(!0), p = e.useCallback((m) => {
+    s(!m.expanded);
+  }, []), c = () => {
+    a.onStateChange(C(t, P(t.data, "pie")));
+  };
+  return /* @__PURE__ */ e.createElement(
+    h,
+    {
+      style: { maxWidth: "576px" },
+      title: n.toLanguageString(x, i.pieChart),
+      expanded: r,
+      tabIndex: 0,
+      onAction: p
+    },
+    /* @__PURE__ */ e.createElement(l, null, r && /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
+      S,
+      {
+        selected: o === "pie",
+        onClick: c,
+        icon: E,
+        iconName: "chart-pie"
+      },
+      n.toLanguageString(f, i.pieChartPie)
+    ))))
+  );
+};
+export {
+  R as PieChartPanel
+};

package/components/panels/ScatterChartPanel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),g=require("@progress/kendo-react-animation"),m=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-layout"),i=require("../../utils.js"),c=require("../../messages.js"),y=require("../SeriesTypesWrap.js"),h=require("../SeriesTypeButton.js"),C=require("@progress/kendo-svg-icons");function b(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=b(p),f=e=>{const n=m.useLocalization(),t=e.state,r=t.seriesType,[s,l]=a.useState(!0),u=a.useCallback(d=>{l(!d.expanded)},[]),S=()=>{e.onStateChange(i.mergeStates(t,i.createState(t.data,"scatter")))};return a.createElement(o.ExpansionPanel,{style:{maxWidth:"576px"},title:n.toLanguageString(c.scatterChart,c.messages.scatterChart),expanded:s,tabIndex:0,onAction:u},a.createElement(g.Reveal,null,s&&a.createElement(o.ExpansionPanelContent,null,a.createElement(y.SeriesTypesWrap,null,a.createElement(h.SeriesTypeButton,{selected:r==="scatter",onClick:S,icon:C.chartScatterIcon,iconName:"chart-scatter"},n.toLanguageString(c.scatterChartScatter,c.messages.scatterChartScatter))))))};exports.ScatterChartPanel=f;

package/components/panels/ScatterChartPanel.mjs

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { Reveal as p } from "@progress/kendo-react-animation";
+import { useLocalization as S } from "@progress/kendo-react-intl";
+import { ExpansionPanel as d, ExpansionPanelContent as h } from "@progress/kendo-react-layout";
+import { mergeStates as u, createState as C } from "../../utils.mjs";
+import { scatterChart as x, messages as o, scatterChartScatter as f } from "../../messages.mjs";
+import { SeriesTypesWrap as g } from "../SeriesTypesWrap.mjs";
+import { SeriesTypeButton as E } from "../SeriesTypeButton.mjs";
+import { chartScatterIcon as y } from "@progress/kendo-svg-icons";
+const R = (a) => {
+  const r = S(), e = a.state, c = e.seriesType, [n, s] = t.useState(!0), i = t.useCallback((l) => {
+    s(!l.expanded);
+  }, []), m = () => {
+    a.onStateChange(u(e, C(e.data, "scatter")));
+  };
+  return /* @__PURE__ */ t.createElement(
+    d,
+    {
+      style: { maxWidth: "576px" },
+      title: r.toLanguageString(x, o.scatterChart),
+      expanded: n,
+      tabIndex: 0,
+      onAction: i
+    },
+    /* @__PURE__ */ t.createElement(p, null, n && /* @__PURE__ */ t.createElement(h, null, /* @__PURE__ */ t.createElement(g, null, /* @__PURE__ */ t.createElement(
+      E,
+      {
+        selected: c === "scatter",
+        onClick: m,
+        icon: y,
+        iconName: "chart-scatter"
+      },
+      r.toLanguageString(f, o.scatterChartScatter)
+    ))))
+  );
+};
+export {
+  R as ScatterChartPanel
+};

package/components/panels/SeriesPanel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),y=require("@progress/kendo-react-layout"),F=require("@progress/kendo-react-form"),m=require("../FormField.js"),v=require("@progress/kendo-react-inputs"),n=require("../../utils.js"),o=require("../../messages.js"),q=require("@progress/kendo-react-intl"),T=require("@progress/kendo-react-dropdowns"),w=require("@progress/kendo-react-animation"),P=l=>{var g,p,f,b,C;const[s,d]=t.useState(""),r=q.useLocalization(),a=l.state,u=a.seriesType,E=typeof((g=a.series[0])==null?void 0:g.stack)=="object"?(p=a.series[0])==null?void 0:p.stack.type:!1,[S,h]=t.useState(!1),k=t.useCallback(e=>{h(!e.expanded)},[]),x=e=>{s&&l.onStateChange(n.updateState(a,n.ActionTypes.seriesColor,{seriesName:s,color:e.value}))},L=e=>{l.onStateChange(n.updateState(a,n.ActionTypes.seriesLabel,{seriesName:s,all:!s,visible:e.value}))},c={name:r.toLanguageString(o.formatSeriesAllSeries,o.messages.formatSeriesAllSeries)},A=e=>{const i=e.target.value.name;d(i===c.name?"":i)};return t.useEffect(()=>{d("")},[u,E]),t.createElement(y.ExpansionPanel,{style:{maxWidth:"576px"},title:r.toLanguageString(o.formatSeries,o.messages.formatSeries),expanded:S,tabIndex:0,onAction:k},t.createElement(w.Reveal,null,S&&t.createElement(y.ExpansionPanelContent,null,t.createElement(F.FormElement,{onKeyDown:n.stopPropagation},t.createElement(m.FormField,{editorId:"apply-to-series",labelText:r.toLanguageString(o.formatSeriesApplyTo,o.messages.formatSeriesApplyTo)},t.createElement(T.DropDownList,{id:"apply-to-series",data:a.series,textField:"name",dataItemKey:"name",defaultItem:c,disabled:!n.isCategorical(u),value:a.series.find(e=>e.name===s)||c,onChange:A,...n.dropdownlistCommonProps})),t.createElement(m.FormField,{editorId:"seriesColor",labelText:r.toLanguageString(o.formatSeriesColor,o.messages.formatSeriesColor)},t.createElement(v.ColorPicker,{id:"seriesColor",value:s?(f=a.series.find(e=>e.name===s))==null?void 0:f.color:"",onChange:x,disabled:!s,view:"gradient",fillMode:"outline"})),t.createElement(m.FormField,null,t.createElement(v.Checkbox,{label:r.toLanguageString(o.formatSeriesShowLabels,o.messages.formatSeriesShowLabels),checked:s?(C=(b=a.series.find(e=>e.name===s))==null?void 0:b.labels)==null?void 0:C.visible:a.series.every(e=>{var i;return(i=e.labels)==null?void 0:i.visible}),onChange:L}))))))};exports.SeriesPanel=P;

package/components/panels/SeriesPanel.mjs

@@ -0,0 +1,110 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import t from "react";
+import { ExpansionPanel as k, ExpansionPanelContent as w } from "@progress/kendo-react-layout";
+import { FormElement as T } from "@progress/kendo-react-form";
+import { FormField as m } from "../FormField.mjs";
+import { ColorPicker as P, Checkbox as I } from "@progress/kendo-react-inputs";
+import { stopPropagation as D, isCategorical as F, dropdownlistCommonProps as z, updateState as b, ActionTypes as v } from "../../utils.mjs";
+import { formatSeriesAllSeries as K, messages as i, formatSeries as N, formatSeriesApplyTo as R, formatSeriesColor as _, formatSeriesShowLabels as j } from "../../messages.mjs";
+import { useLocalization as M } from "@progress/kendo-react-intl";
+import { DropDownList as W } from "@progress/kendo-react-dropdowns";
+import { Reveal as q } from "@progress/kendo-react-animation";
+const Z = (n) => {
+  var f, p, g, u, C;
+  const [a, c] = t.useState(""), r = M(), o = n.state, d = o.seriesType, E = typeof ((f = o.series[0]) == null ? void 0 : f.stack) == "object" ? (p = o.series[0]) == null ? void 0 : p.stack.type : !1, [S, h] = t.useState(!1), x = t.useCallback((e) => {
+    h(!e.expanded);
+  }, []), y = (e) => {
+    a && n.onStateChange(
+      b(o, v.seriesColor, { seriesName: a, color: e.value })
+    );
+  }, L = (e) => {
+    n.onStateChange(
+      b(o, v.seriesLabel, {
+        seriesName: a,
+        all: !a,
+        visible: e.value
+      })
+    );
+  }, l = {
+    name: r.toLanguageString(K, i.formatSeriesAllSeries)
+  }, A = (e) => {
+    const s = e.target.value.name;
+    c(s === l.name ? "" : s);
+  };
+  return t.useEffect(() => {
+    c("");
+  }, [d, E]), /* @__PURE__ */ t.createElement(
+    k,
+    {
+      style: { maxWidth: "576px" },
+      title: r.toLanguageString(N, i.formatSeries),
+      expanded: S,
+      tabIndex: 0,
+      onAction: x
+    },
+    /* @__PURE__ */ t.createElement(q, null, S && /* @__PURE__ */ t.createElement(w, null, /* @__PURE__ */ t.createElement(T, { onKeyDown: D }, /* @__PURE__ */ t.createElement(
+      m,
+      {
+        editorId: "apply-to-series",
+        labelText: r.toLanguageString(
+          R,
+          i.formatSeriesApplyTo
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        W,
+        {
+          id: "apply-to-series",
+          data: o.series,
+          textField: "name",
+          dataItemKey: "name",
+          defaultItem: l,
+          disabled: !F(d),
+          value: o.series.find((e) => e.name === a) || l,
+          onChange: A,
+          ...z
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      m,
+      {
+        editorId: "seriesColor",
+        labelText: r.toLanguageString(_, i.formatSeriesColor)
+      },
+      /* @__PURE__ */ t.createElement(
+        P,
+        {
+          id: "seriesColor",
+          value: a ? (g = o.series.find((e) => e.name === a)) == null ? void 0 : g.color : "",
+          onChange: y,
+          disabled: !a,
+          view: "gradient",
+          fillMode: "outline"
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement(
+      I,
+      {
+        label: r.toLanguageString(
+          j,
+          i.formatSeriesShowLabels
+        ),
+        checked: a ? (C = (u = o.series.find((e) => e.name === a)) == null ? void 0 : u.labels) == null ? void 0 : C.visible : o.series.every((e) => {
+          var s;
+          return (s = e.labels) == null ? void 0 : s.visible;
+        }),
+        onChange: L
+      }
+    )))))
+  );
+};
+export {
+  Z as SeriesPanel
+};

package/components/panels/TitlePanel.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),p=require("@progress/kendo-react-layout"),k=require("@progress/kendo-react-form"),m=require("../FormField.js"),e=require("../../utils.js"),T=require("@progress/kendo-react-dropdowns"),f=require("@progress/kendo-react-inputs"),z=require("@progress/kendo-react-intl"),t=require("../../messages.js"),I=require("@progress/kendo-react-animation");function P(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const u=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(l,i,u.get?u:{enumerable:!0,get:()=>n[i]})}}return l.default=n,Object.freeze(l)}const a=P(E),A=n=>{const l=z.useLocalization(),i=n.state,[u,v]=a.useState(!1),S=a.useCallback(o=>{v(!o.expanded)},[]),r=[{value:"chartTitle",text:l.toLanguageString(t.formatTitleChartTitle,t.messages.formatTitleChartTitle)},{value:"chartSubtitle",text:l.toLanguageString(t.formatTitleChartSubtitle,t.messages.formatTitleChartSubtitle)}],[s,C]=a.useState(r[0]),x=a.useCallback(o=>{C(o.target.value)},[]),F=o=>{const c=s.value===r[0].value?e.ActionTypes.titleText:e.ActionTypes.subtitleText;n.onStateChange(e.updateState(i,c,o.target.value))},b=o=>{const c=s.value===r[0].value?e.ActionTypes.titleFontName:e.ActionTypes.subtitleFontName,g=o.target.value||e.nullItem;n.onStateChange(e.updateState(i,c,g.value))},h=o=>{const c=s.value===r[0].value?e.ActionTypes.titleFontSize:e.ActionTypes.subtitleFontSize,g=o.target.value||e.nullItem;e.ensureValue(g)&&n.onStateChange(e.updateState(i,c,g.value))},y=o=>{const c=s.value===r[0].value?e.ActionTypes.titleColor:e.ActionTypes.subtitleColor;n.onStateChange(e.updateState(i,c,o.value))},d=(s.value===r[0].value?i.title:i.subtitle)||{text:"",font:"",color:""};return a.createElement(p.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(t.formatTitle,t.messages.formatTitle),expanded:u,tabIndex:0,onAction:S},a.createElement(I.Reveal,null,u&&a.createElement(p.ExpansionPanelContent,null,a.createElement(k.FormElement,{onKeyDown:e.stopPropagation},a.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},a.createElement(m.FormField,{className:"k-col-span-2",editorId:"apply-to-title",labelText:l.toLanguageString(t.formatTitleApplyTo,t.messages.formatTitleApplyTo)},a.createElement(T.DropDownList,{id:"apply-to-title",data:r,textField:"text",dataItemKey:"value",value:r.find(o=>o.value===s.value),onChange:x,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"titleText",labelText:l.toLanguageString(t.formatTitleLabel,t.messages.formatTitleLabel)},a.createElement(f.Input,{id:"titleText",placeholder:s.value===r[0].value?r[0].text:r[1].text,value:d.text,onChange:F})),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"titleFont",labelText:l.toLanguageString(t.formatTitleFont,t.messages.formatTitleFont)},a.createElement(T.ComboBox,{id:"titleFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatTitleFontPlaceholder,t.messages.formatTitleFontPlaceholder),value:e.fontNames.find(o=>o.value===e.parseFont(d.font).name)||e.nullItem,onChange:b,itemRender:e.itemRender,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"titleFontSize",labelText:l.toLanguageString(t.formatTitleSize,t.messages.formatTitleSize)},a.createElement(T.ComboBox,{id:"titleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatTitleSizePlaceholder,t.messages.formatTitleSizePlaceholder),value:e.fontSizes.find(o=>o.value===e.parseFont(d.font).size)||e.nullItem,onChange:h,itemRender:e.itemRender,allowCustom:!0,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"titleColor",labelText:l.toLanguageString(t.formatTitleColor,t.messages.formatTitleColor)},a.createElement(f.ColorPicker,{id:"titleColor",value:d.color||"",onChange:y,view:"gradient",fillMode:"outline"})))))))};exports.TitlePanel=A;