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

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;

package/components/panels/TitlePanel.mjs

@@ -0,0 +1,172 @@
+/**
+ * @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 { ExpansionPanel as P, ExpansionPanelContent as N } from "@progress/kendo-react-layout";
+import { FormElement as A } from "@progress/kendo-react-form";
+import { FormField as u } from "../FormField.mjs";
+import { stopPropagation as w, dropdownlistCommonProps as f, fontNames as p, parseFont as x, nullItem as g, itemRender as C, fontSizes as S, ActionTypes as n, updateState as T, ensureValue as K } from "../../utils.mjs";
+import { DropDownList as D, ComboBox as h } from "@progress/kendo-react-dropdowns";
+import { Input as R, ColorPicker as B } from "@progress/kendo-react-inputs";
+import { useLocalization as M } from "@progress/kendo-react-intl";
+import { formatTitleChartTitle as V, messages as o, formatTitleChartSubtitle as W, formatTitle as j, formatTitleApplyTo as q, formatTitleLabel as G, formatTitleFont as H, formatTitleFontPlaceholder as J, formatTitleSize as O, formatTitleSizePlaceholder as Q, formatTitleColor as U } from "../../messages.mjs";
+import { Reveal as X } from "@progress/kendo-react-animation";
+const nt = (c) => {
+  const l = M(), m = c.state, [v, F] = t.useState(!1), b = t.useCallback((e) => {
+    F(!e.expanded);
+  }, []), a = [
+    {
+      value: "chartTitle",
+      text: l.toLanguageString(V, o.formatTitleChartTitle)
+    },
+    {
+      value: "chartSubtitle",
+      text: l.toLanguageString(W, o.formatTitleChartSubtitle)
+    }
+  ], [i, E] = t.useState(a[0]), z = t.useCallback((e) => {
+    E(e.target.value);
+  }, []), L = (e) => {
+    const r = i.value === a[0].value ? n.titleText : n.subtitleText;
+    c.onStateChange(T(m, r, e.target.value));
+  }, y = (e) => {
+    const r = i.value === a[0].value ? n.titleFontName : n.subtitleFontName, d = e.target.value || g;
+    c.onStateChange(T(m, r, d.value));
+  }, I = (e) => {
+    const r = i.value === a[0].value ? n.titleFontSize : n.subtitleFontSize, d = e.target.value || g;
+    K(d) && c.onStateChange(T(m, r, d.value));
+  }, k = (e) => {
+    const r = i.value === a[0].value ? n.titleColor : n.subtitleColor;
+    c.onStateChange(T(m, r, e.value));
+  }, s = (i.value === a[0].value ? m.title : m.subtitle) || {
+    text: "",
+    font: "",
+    color: ""
+  };
+  return /* @__PURE__ */ t.createElement(
+    P,
+    {
+      style: { maxWidth: "576px" },
+      title: l.toLanguageString(j, o.formatTitle),
+      expanded: v,
+      tabIndex: 0,
+      onAction: b
+    },
+    /* @__PURE__ */ t.createElement(X, null, v && /* @__PURE__ */ t.createElement(N, null, /* @__PURE__ */ t.createElement(A, { onKeyDown: w }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ t.createElement(
+      u,
+      {
+        className: "k-col-span-2",
+        editorId: "apply-to-title",
+        labelText: l.toLanguageString(
+          q,
+          o.formatTitleApplyTo
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        D,
+        {
+          id: "apply-to-title",
+          data: a,
+          textField: "text",
+          dataItemKey: "value",
+          value: a.find((e) => e.value === i.value),
+          onChange: z,
+          ...f
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      u,
+      {
+        className: "k-col-span-2",
+        editorId: "titleText",
+        labelText: l.toLanguageString(
+          G,
+          o.formatTitleLabel
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        R,
+        {
+          id: "titleText",
+          placeholder: i.value === a[0].value ? a[0].text : a[1].text,
+          value: s.text,
+          onChange: L
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      u,
+      {
+        className: "k-col-span-2",
+        editorId: "titleFont",
+        labelText: l.toLanguageString(H, o.formatTitleFont)
+      },
+      /* @__PURE__ */ t.createElement(
+        h,
+        {
+          id: "titleFont",
+          data: p,
+          textField: "text",
+          dataItemKey: "value",
+          placeholder: l.toLanguageString(
+            J,
+            o.formatTitleFontPlaceholder
+          ),
+          value: p.find((e) => e.value === x(s.font).name) || g,
+          onChange: y,
+          itemRender: C,
+          ...f
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      u,
+      {
+        editorId: "titleFontSize",
+        labelText: l.toLanguageString(O, o.formatTitleSize)
+      },
+      /* @__PURE__ */ t.createElement(
+        h,
+        {
+          id: "titleFontSize",
+          data: S,
+          textField: "text",
+          dataItemKey: "value",
+          placeholder: l.toLanguageString(
+            Q,
+            o.formatTitleSizePlaceholder
+          ),
+          value: S.find((e) => e.value === x(s.font).size) || g,
+          onChange: I,
+          itemRender: C,
+          allowCustom: !0,
+          ...f
+        }
+      )
+    ), /* @__PURE__ */ t.createElement(
+      u,
+      {
+        editorId: "titleColor",
+        labelText: l.toLanguageString(
+          U,
+          o.formatTitleColor
+        )
+      },
+      /* @__PURE__ */ t.createElement(
+        B,
+        {
+          id: "titleColor",
+          value: s.color || "",
+          onChange: k,
+          view: "gradient",
+          fillMode: "outline"
+        }
+      )
+    )))))
+  );
+};
+export {
+  nt as TitlePanel
+};

package/components/panels/ValueAxisPanel.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 l=require("react"),h=require("@progress/kendo-react-layout"),M=require("@progress/kendo-react-form"),E=require("../FormFieldSet.js"),m=require("../FormField.js"),g=require("@progress/kendo-react-inputs"),e=require("../../utils.js"),a=require("../../messages.js"),Y=require("@progress/kendo-react-intl"),j=require("@progress/kendo-react-animation"),x=require("@progress/kendo-react-dropdowns"),O=u=>{var f,v,F,b,L,S,V,C,T,p;const s=Y.useLocalization(),n=u.state,y=n.seriesType,d={text:s.toLanguageString(a.formatValueAxisLabelsFormatText,a.messages.formatValueAxisLabelsFormatText),value:""},c=[{value:"n0",text:s.toLanguageString(a.formatValueAxisLabelsFormatNumber,a.messages.formatValueAxisLabelsFormatNumber)},{value:"c0",text:s.toLanguageString(a.formatValueAxisLabelsFormatCurrency,a.messages.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:s.toLanguageString(a.formatValueAxisLabelsFormatPercent,a.messages.formatValueAxisLabelsFormatPercent)}],[A,z]=l.useState(!1),I=l.useCallback(t=>{z(!t.expanded)},[]),P=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleText,t.target.value))},k=t=>{const o=t.target.value||e.nullItem;e.ensureValue(o)&&u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleFontSize,o.value))},R=t=>{const o=t.target.value||e.nullItem;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleFontName,o.value))},N=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleColor,t.value))},w=t=>{const o=t.target.value||e.nullItem;e.ensureValue(o)&&u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFontSize,o.value))},q=t=>{const o=t.target.value||e.nullItem;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFontName,o.value))},K=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsColor,t.value))},B=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsRotation,t.target.value))},D=t=>{const o=t.target.value;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFormat,o.value))};return l.createElement(h.ExpansionPanel,{style:{maxWidth:"576px"},title:y==="scatter"?s.toLanguageString(a.formatYAxis,a.messages.formatYAxis):s.toLanguageString(a.formatValueAxis,a.messages.formatValueAxis),expanded:A,tabIndex:0,onAction:I},l.createElement(j.Reveal,null,A&&l.createElement(h.ExpansionPanelContent,null,l.createElement(M.FormElement,{onKeyDown:e.stopPropagation},l.createElement(E.FormFieldSet,{legend:s.toLanguageString(a.formatValueAxisTitle,a.messages.formatValueAxisTitle)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2"},l.createElement(g.Input,{placeholder:s.toLanguageString(a.formatValueAxisTitlePlaceholder,a.messages.formatValueAxisTitlePlaceholder),value:((v=(f=n.valueAxis[0])==null?void 0:f.title)==null?void 0:v.text)||"",onChange:P})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:s.toLanguageString(a.formatValueAxisTitleFont,a.messages.formatValueAxisTitleFont)},l.createElement(x.ComboBox,{id:"valueAxisTitleFont",data:e.fontNames,textField:"text",dataItemKey:"value",itemRender:e.itemRender,placeholder:s.toLanguageString(a.formatValueAxisTitleFontPlaceholder,a.messages.formatValueAxisTitleFontPlaceholder),value:e.fontNames.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.title)==null?void 0:i.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:R,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleFontSize",labelText:s.toLanguageString(a.formatValueAxisTitleSize,a.messages.formatValueAxisTitleSize)},l.createElement(x.ComboBox,{id:"valueAxisTitleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisTitleSizePlaceholder,a.messages.formatValueAxisTitleSizePlaceholder),value:e.fontSizes.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.title)==null?void 0:i.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:k,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleColor",labelText:s.toLanguageString(a.formatValueAxisTitleColor,a.messages.formatValueAxisTitleColor)},l.createElement(g.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((b=(F=n.valueAxis[0])==null?void 0:F.title)==null?void 0:b.color)||"",onChange:N,fillMode:"outline"})))),l.createElement(E.FormFieldSet,{legend:s.toLanguageString(a.formatValueAxisLabels,a.messages.formatValueAxisLabels)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:s.toLanguageString(a.formatValueAxisLabelsFormat,a.messages.formatValueAxisLabelsFormat)},l.createElement(x.DropDownList,{id:"valueAxisLabelsFormat",data:c,textField:"text",dataItemKey:"value",defaultItem:d,value:c.find(t=>{var o,i;return t.value===((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.format)})||d,onChange:D,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:s.toLanguageString(a.formatValueAxisLabelsFont,a.messages.formatValueAxisLabelsFont)},l.createElement(x.ComboBox,{id:"valueAxisLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisLabelsFontPlaceholder,a.messages.formatValueAxisLabelsFontPlaceholder),value:e.fontNames.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:q,itemRender:e.itemRender,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsFontSize",labelText:s.toLanguageString(a.formatValueAxisLabelsSize,a.messages.formatValueAxisLabelsSize)},l.createElement(x.ComboBox,{id:"valueAxisLabelsFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisLabelsSizePlaceholder,a.messages.formatValueAxisLabelsSizePlaceholder),value:e.fontSizes.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:w,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsColor",labelText:s.toLanguageString(a.formatValueAxisLabelsColor,a.messages.formatValueAxisLabelsColor)},l.createElement(g.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((S=(L=n.valueAxis[0])==null?void 0:L.labels)==null?void 0:S.color)||"",onChange:K,fillMode:"outline"})),l.createElement(m.FormField,{editorId:"valueAxisLabelsRotation",labelText:s.toLanguageString(a.formatValueAxisLabelsRotation,a.messages.formatValueAxisLabelsRotation)},l.createElement(g.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((C=(V=n.valueAxis[0])==null?void 0:V.labels)==null?void 0:C.rotation)=="number"?(p=(T=n.valueAxis[0])==null?void 0:T.labels)==null?void 0:p.rotation:null,placeholder:s.toLanguageString(a.formatValueAxisLabelsRotationAuto,a.messages.formatValueAxisLabelsRotationAuto),onChange:B,fillMode:"outline",min:-360,max:360,step:1}))))))))};exports.ValueAxisPanel=O;