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

package/components/panels/ValueAxisPanel.mjs

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

package/dist/cdn/js/kendo-react-chart-wizard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-charts"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-charts","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-animation","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-drawing","@progress/kendo-file-saver"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactCharts,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactAnimation,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactIntl,e.KendoReactCommon,e.KendoCharts,e.KendoReactInputs,e.KendoReactLabels,e.KendoReactForm,e.KendoDrawing,e.KendoFileSaver)}(this,(function(e,t,a,l,r,o,n,i,c,d,s,u,g,m,x,h,v,f){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var b=p(t);const C=b.createContext({onRemove:e=>{},count:0}),E=e=>{const{onRemove:t,count:a}=b.useContext(C);return b.createElement("td",{...e.tdProps},b.createElement(o.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},k=b.createContext({reorder:()=>{},dragStart:()=>{}}),S=e=>{const t=b.useContext(k);return b.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},b.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},b.createElement(u.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},A=b.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),L=e=>{const{enterEdit:t}=b.useContext(A);return b.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},z=e=>"delete"===e.field?b.createElement(E,{...e}):"reorder"===e.field?b.createElement(S,{...e}):"name"===e.field?b.createElement(L,{...e}):null,y=e=>{const t=b.useRef(null),{exitEdit:a}=b.useContext(A);return b.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),b.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},W=()=>null,T=g.ChartWizardCommon.messages,I="chartWizard.format.chartArea.margins.auto",{messages:F}=g.ChartWizardCommon,P="inEdit",w=e=>{const[a,l]=t.useState(null);return t.createElement(C.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(k.Provider,{value:{reorder:t=>{if(a===t)return;const l=e.data.slice(),r=l.findIndex((e=>e===a)),o=l.findIndex((e=>e===t));l.splice(r,1),l.splice(o,0,a||l[0]),e.onChange.call(void 0,l)},dragStart:e=>{l(e)}}},t.createElement(A.Provider,{value:{enterEdit:(t,a)=>{const l=e.data.map((e=>({...e,[P]:e.id===t.id?a:void 0})));e.onChange.call(void 0,l)},exitEdit:()=>{const t=e.data.map((e=>({...e,[P]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(d.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",l=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,l)},scrollable:"none",editField:P,cells:{headerCell:W,data:z,edit:{text:y,boolean:y,numeric:y,date:y}}},t.createElement(d.GridToolbar,null,t.createElement(o.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},s.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",F.configurationSeriesAdd))),t.createElement(d.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(d.GridColumn,{field:"name",title:"Name"}),t.createElement(d.GridColumn,{field:"delete",width:"40px",editable:!1})))))},N=g.ChartWizardCommon.fontSizes,R=g.ChartWizardCommon.fontNames,D=g.ChartWizardCommon.createInitialState,K=g.ChartWizardCommon.createState,B=g.ChartWizardCommon.updateState,M=g.ChartWizardCommon.mergeStates,V=g.ChartWizardCommon.isCategorical,q=g.ChartWizardCommon.parseFont,O=g.ChartWizardCommon.ActionTypes;class G{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let j=class extends G{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const H="chart",X={paperSize:"A4",margin:"1cm"},Y={width:800,height:600},U=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportPDF(t,a.pdf).then((e=>f.saveAs(e,a.fileName+".pdf")))},$=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportSVG(t).then((e=>f.saveAs(e,a.fileName+".svg")))},J=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&v.exportImage(a,t.image).then((e=>f.saveAs(e,t.fileName+".png")))},Q=e=>b.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&b.createElement("legend",{className:"k-form-legend"},e.legend),e.children),Z=e=>{e.stopPropagation()},_=e=>b.createElement(h.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&b.createElement(x.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),b.createElement("div",{className:"k-form-field-wrap",onKeyDown:Z},e.children)),ee={value:null,text:""},te=/^\d+$/,ae=(e,t)=>t.dataItem.style?b.cloneElement(e,e.props,b.createElement("span",{style:t.dataItem.style},e.props.children)):e,le=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!te.test(e.text))return!1;e.value=e.text+"px"}return N.find((t=>t.value===e.value))||(N.push(e),N.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},re=e=>{const t=b.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick())}),[e.onClick]);return b.createElement("div",{className:u.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},b.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:t},b.createElement(u.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},oe=e=>b.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:Z},e.children),ne={fillMode:"outline",popupSettings:{animate:!1}},ie={type:"normal"},ce={type:"100%"},de=b.forwardRef(((e,t)=>{var d,u,g,v,f,p,C,E,k,S,A,L,z,y,W,F,P,G,te,de,se,ue,ge,me,xe,he,ve,fe,pe,be,Ce,Ee,ke,Se,Ae,Le,ze,ye,We,Te,Ie;const Fe=s.useLocalization(),Pe=[{value:"chartTitle",text:Fe.toLanguageString("chartWizard.format.title.chartTitle",T.formatTitleChartTitle)},{value:"chartSubtitle",text:Fe.toLanguageString("chartWizard.format.title.chartSubtitle",T.formatTitleChartSubtitle)}],we=[{value:"top",text:Fe.toLanguageString("chartWizard.format.legend.position.top",T.formatLegendPositionTop)},{value:"bottom",text:Fe.toLanguageString("chartWizard.format.legend.position.bottom",T.formatLegendPositionBottom)},{value:"left",text:Fe.toLanguageString("chartWizard.format.legend.position.left",T.formatLegendPositionLeft)},{value:"right",text:Fe.toLanguageString("chartWizard.format.legend.position.right",T.formatLegendPositionRight)}],Ne={name:Fe.toLanguageString("chartWizard.format.series.allSeries",T.formatSeriesAllSeries)},Re={text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",T.formatValueAxisLabelsFormatText),value:""},De=[{value:"n0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",T.formatValueAxisLabelsFormatNumber)},{value:"c0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",T.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",T.formatValueAxisLabelsFormatPercent)}],Ke=b.useRef(null),Be=b.useCallback((t=>{var a;if(Ke.current){const l=new j(Ke.current,((e={})=>({fileName:e.fileName||H,pdf:{...X,...e.pdf},image:{...Y,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),Me=e.window||a.Window,[Ve,qe]=b.useState({width:700,height:550}),[Oe,Ge]=b.useState("DEFAULT"),je=b.useCallback((e=>{qe({width:e.width,height:e.height})}),[]),He=b.useCallback((e=>{Ge(e.state)}),[]),[Xe,Ye]=b.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Ue=b.useCallback((e=>{Ye(e.newState)}),[]),[$e,Je]=b.useState(!0),Qe=b.useCallback((e=>{Je(!e.expanded)}),[]),[Ze,_e]=b.useState(!0),et=b.useCallback((e=>{_e(!e.expanded)}),[]),[tt,at]=b.useState(!0),lt=b.useCallback((e=>{at(!e.expanded)}),[]),[rt,ot]=b.useState(!0),nt=b.useCallback((e=>{ot(!e.expanded)}),[]),[it,ct]=b.useState(!0),dt=b.useCallback((e=>{ct(!e.expanded)}),[]),[st,ut]=b.useState(!0),gt=b.useCallback((e=>{ut(!e.expanded)}),[]),[mt,xt]=b.useState(!1),ht=b.useCallback((e=>{xt(!e.expanded)}),[]),[vt,ft]=b.useState(!1),pt=b.useCallback((e=>{ft(!e.expanded)}),[]),[bt,Ct]=b.useState(!1),Et=b.useCallback((e=>{Ct(!e.expanded)}),[]),[kt,St]=b.useState(!1),At=b.useCallback((e=>{St(!e.expanded)}),[]),[Lt,zt]=b.useState(!1),yt=b.useCallback((e=>{zt(!e.expanded)}),[]),[Wt,Tt]=b.useState(!1),It=b.useCallback((e=>{Tt(!e.expanded)}),[]),[Ft,Pt]=b.useState(0),wt=b.useCallback((e=>{Pt(e.selected)}),[]),[Nt,Rt]=b.useState(D(e.data,"bar",e.defaultState)),Dt=b.useRef(Nt);Dt.current=Nt;const Kt=b.useCallback((()=>({get chart(){return Ke.current},get state(){return Dt.current}})),[]);b.useImperativeHandle(t,Kt);const[Bt,Mt]=b.useState(""),Vt=b.useCallback((e=>{const t=e.target.value.name;Mt(t===Ne.name?"":t)}),[]),qt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"bar"))),Mt("")}),[Nt,e.data]),Ot=b.useCallback((()=>{const t=M(Nt,K(e.data,"bar"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),Gt=b.useCallback((()=>{const t=M(Nt,K(e.data,"bar"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),jt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"column"))),Mt("")}),[Nt,e.data]),Ht=b.useCallback((()=>{const t=M(Nt,K(e.data,"column"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),Xt=b.useCallback((()=>{const t=M(Nt,K(e.data,"column"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),Yt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"line"))),Mt("")}),[Nt,e.data]),Ut=b.useCallback((()=>{const t=M(Nt,K(e.data,"line"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),$t=b.useCallback((()=>{const t=M(Nt,K(e.data,"line"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),Jt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"pie"))),Mt("")}),[Nt,e.data]),Qt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"scatter"))),Mt("")}),[Nt,e.data]),Zt=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisX,e.target.value))}),[Nt]),_t=b.useCallback((e=>{Rt(B(Nt,O.seriesChange,e))}),[Nt]),ea=b.useCallback((e=>{Rt(B(Nt,O.valueAxisY,e.target.value))}),[Nt]),ta=b.useCallback((e=>{Rt(B(Nt,O.areaMarginLeft,e.target.value))}),[Nt]),aa=b.useCallback((e=>{Rt(B(Nt,O.areaMarginRight,e.target.value))}),[Nt]),la=b.useCallback((e=>{Rt(B(Nt,O.areaMarginTop,e.target.value))}),[Nt]),ra=b.useCallback((e=>{Rt(B(Nt,O.areaMarginBottom,e.target.value))}),[Nt]),oa=Nt.area.margin,na=b.useCallback((e=>{Rt(B(Nt,O.areaBackground,e.value))}),[Nt]),[ia,ca]=b.useState(Pe[0]),da=b.useCallback((e=>{ca(e.target.value)}),[]),sa=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleText:O.subtitleText;Rt(B(Nt,t,e.target.value))}),[Nt,ia]),ua=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleFontName:O.subtitleFontName,a=e.target.value||ee;Rt(B(Nt,t,a.value))}),[Nt,ia]),ga=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleFontSize:O.subtitleFontSize,a=e.target.value||ee;le(a)&&Rt(B(Nt,t,a.value))}),[Nt,ia]),ma=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleColor:O.subtitleColor;Rt(B(Nt,t,e.value))}),[Nt,ia]),xa=(ia.value===Pe[0].value?Nt.title:Nt.subtitle)||{text:"",font:"",color:""},ha=b.useCallback((e=>{Bt&&Rt(B(Nt,O.seriesColor,{seriesName:Bt,color:e.value}))}),[Nt,Bt]),va=b.useCallback((e=>{Rt(B(Nt,O.seriesLabel,{seriesName:Bt,all:!Bt,visible:e.value}))}),[Nt,Bt]),fa=b.useCallback((e=>{Rt(B(Nt,O.legendVisible,e.value))}),[Nt]),pa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.legendFontSize,t.value))}),[Nt]),ba=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.legendFontName,t.value))}),[Nt]),Ca=b.useCallback((e=>{Rt(B(Nt,O.legendColor,e.value))}),[Nt]),Ea=b.useCallback((e=>{const t=e.target.value;Rt(B(Nt,O.legendPosition,t.value))}),[Nt]),ka=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisTitleText,e.target.value))}),[Nt]),Sa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.categoryAxisTitleFontSize,t.value))}),[Nt]),Aa=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.categoryAxisTitleFontName,t.value))}),[Nt]),La=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisTitleColor,e.value))}),[Nt]),za=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.categoryAxisLabelsFontSize,t.value))}),[Nt]),ya=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.categoryAxisLabelsFontName,t.value))}),[Nt]),Wa=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisLabelsColor,e.value))}),[Nt]),Ta=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisLabelsRotation,e.target.value))}),[Nt]),Ia=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisReverseOrder,e.value))}),[Nt]),Fa=b.useCallback((e=>{Rt(B(Nt,O.valueAxisTitleText,e.target.value))}),[Nt]),Pa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.valueAxisTitleFontSize,t.value))}),[Nt]),wa=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.valueAxisTitleFontName,t.value))}),[Nt]),Na=b.useCallback((e=>{Rt(B(Nt,O.valueAxisTitleColor,e.value))}),[Nt]),Ra=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.valueAxisLabelsFontSize,t.value))}),[Nt]),Da=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.valueAxisLabelsFontName,t.value))}),[Nt]),Ka=b.useCallback((e=>{Rt(B(Nt,O.valueAxisLabelsColor,e.value))}),[Nt]),Ba=b.useCallback((e=>{Rt(B(Nt,O.valueAxisLabelsRotation,e.target.value))}),[Nt]),Ma=b.useCallback((e=>{const t=e.target.value;Rt(B(Nt,O.valueAxisLabelsFormat,t.value))}),[Nt]),Va=Nt.seriesType,qa="object"==typeof(null==(d=Nt.series[0])?void 0:d.stack)&&(null==(u=Nt.series[0])?void 0:u.stack),Oa=!1===qa,Ga=qa&&"normal"===qa.type,ja=qa&&"100%"===qa.type;return b.createElement(Me,{title:Fe.toLanguageString("chartWizard.window.title",T.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:je,stage:Oe,onStageChange:He,...Ve},b.createElement(r.Splitter,{panes:Xe,onChange:Ue,className:"k-chart-wizard-splitter"},b.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},b.createElement("div",{className:"k-preview-pane-header"},b.createElement(o.DropDownButton,{text:Fe.toLanguageString("chartWizard.export.button",T.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:Be,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:U,text:Fe.toLanguageString("chartWizard.exportPDF.button",T.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:$,text:Fe.toLanguageString("chartWizard.exportSVG.button",T.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:J,text:Fe.toLanguageString("chartWizard.exportPNG.button",T.exportPNGButton)}]})),b.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},b.createElement(l.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:Ke},b.createElement(l.ChartTitle,{text:null==(g=Nt.title)?void 0:g.text,font:null==(v=Nt.title)?void 0:v.font,color:(null==(f=Nt.title)?void 0:f.color)||"#000"}),b.createElement(l.ChartSubtitle,{text:null==(p=Nt.subtitle)?void 0:p.text,font:null==(C=Nt.subtitle)?void 0:C.font,color:(null==(E=Nt.subtitle)?void 0:E.color)||"#000"}),b.createElement(l.ChartArea,{background:null==(k=Nt.area)?void 0:k.background,margin:oa}),Nt.categoryAxis&&b.createElement(l.ChartCategoryAxis,null,Nt.categoryAxis.map(((e,t)=>b.createElement(l.ChartCategoryAxisItem,{key:t,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),Nt.valueAxis&&b.createElement(l.ChartValueAxis,null,Nt.valueAxis.map(((e,t)=>b.createElement(l.ChartValueAxisItem,{key:t,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),b.createElement(l.ChartSeries,null,Nt.series.map(((e,t)=>b.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),b.createElement(l.ChartLegend,{visible:null==(S=Nt.legend)?void 0:S.visible,position:null==(A=Nt.legend)?void 0:A.position,labels:{color:(null==(z=null==(L=Nt.legend)?void 0:L.labels)?void 0:z.color)||void 0,font:(null==(W=null==(y=Nt.legend)?void 0:y.labels)?void 0:W.font)||void 0}})))),b.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},b.createElement(r.TabStrip,{selected:Ft,onSelect:wt,animation:!1},b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.chart",T.tabChart)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.barChart.expandText",T.barChart),expanded:$e,tabIndex:0,onAction:Qe},b.createElement(i.Reveal,null,$e&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"bar"===Va&&Oa,onClick:qt,icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},Fe.toLanguageString("chartWizard.chart.barChart.bar",T.barChartBar)),b.createElement(re,{selected:"bar"===Va&&Ga,onClick:Ot,icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},Fe.toLanguageString("chartWizard.chart.barChart.stackedBar",T.barChartStackedBar)),b.createElement(re,{selected:"bar"===Va&&ja,onClick:Gt,icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},Fe.toLanguageString("chartWizard.chart.barChart.100%stackedBar",T.barChart100StackedBar)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.pieChart.expandText",T.pieChart),expanded:Ze,tabIndex:0,onAction:et},b.createElement(i.Reveal,null,Ze&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"pie"===Va,onClick:Jt,icon:n.chartPieIcon,iconName:"chart-pie"},Fe.toLanguageString("chartWizard.chart.pieChart.pie",T.pieChartPie)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.columnChart.expandText",T.columnChart),expanded:tt,tabIndex:0,onAction:lt},b.createElement(i.Reveal,null,tt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"column"===Va&&Oa,onClick:jt,icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},Fe.toLanguageString("chartWizard.chart.columnChart.column",T.columnChartColumn)),b.createElement(re,{selected:"column"===Va&&Ga,onClick:Ht,icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},Fe.toLanguageString("chartWizard.chart.columnChart.stackedColumn",T.columnChartStackedColumn)),b.createElement(re,{selected:"column"===Va&&ja,onClick:Xt,icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},Fe.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",T.columnChart100StackedColumn)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.lineChart.expandText",T.lineChart),expanded:rt,tabIndex:0,onAction:nt},b.createElement(i.Reveal,null,rt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"line"===Va&&Oa,onClick:Yt,icon:n.chartLineIcon,iconName:"chart-line"},Fe.toLanguageString("chartWizard.chart.lineChart.line",T.lineChartLine)),b.createElement(re,{selected:"line"===Va&&Ga,onClick:Ut,icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},Fe.toLanguageString("chartWizard.chart.lineChart.stackedLine",T.lineChartStackedLine)),b.createElement(re,{selected:"line"===Va&&ja,onClick:$t,icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},Fe.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",T.lineChart100StackedLine)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.scatterChart.expandText",T.scatterChart),expanded:it,tabIndex:0,onAction:dt},b.createElement(i.Reveal,null,it&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"scatter"===Va,onClick:Qt,icon:n.chartScatterIcon,iconName:"chart-scatter"},Fe.toLanguageString("chartWizard.chart.scatterChart.scatter",T.scatterChartScatter)))))))),b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.data",T.tabData)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.data.configuration.expandText",T.configuration),expanded:st,tabIndex:0,onAction:gt},b.createElement(i.Reveal,null,st&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:"scatter"===Va?Fe.toLanguageString("chartWizard.data.configuration.xAxis",T.configurationXAxis):Fe.toLanguageString("chartWizard.data.configuration.categoryAxis",T.configurationCategoryAxis)},b.createElement(c.DropDownList,{data:Nt.columns||[],value:Nt.categoryField,onChange:Zt,...ne})),V(Va)&&b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.data.configuration.series.title",T.configurationSeries)},b.createElement(w,{data:Nt.series,initialData:Nt.initialSeries,onChange:_t})),"pie"===Va&&b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.data.configuration.valueAxis",T.configurationValueAxis)},b.createElement(c.DropDownList,{data:Nt.columns||[],value:Nt.valueField||"",...ne,onChange:ea})))))))),b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.format",T.tabFormat)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.chartArea.expandText",T.formatChartArea),expanded:mt,tabIndex:0,onAction:ht},b.createElement(i.Reveal,null,mt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.chartArea.margins",T.formatChartAreaMargins)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.left",T.formatChartAreaMarginsLeft),editorId:"left"},b.createElement(m.NumericTextBox,{id:"left",value:void 0!==oa.left?oa.left:null,onChange:ta,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.right",T.formatChartAreaMarginsRight),editorId:"right"},b.createElement(m.NumericTextBox,{id:"right",value:void 0!==oa.right?oa.right:null,onChange:aa,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.top",T.formatChartAreaMarginsTop),editorId:"top"},b.createElement(m.NumericTextBox,{id:"top",value:void 0!==oa.top?oa.top:null,onChange:la,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.bottom",T.formatChartAreaMarginsBottom),editorId:"bottom"},b.createElement(m.NumericTextBox,{id:"bottom",value:void 0!==oa.bottom?oa.bottom:null,onChange:ra,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.chartArea.background",T.formatChartAreaBackground)},b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.background.color",T.formatChartAreaBackgroundColor),editorId:"background"},b.createElement(m.ColorPicker,{id:"background",value:(null==(F=Nt.area)?void 0:F.background)||"",onChange:na,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.title.expandText",T.formatTitle),expanded:vt,tabIndex:0,onAction:pt},b.createElement(i.Reveal,null,vt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Fe.toLanguageString("chartWizard.format.title.applyTo",T.formatTitleApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-title",data:Pe,textField:"text",dataItemKey:"value",value:Pe.find((e=>e.value===ia.value)),onChange:da,...ne})),b.createElement(_,{className:"k-col-span-2",editorId:"titleText",labelText:Fe.toLanguageString("chartWizard.format.title.label",T.formatTitleLabel)},b.createElement(m.Input,{id:"titleText",placeholder:ia.value===Pe[0].value?Pe[0].text:Pe[1].text,value:xa.text,onChange:sa})),b.createElement(_,{className:"k-col-span-2",editorId:"titleFont",labelText:Fe.toLanguageString("chartWizard.format.title.font",T.formatTitleFont)},b.createElement(c.ComboBox,{id:"titleFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.title.fontPlaceholder",T.formatTitleFontPlaceholder),value:R.find((e=>e.value===q(xa.font).name))||ee,onChange:ua,itemRender:ae,...ne})),b.createElement(_,{editorId:"titleFontSize",labelText:Fe.toLanguageString("chartWizard.format.title.size",T.formatTitleSize)},b.createElement(c.ComboBox,{id:"titleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.title.sizePlaceholder",T.formatTitleSizePlaceholder),value:N.find((e=>e.value===q(xa.font).size))||ee,onChange:ga,itemRender:ae,allowCustom:!0,...ne})),b.createElement(_,{editorId:"titleColor",labelText:Fe.toLanguageString("chartWizard.format.title.color",T.formatTitleColor)},b.createElement(m.ColorPicker,{id:"titleColor",value:xa.color||"",onChange:ma,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.series.expandText",T.formatSeries),expanded:bt,tabIndex:0,onAction:Et},b.createElement(i.Reveal,null,bt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(_,{editorId:"apply-to-series",labelText:Fe.toLanguageString("chartWizard.format.series.applyTo",T.formatSeriesApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-series",data:Nt.series,textField:"name",dataItemKey:"name",defaultItem:Ne,disabled:!V(Va),value:Nt.series.find((e=>e.name===Bt))||Ne,onChange:Vt,...ne})),b.createElement(_,{editorId:"seriesColor",labelText:Fe.toLanguageString("chartWizard.format.series.color",T.formatSeriesColor)},b.createElement(m.ColorPicker,{id:"seriesColor",value:Bt?null==(P=Nt.series.find((e=>e.name===Bt)))?void 0:P.color:"",onChange:ha,disabled:!Bt,view:"gradient",fillMode:"outline"})),b.createElement(_,null,b.createElement(m.Checkbox,{label:Fe.toLanguageString("chartWizard.format.series.showLabels",T.formatSeriesShowLabels),checked:Bt?null==(te=null==(G=Nt.series.find((e=>e.name===Bt)))?void 0:G.labels)?void 0:te.visible:Nt.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:va})))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.legend.expandText",T.formatLegend),expanded:kt,tabIndex:0,onAction:At},b.createElement(i.Reveal,null,kt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(x.Label,{editorId:"show-legend"},Fe.toLanguageString("chartWizard.format.legend.showLegend",T.formatLegendShowLegend)),b.createElement(m.Switch,{id:"show-legend",checked:null==(de=Nt.legend)?void 0:de.visible,onChange:fa}),b.createElement(_,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.legend.font",T.formatLegendFont)},b.createElement(c.ComboBox,{id:"legendLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.legend.fontPlaceholder",T.formatLegendFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:ba,itemRender:ae,disabled:!1===(null==(se=Nt.legend)?void 0:se.visible),...ne})),b.createElement(_,{editorId:"legendLabelsSize",labelText:Fe.toLanguageString("chartWizard.format.legend.size",T.formatLegendSize)},b.createElement(c.ComboBox,{id:"legendLabelsSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.legend.sizePlaceholder",T.formatLegendSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:pa,disabled:!1===(null==(ue=Nt.legend)?void 0:ue.visible),allowCustom:!0,...ne})),b.createElement(_,{editorId:"legendLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.legend.color",T.formatLegendColor)},b.createElement(m.ColorPicker,{id:"legendLabelsColor",value:(null==(me=null==(ge=Nt.legend)?void 0:ge.labels)?void 0:me.color)||"",onChange:Ca,disabled:!1===(null==(xe=Nt.legend)?void 0:xe.visible),view:"gradient",fillMode:"outline"})),b.createElement(_,{className:"k-col-span-2",editorId:"legendPosition",labelText:Fe.toLanguageString("chartWizard.format.legend.position",T.formatLegendPosition)},b.createElement(c.DropDownList,{id:"legendPosition",data:we,textField:"text",dataItemKey:"value",value:we.find((e=>{var t;return e.value===(null==(t=Nt.legend)?void 0:t.position)})),onChange:Ea,disabled:!1===(null==(he=Nt.legend)?void 0:he.visible),...ne}))))))),"pie"!==Va&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Va?Fe.toLanguageString("chartWizard.format.xAxis.expandText",T.formatXAxis):Fe.toLanguageString("chartWizard.format.categoryAxis.expandText",T.formatCategoryAxis),expanded:Lt,tabIndex:0,onAction:yt},b.createElement(i.Reveal,null,Lt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.categoryAxis.title.expandText",T.formatCategoryAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",T.formatCategoryAxisTitlePlaceholder),value:(null==(ve=Nt.categoryAxis[0].title)?void 0:ve.text)||"",onChange:ka})),b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.font",T.formatCategoryAxisTitleFont)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",T.formatCategoryAxisTitleFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:Aa,...ne})),b.createElement(_,{editorId:"categoryAxisTitleFontSize",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.size",T.formatCategoryAxisTitleSize)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",T.formatCategoryAxisTitleSizePlaceholder),value:N.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:Sa,allowCustom:!0,...ne})),b.createElement(_,{editorId:"categoryAxisTitleColor",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.color",T.formatCategoryAxisTitleColor)},b.createElement(m.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(fe=Nt.categoryAxis[0].title)?void 0:fe.color)||"",onChange:La,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.text",T.formatCategoryAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.font",T.formatCategoryAxisLabelsFont)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",T.formatCategoryAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:ya,itemRender:ae,...ne})),b.createElement(_,{editorId:"categoryAxisLabelsFontSize",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.size",T.formatCategoryAxisLabelsSize)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",T.formatCategoryAxisLabelsSizePlaceholder),value:N.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:za,allowCustom:!0,...ne})),b.createElement(_,{editorId:"categoryAxisLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.color",T.formatCategoryAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(pe=Nt.categoryAxis[0].labels)?void 0:pe.color)||"",onChange:Wa,fillMode:"outline"})),b.createElement(_,{editorId:"categoryAxisLabelsRotation",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",T.formatCategoryAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(be=Nt.categoryAxis[0].labels)?void 0:be.rotation)?null==(Ce=Nt.categoryAxis[0].labels)?void 0:Ce.rotation:null,placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",T.formatCategoryAxisLabelsRotationAuto),onChange:Ta,fillMode:"outline",min:-360,max:360,step:1})),b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Checkbox,{label:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",T.formatCategoryAxisLabelsReverseOrder),checked:Nt.categoryAxis[0].reverse||!1,onChange:Ia})))))))),"pie"!==Va&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Va?Fe.toLanguageString("chartWizard.format.yAxis.expandText",T.formatYAxis):Fe.toLanguageString("chartWizard.format.valueAxis.expandText",T.formatValueAxis),expanded:Wt,tabIndex:0,onAction:It},b.createElement(i.Reveal,null,Wt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.valueAxis.title.text",T.formatValueAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.placeholder",T.formatValueAxisTitlePlaceholder),value:(null==(ke=null==(Ee=Nt.valueAxis[0])?void 0:Ee.title)?void 0:ke.text)||"",onChange:Fa})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.font",T.formatValueAxisTitleFont)},b.createElement(c.ComboBox,{id:"valueAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",T.formatValueAxisTitleFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:wa,...ne})),b.createElement(_,{editorId:"valueAxisTitleFontSize",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.size",T.formatValueAxisTitleSize)},b.createElement(c.ComboBox,{id:"valueAxisTitleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",T.formatValueAxisTitleSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Pa,allowCustom:!0,...ne})),b.createElement(_,{editorId:"valueAxisTitleColor",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.color",T.formatValueAxisTitleColor)},b.createElement(m.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(Ae=null==(Se=Nt.valueAxis[0])?void 0:Se.title)?void 0:Ae.color)||"",onChange:Na,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.valueAxis.labels.text",T.formatValueAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat",T.formatValueAxisLabelsFormat)},b.createElement(c.DropDownList,{id:"valueAxisLabelsFormat",data:De,textField:"text",dataItemKey:"value",defaultItem:Re,value:De.find((e=>{var t,a;return e.value===(null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||Re,onChange:Ma,...ne})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.font",T.formatValueAxisLabelsFont)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",T.formatValueAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:Da,itemRender:ae,...ne})),b.createElement(_,{editorId:"valueAxisLabelsFontSize",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.size",T.formatValueAxisLabelsSize)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",T.formatValueAxisLabelsSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Ra,allowCustom:!0,...ne})),b.createElement(_,{editorId:"valueAxisLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.color",T.formatValueAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(ze=null==(Le=Nt.valueAxis[0])?void 0:Le.labels)?void 0:ze.color)||"",onChange:Ka,fillMode:"outline"})),b.createElement(_,{editorId:"valueAxisLabelsRotation",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",T.formatValueAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(We=null==(ye=Nt.valueAxis[0])?void 0:ye.labels)?void 0:We.rotation)?null==(Ie=null==(Te=Nt.valueAxis[0])?void 0:Te.labels)?void 0:Ie.rotation:null,placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",T.formatValueAxisLabelsRotationAuto),onChange:Ba,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))}));function se(e){const{grid:t,data:a,selectedState:l,dataItemKey:r}=e;if(!t)return[];const o=d.leafColumns(t.columns||[]),n=u.getter(r),i=u.getter("field"),c=u.getter("title"),s=new Map(a.map((e=>[String(n(e)),e]))),g=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),m=Object.keys(l).sort(((e,t)=>(g.get(e)||0)-(g.get(t)||0))),x=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:o.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const l=a.map((e=>({title:c(o[e]),field:i(o[e])})));x.push({dataItem:s.get(e),dataColumns:l})}})),x}de.displayName="ChartWizard";const{getWizardDataFromDataRows:ue}=g.ChartWizardCommon,{getWizardDataFromDataRows:ge}=g.ChartWizardCommon;e.ChartWizard=de,e.getGridSelectedRows=se,e.getWizardDataFromDataRows=ge,e.getWizardDataFromGridSelection=e=>ue(se(e))}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-charts"),require("@progress/kendo-react-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-form"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-inputs")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-charts","@progress/kendo-react-charts","@progress/kendo-drawing","@progress/kendo-file-saver","@progress/kendo-react-intl","@progress/kendo-react-form","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-react-labels","@progress/kendo-react-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoCharts,e.KendoReactCharts,e.KendoDrawing,e.KendoFileSaver,e.KendoReactIntl,e.KendoReactForm,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactCommon,e.KendoReactAnimation,e.KendoReactLabels,e.KendoReactInputs)}(this,(function(e,t,a,r,l,n,o,i,c,s,d,u,g,m,h,x,v,p){"use strict";function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var C=f(t);const b=e=>{e.stopPropagation()},S="chart",E={paperSize:"A4",margin:"1cm"},k={width:800,height:600},L=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportPDF(t,a.pdf).then((e=>s.saveAs(e,a.fileName+".pdf")))},A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportSVG(t).then((e=>s.saveAs(e,a.fileName+".svg")))},z=e=>{const t=e.exportOptions,a=i.exportVisual(e.chart,t.image);a&&c.exportImage(a,t.image).then((e=>s.saveAs(e,t.fileName+".png")))},y={value:null,text:""},T=(e,t)=>t.dataItem.style?C.cloneElement(e,e.props,C.createElement("span",{style:t.dataItem.style},e.props.children)):e,W=/^\d+$/,I=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!W.test(e.text))return!1;e.value=e.text+"px"}return R.find((t=>t.value===e.value))||(R.push(e),R.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},F={fillMode:"outline",popupSettings:{animate:!1}},P={type:"normal"},N={type:"100%"},w=e=>{var t,a;const r="object"==typeof(null==(t=e.series[0])?void 0:t.stack)&&(null==(a=e.series[0])?void 0:a.stack);return{isStackFalse:!1===r,isStackNormal:r&&"normal"===r.type,isStack100:r&&"100%"===r.type}},R=o.ChartWizardCommon.fontSizes,D=o.ChartWizardCommon.fontNames,K=o.ChartWizardCommon.createInitialState,B=o.ChartWizardCommon.createState,M=o.ChartWizardCommon.updateState,V=o.ChartWizardCommon.mergeStates,q=o.ChartWizardCommon.isCategorical,O=o.ChartWizardCommon.parseFont,G=o.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=o.ChartWizardCommon,H=o.ChartWizardCommon.messages,X="chartWizard.format.chartArea.margins.auto";class Y{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let U=class extends Y{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const $=e=>t.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&t.createElement("legend",{className:"k-form-legend"},e.legend),e.children),J=C.createContext({onRemove:e=>{},count:0}),Q=e=>{const{onRemove:t,count:a}=C.useContext(J);return C.createElement("td",{...e.tdProps},C.createElement(l.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},Z=C.createContext({reorder:()=>{},dragStart:()=>{}}),_=e=>{const t=C.useContext(Z);return C.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},C.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},C.createElement(h.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},ee=C.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),te=e=>{const{enterEdit:t}=C.useContext(ee);return C.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},ae=e=>"delete"===e.field?C.createElement(Q,{...e}):"reorder"===e.field?C.createElement(_,{...e}):"name"===e.field?C.createElement(te,{...e}):null,re=e=>{const t=C.useRef(null),{exitEdit:a}=C.useContext(ee);return C.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),C.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},le=()=>null,{messages:ne}=o.ChartWizardCommon,oe="inEdit",ie=e=>{const[a,r]=t.useState(null);return t.createElement(J.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(Z.Provider,{value:{reorder:t=>{if(a===t)return;const r=e.data.slice(),l=r.findIndex((e=>e===a)),n=r.findIndex((e=>e===t));r.splice(l,1),r.splice(n,0,a||r[0]),e.onChange.call(void 0,r)},dragStart:e=>{r(e)}}},t.createElement(ee.Provider,{value:{enterEdit:(t,a)=>{const r=e.data.map((e=>({...e,[oe]:e.id===t.id?a:void 0})));e.onChange.call(void 0,r)},exitEdit:()=>{const t=e.data.map((e=>({...e,[oe]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(m.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",r=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,r)},scrollable:"none",editField:oe,cells:{headerCell:le,data:ae,edit:{text:re,boolean:re,numeric:re,date:re}}},t.createElement(m.GridToolbar,null,t.createElement(l.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},d.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",ne.configurationSeriesAdd))),t.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(m.GridColumn,{field:"name",title:"Name"}),t.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ce=e=>{const a=d.useLocalization(),l=e.state,n=l.seriesType,[o,i]=t.useState(!0),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(l,G.categoryAxisX,t.target.value))}),[l]),m=t.useCallback((t=>{e.onStateChange(M(l,G.seriesChange,t))}),[l]),h=t.useCallback((t=>{e.onStateChange(M(l,G.valueAxisY,t.target.value))}),[l]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.data.configuration.expandText",H.configuration),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:"scatter"===n?a.toLanguageString("chartWizard.data.configuration.xAxis",H.configurationXAxis):a.toLanguageString("chartWizard.data.configuration.categoryAxis",H.configurationCategoryAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.categoryField,onChange:s,...F})),q(n)&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.series.title",H.configurationSeries)},t.createElement(ie,{data:l.series,initialData:l.initialSeries,onChange:m})),"pie"===n&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.valueAxis",H.configurationValueAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.valueField||"",...F,onChange:h}))))))},se=e=>t.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&t.createElement(v.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:b},e.children)),de=e=>{var a;const l=d.useLocalization(),n=e.state,[o,i]=t.useState(!1),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginLeft,t.target.value))}),[n]),g=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginRight,t.target.value))}),[n]),m=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginTop,t.target.value))}),[n]),h=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginBottom,t.target.value))}),[n]),v=n.area.margin,f=t.useCallback((t=>{e.onStateChange(M(n,G.areaBackground,t.value))}),[n]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString("chartWizard.format.chartArea.expandText",H.formatChartArea),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.margins",H.formatChartAreaMargins)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.left",H.formatChartAreaMarginsLeft),editorId:"left"},t.createElement(p.NumericTextBox,{id:"left",value:void 0!==v.left?v.left:null,onChange:s,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.right",H.formatChartAreaMarginsRight),editorId:"right"},t.createElement(p.NumericTextBox,{id:"right",value:void 0!==v.right?v.right:null,onChange:g,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.top",H.formatChartAreaMarginsTop),editorId:"top"},t.createElement(p.NumericTextBox,{id:"top",value:void 0!==v.top?v.top:null,onChange:m,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.bottom",H.formatChartAreaMarginsBottom),editorId:"bottom"},t.createElement(p.NumericTextBox,{id:"bottom",value:void 0!==v.bottom?v.bottom:null,onChange:h,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.background",H.formatChartAreaBackground)},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.background.color",H.formatChartAreaBackgroundColor),editorId:"background"},t.createElement(p.ColorPicker,{id:"background",value:(null==(a=n.area)?void 0:a.background)||"",onChange:f,view:"gradient",fillMode:"outline"})))))))},ue=e=>{const t=d.useLocalization(),a=e.state,[l,n]=C.useState(!1),o=C.useCallback((e=>{n(!e.expanded)}),[]),i=[{value:"chartTitle",text:t.toLanguageString("chartWizard.format.title.chartTitle",H.formatTitleChartTitle)},{value:"chartSubtitle",text:t.toLanguageString("chartWizard.format.title.chartSubtitle",H.formatTitleChartSubtitle)}],[c,s]=C.useState(i[0]),m=C.useCallback((e=>{s(e.target.value)}),[]),h=(c.value===i[0].value?a.title:a.subtitle)||{text:"",font:"",color:""};return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.format.title.expandText",H.formatTitle),expanded:l,tabIndex:0,onAction:o},C.createElement(x.Reveal,null,l&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},C.createElement(se,{className:"k-col-span-2",editorId:"apply-to-title",labelText:t.toLanguageString("chartWizard.format.title.applyTo",H.formatTitleApplyTo)},C.createElement(g.DropDownList,{id:"apply-to-title",data:i,textField:"text",dataItemKey:"value",value:i.find((e=>e.value===c.value)),onChange:m,...F})),C.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",H.formatTitleLabel)},C.createElement(p.Input,{id:"titleText",placeholder:c.value===i[0].value?i[0].text:i[1].text,value:h.text,onChange:t=>{const r=c.value===i[0].value?G.titleText:G.subtitleText;e.onStateChange(M(a,r,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",H.formatTitleFont)},C.createElement(g.ComboBox,{id:"titleFont",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",H.formatTitleFontPlaceholder),value:D.find((e=>e.value===O(h.font).name))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontName:G.subtitleFontName,l=t.target.value||y;e.onStateChange(M(a,r,l.value))},itemRender:T,...F})),C.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",H.formatTitleSize)},C.createElement(g.ComboBox,{id:"titleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",H.formatTitleSizePlaceholder),value:R.find((e=>e.value===O(h.font).size))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontSize:G.subtitleFontSize,l=t.target.value||y;I(l)&&e.onStateChange(M(a,r,l.value))},itemRender:T,allowCustom:!0,...F})),C.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",H.formatTitleColor)},C.createElement(p.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=c.value===i[0].value?G.titleColor:G.subtitleColor;e.onStateChange(M(a,r,t.value))},view:"gradient",fillMode:"outline"})))))))},ge=e=>{var a,l,n,o,i;const[c,s]=t.useState(""),m=d.useLocalization(),h=e.state,v=h.seriesType,f="object"==typeof(null==(a=h.series[0])?void 0:a.stack)&&(null==(l=h.series[0])?void 0:l.stack.type),[C,S]=t.useState(!1),E=t.useCallback((e=>{S(!e.expanded)}),[]),k={name:m.toLanguageString("chartWizard.format.series.allSeries",H.formatSeriesAllSeries)};return t.useEffect((()=>{s("")}),[v,f]),t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.series.expandText",H.formatSeries),expanded:C,tabIndex:0,onAction:E},t.createElement(x.Reveal,null,C&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement(se,{editorId:"apply-to-series",labelText:m.toLanguageString("chartWizard.format.series.applyTo",H.formatSeriesApplyTo)},t.createElement(g.DropDownList,{id:"apply-to-series",data:h.series,textField:"name",dataItemKey:"name",defaultItem:k,disabled:!q(v),value:h.series.find((e=>e.name===c))||k,onChange:e=>{const t=e.target.value.name;s(t===k.name?"":t)},...F})),t.createElement(se,{editorId:"seriesColor",labelText:m.toLanguageString("chartWizard.format.series.color",H.formatSeriesColor)},t.createElement(p.ColorPicker,{id:"seriesColor",value:c?null==(n=h.series.find((e=>e.name===c)))?void 0:n.color:"",onChange:t=>{c&&e.onStateChange(M(h,G.seriesColor,{seriesName:c,color:t.value}))},disabled:!c,view:"gradient",fillMode:"outline"})),t.createElement(se,null,t.createElement(p.Checkbox,{label:m.toLanguageString("chartWizard.format.series.showLabels",H.formatSeriesShowLabels),checked:c?null==(i=null==(o=h.series.find((e=>e.name===c)))?void 0:o.labels)?void 0:i.visible:h.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:t=>{e.onStateChange(M(h,G.seriesLabel,{seriesName:c,all:!c,visible:t.value}))}}))))))},me=e=>{var a,l,n,o,i,c,s;const m=d.useLocalization(),h=e.state,[f,C]=t.useState(!1),S=t.useCallback((e=>{C(!e.expanded)}),[]),E=[{value:"top",text:m.toLanguageString("chartWizard.format.legend.position.top",H.formatLegendPositionTop)},{value:"bottom",text:m.toLanguageString("chartWizard.format.legend.position.bottom",H.formatLegendPositionBottom)},{value:"left",text:m.toLanguageString("chartWizard.format.legend.position.left",H.formatLegendPositionLeft)},{value:"right",text:m.toLanguageString("chartWizard.format.legend.position.right",H.formatLegendPositionRight)}];return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.legend.expandText",H.formatLegend),expanded:f,tabIndex:0,onAction:S},t.createElement(x.Reveal,null,f&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(v.Label,{editorId:"show-legend"},m.toLanguageString("chartWizard.format.legend.showLegend",H.formatLegendShowLegend)),t.createElement(p.Switch,{id:"show-legend",checked:null==(a=h.legend)?void 0:a.visible,onChange:t=>{e.onStateChange(M(h,G.legendVisible,t.value))}}),t.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:m.toLanguageString("chartWizard.format.legend.font",H.formatLegendFont)},t.createElement(g.ComboBox,{id:"legendLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.fontPlaceholder",H.formatLegendFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(h,G.legendFontName,a.value))},itemRender:T,disabled:!1===(null==(l=h.legend)?void 0:l.visible),...F})),t.createElement(se,{editorId:"legendLabelsSize",labelText:m.toLanguageString("chartWizard.format.legend.size",H.formatLegendSize)},t.createElement(g.ComboBox,{id:"legendLabelsSize",data:R,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.sizePlaceholder",H.formatLegendSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(h,G.legendFontSize,a.value))},disabled:!1===(null==(n=h.legend)?void 0:n.visible),allowCustom:!0,...F})),t.createElement(se,{editorId:"legendLabelsColor",labelText:m.toLanguageString("chartWizard.format.legend.color",H.formatLegendColor)},t.createElement(p.ColorPicker,{id:"legendLabelsColor",value:(null==(i=null==(o=h.legend)?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(M(h,G.legendColor,t.value))},disabled:!1===(null==(c=h.legend)?void 0:c.visible),view:"gradient",fillMode:"outline"})),t.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:m.toLanguageString("chartWizard.format.legend.position",H.formatLegendPosition)},t.createElement(g.DropDownList,{id:"legendPosition",data:E,textField:"text",dataItemKey:"value",value:E.find((e=>{var t;return e.value===(null==(t=h.legend)?void 0:t.position)})),onChange:t=>{const a=t.target.value;e.onStateChange(M(h,G.legendPosition,a.value))},disabled:!1===(null==(s=h.legend)?void 0:s.visible),...F})))))))},he=e=>{var a,l,n,o,i;const c=d.useLocalization(),s=e.state,m=s.seriesType,[h,v]=t.useState(!1),f=t.useCallback((e=>{v(!e.expanded)}),[]),C=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleText,t.target.value))}),[s]),S=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisTitleFontSize,a.value))}),[s]),E=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisTitleFontName,a.value))}),[s]),k=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleColor,t.value))}),[s]),L=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisLabelsFontSize,a.value))}),[s]),A=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisLabelsFontName,a.value))}),[s]),z=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsColor,t.value))}),[s]),W=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsRotation,t.target.value))}),[s]),P=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisReverseOrder,t.value))}),[s]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===m?c.toLanguageString("chartWizard.format.xAxis.expandText",H.formatXAxis):c.toLanguageString("chartWizard.format.categoryAxis.expandText",H.formatCategoryAxis),expanded:h,tabIndex:0,onAction:f},t.createElement(x.Reveal,null,h&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.title.expandText",H.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",H.formatCategoryAxisTitlePlaceholder),value:(null==(a=s.categoryAxis[0].title)?void 0:a.text)||"",onChange:C})),t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.font",H.formatCategoryAxisTitleFont)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",H.formatCategoryAxisTitleFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:E,...F})),t.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.size",H.formatCategoryAxisTitleSize)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",H.formatCategoryAxisTitleSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:S,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisTitleColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.color",H.formatCategoryAxisTitleColor)},t.createElement(p.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(l=s.categoryAxis[0].title)?void 0:l.color)||"",onChange:k,fillMode:"outline"})))),t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.labels.text",H.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.font",H.formatCategoryAxisLabelsFont)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",H.formatCategoryAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:A,itemRender:T,...F})),t.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.size",H.formatCategoryAxisLabelsSize)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",H.formatCategoryAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:L,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.color",H.formatCategoryAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(n=s.categoryAxis[0].labels)?void 0:n.color)||"",onChange:z,fillMode:"outline"})),t.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",H.formatCategoryAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(o=s.categoryAxis[0].labels)?void 0:o.rotation)?null==(i=s.categoryAxis[0].labels)?void 0:i.rotation:null,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",H.formatCategoryAxisLabelsRotationAuto),onChange:W,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Checkbox,{label:c.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",H.formatCategoryAxisLabelsReverseOrder),checked:s.categoryAxis[0].reverse||!1,onChange:P}))))))))},xe=e=>{var a,l,n,o,i,c,s,m,h,v;const f=d.useLocalization(),C=e.state,S=C.seriesType,E={text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",H.formatValueAxisLabelsFormatText),value:""},k=[{value:"n0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",H.formatValueAxisLabelsFormatNumber)},{value:"c0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",H.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",H.formatValueAxisLabelsFormatPercent)}],[L,A]=t.useState(!1),z=t.useCallback((e=>{A(!e.expanded)}),[]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===S?f.toLanguageString("chartWizard.format.yAxis.expandText",H.formatYAxis):f.toLanguageString("chartWizard.format.valueAxis.expandText",H.formatValueAxis),expanded:L,tabIndex:0,onAction:z},t.createElement(x.Reveal,null,L&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.title.text",H.formatValueAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.placeholder",H.formatValueAxisTitlePlaceholder),value:(null==(l=null==(a=C.valueAxis[0])?void 0:a.title)?void 0:l.text)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleText,t.target.value))}})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.font",H.formatValueAxisTitleFont)},t.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",H.formatValueAxisTitleFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisTitleFontName,a.value))},...F})),t.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.size",H.formatValueAxisTitleSize)},t.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",H.formatValueAxisTitleSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisTitleFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisTitleColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.color",H.formatValueAxisTitleColor)},t.createElement(p.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(o=null==(n=C.valueAxis[0])?void 0:n.title)?void 0:o.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleColor,t.value))},fillMode:"outline"})))),t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.labels.text",H.formatValueAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:f.toLanguageString("chartWizard.format.valueAxis.labelFormat",H.formatValueAxisLabelsFormat)},t.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:k,textField:"text",dataItemKey:"value",defaultItem:E,value:k.find((e=>{var t,a;return e.value===(null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||E,onChange:t=>{const a=t.target.value;e.onStateChange(M(C,G.valueAxisLabelsFormat,a.value))},...F})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.font",H.formatValueAxisLabelsFont)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",H.formatValueAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisLabelsFontName,a.value))},itemRender:T,...F})),t.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.size",H.formatValueAxisLabelsSize)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",H.formatValueAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisLabelsColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.color",H.formatValueAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(c=null==(i=C.valueAxis[0])?void 0:i.labels)?void 0:c.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsColor,t.value))},fillMode:"outline"})),t.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",H.formatValueAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(m=null==(s=C.valueAxis[0])?void 0:s.labels)?void 0:m.rotation)?null==(v=null==(h=C.valueAxis[0])?void 0:h.labels)?void 0:v.rotation:null,placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",H.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1}))))))))},ve=e=>t.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:b},e.children),pe=e=>{const a=t.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))}),[e.onClick]);return t.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:a},t.createElement(h.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},fe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.barChart.expandText",H.barChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"bar"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"bar")))},icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},t.toLanguageString("chartWizard.chart.barChart.bar",H.barChartBar)),C.createElement(pe,{selected:"bar"===l&&i,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},t.toLanguageString("chartWizard.chart.barChart.stackedBar",H.barChartStackedBar)),C.createElement(pe,{selected:"bar"===l&&c,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},t.toLanguageString("chartWizard.chart.barChart.100%stackedBar",H.barChart100StackedBar))))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.columnChart.expandText",H.columnChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"column"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"column")))},icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},t.toLanguageString("chartWizard.chart.columnChart.column",H.columnChartColumn)),C.createElement(pe,{selected:"column"===l&&i,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},t.toLanguageString("chartWizard.chart.columnChart.stackedColumn",H.columnChartStackedColumn)),C.createElement(pe,{selected:"column"===l&&c,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},t.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",H.columnChart100StackedColumn))))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.lineChart.expandText",H.lineChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"line"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"line")))},icon:n.chartLineIcon,iconName:"chart-line"},t.toLanguageString("chartWizard.chart.lineChart.line",H.lineChartLine)),C.createElement(pe,{selected:"line"===l&&i,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},t.toLanguageString("chartWizard.chart.lineChart.stackedLine",H.lineChartStackedLine)),C.createElement(pe,{selected:"line"===l&&c,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},t.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",H.lineChart100StackedLine))))))},Se=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.scatterChart.expandText",H.scatterChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"scatter"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"scatter")))},icon:n.chartScatterIcon,iconName:"chart-scatter"},t.toLanguageString("chartWizard.chart.scatterChart.scatter",H.scatterChartScatter))))))},Ee=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.pieChart.expandText",H.pieChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"pie"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"pie")))},icon:n.chartPieIcon,iconName:"chart-pie"},t.toLanguageString("chartWizard.chart.pieChart.pie",H.pieChartPie))))))},ke=t.forwardRef(((e,a)=>{var r,l,n,o,c,s,d,u,g,m,h,x,v;const p=e.state;return t.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:a},t.createElement(i.ChartTitle,{text:null==(r=p.title)?void 0:r.text,font:null==(l=p.title)?void 0:l.font,color:(null==(n=p.title)?void 0:n.color)||"#000"}),t.createElement(i.ChartSubtitle,{text:null==(o=p.subtitle)?void 0:o.text,font:null==(c=p.subtitle)?void 0:c.font,color:(null==(s=p.subtitle)?void 0:s.color)||"#000"}),t.createElement(i.ChartArea,{background:null==(d=p.area)?void 0:d.background,margin:p.area.margin}),p.categoryAxis&&t.createElement(i.ChartCategoryAxis,null,p.categoryAxis.map(((e,a)=>t.createElement(i.ChartCategoryAxisItem,{key:a,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),p.valueAxis&&t.createElement(i.ChartValueAxis,null,p.valueAxis.map(((e,a)=>t.createElement(i.ChartValueAxisItem,{key:a,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),t.createElement(i.ChartSeries,null,p.series.map(((e,a)=>t.createElement(i.ChartSeriesItem,{key:String(e.name)+a,...e})))),t.createElement(i.ChartLegend,{visible:null==(u=p.legend)?void 0:u.visible,position:null==(g=p.legend)?void 0:g.position,labels:{color:(null==(h=null==(m=p.legend)?void 0:m.labels)?void 0:h.color)||void 0,font:(null==(v=null==(x=p.legend)?void 0:x.labels)?void 0:v.font)||void 0}}))}));ke.displayName="ChartComponent";const Le=C.forwardRef(((e,t)=>{const o=d.useLocalization(),i=C.useRef(null),c=C.useCallback((t=>{var a;if(i.current){const r=new U(i.current,((e={})=>({fileName:e.fileName||S,pdf:{...E,...e.pdf},image:{...k,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}}),[e.onExport,e.exportOptions]),s=e.window||a.Window,[u,g]=C.useState({width:700,height:550}),[m,h]=C.useState("DEFAULT"),x=C.useCallback((e=>{g({width:e.width,height:e.height})}),[]),v=C.useCallback((e=>{h(e.state)}),[]),[p,f]=C.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),b=C.useCallback((e=>{f(e.newState)}),[]),[y,T]=C.useState(0),W=C.useCallback((e=>{T(e.selected)}),[]),[I,F]=C.useState(K(e.data,"bar",e.defaultState)),P=e=>{F(e)},N=C.useRef(I);N.current=I;const w=C.useCallback((()=>({get chart(){return i.current},get state(){return N.current}})),[]);C.useImperativeHandle(t,w),C.useEffect((()=>{N.current&&N.current.seriesType&&F(V(N.current,B(e.data,N.current.seriesType)))}),[e.data]);const R=I.seriesType;return C.createElement(s,{title:o.toLanguageString("chartWizard.window.title",H.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:x,stage:m,onStageChange:v,...u},C.createElement(r.Splitter,{panes:p,onChange:b,className:"k-chart-wizard-splitter"},C.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},C.createElement("div",{className:"k-preview-pane-header"},C.createElement(l.DropDownButton,{text:o.toLanguageString("chartWizard.export.button",H.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:c,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:L,text:o.toLanguageString("chartWizard.exportPDF.button",H.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:A,text:o.toLanguageString("chartWizard.exportSVG.button",H.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:z,text:o.toLanguageString("chartWizard.exportPNG.button",H.exportPNGButton)}]})),C.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},C.createElement(ke,{ref:i,state:I}))),C.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},C.createElement(r.TabStrip,{selected:y,onSelect:W,animation:!1},C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",H.tabChart)},C.createElement("div",null,C.createElement(fe,{state:I,onStateChange:P}),C.createElement(Ee,{state:I,onStateChange:P}),C.createElement(Ce,{state:I,onStateChange:P}),C.createElement(be,{state:I,onStateChange:P}),C.createElement(Se,{state:I,onStateChange:P}))),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",H.tabData)},C.createElement(ce,{state:I,onStateChange:P})),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",H.tabFormat)},C.createElement("div",null,C.createElement(de,{state:I,onStateChange:P}),C.createElement(ue,{state:I,onStateChange:P}),C.createElement(ge,{state:I,onStateChange:P}),C.createElement(me,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(he,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(xe,{state:I,onStateChange:P})))))))}));function Ae(e){const{grid:t,data:a,selectedState:r,dataItemKey:l}=e;if(!t)return[];const n=m.leafColumns(t.columns||[]),o=h.getter(l),i=h.getter("field"),c=h.getter("title"),s=new Map(a.map((e=>[String(o(e)),e]))),d=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),u=Object.keys(r).sort(((e,t)=>(d.get(e)||0)-(d.get(t)||0))),g=[];return u.forEach((e=>{let t=r[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const r=a.map((e=>({title:c(n[e]),field:i(n[e])})));g.push({dataItem:s.get(e),dataColumns:r})}})),g}Le.displayName="ChartWizard";const{getWizardDataFromDataRows:ze}=o.ChartWizardCommon;e.ChartWizard=Le,e.getGridSelectedRows=Ae,e.getWizardDataFromDataRows=j,e.getWizardDataFromGridSelection=e=>ze(Ae(e))}));

package/index.d.mts

@@ -8,6 +8,7 @@
 import { Chart } from '@progress/kendo-react-charts';
 import { ChartWizardDataCell } from '@progress/kendo-charts';
 import { ChartWizardDataRow } from '@progress/kendo-charts';
+import { ChartWizardDefaultState } from '@progress/kendo-charts';
 import { ChartWizardState } from '@progress/kendo-charts';
 import { DataColumn } from '@progress/kendo-charts';
 import { DataRow } from '@progress/kendo-charts';
@@ -26,11 +27,7 @@ export { ChartWizardDataCell }
 
 export { ChartWizardDataRow }
 
-/**
- * The default state of the ChartWizard component.
- */
-export declare interface ChartWizardDefaultState extends Pick<ChartWizardState, 'stack' | 'seriesType'> {
-}
+export { ChartWizardDefaultState }
 
 /**
  * Represents the `ref` object of the `ChartWizard` component.
@@ -75,7 +72,7 @@ export declare interface ChartWizardProps {
     /**
      * The component that will be used to render the ChartWizard window.
      */
-    window?: React_2.ComponentType<WindowProps>;
+    window?: React.ComponentType<WindowProps>;
 }
 
 export { DataColumn }

package/index.d.ts

@@ -8,6 +8,7 @@
 import { Chart } from '@progress/kendo-react-charts';
 import { ChartWizardDataCell } from '@progress/kendo-charts';
 import { ChartWizardDataRow } from '@progress/kendo-charts';
+import { ChartWizardDefaultState } from '@progress/kendo-charts';
 import { ChartWizardState } from '@progress/kendo-charts';
 import { DataColumn } from '@progress/kendo-charts';
 import { DataRow } from '@progress/kendo-charts';
@@ -26,11 +27,7 @@ export { ChartWizardDataCell }
 
 export { ChartWizardDataRow }
 
-/**
- * The default state of the ChartWizard component.
- */
-export declare interface ChartWizardDefaultState extends Pick<ChartWizardState, 'stack' | 'seriesType'> {
-}
+export { ChartWizardDefaultState }
 
 /**
  * Represents the `ref` object of the `ChartWizard` component.
@@ -75,7 +72,7 @@ export declare interface ChartWizardProps {
     /**
      * The component that will be used to render the ChartWizard window.
      */
-    window?: React_2.ComponentType<WindowProps>;
+    window?: React.ComponentType<WindowProps>;
 }
 
 export { DataColumn }

package/index.js

@@ -5,4 +5,4 @@
  * 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("./ChartWizard.js"),t=require("./grid-integration/get-grid-selected-rows.js"),r=require("./grid-integration/get-wizard-data-from-grid-selection.js"),a=require("./common/get-wizard-data-from-data-rows.js");exports.ChartWizard=e.ChartWizard;exports.getGridSelectedRows=t.getGridSelectedRows;exports.getWizardDataFromGridSelection=r.getWizardDataFromGridSelection;exports.getWizardDataFromDataRows=a.getWizardDataFromDataRows;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChartWizard.js"),t=require("./utils.js"),r=require("./grid-integration/get-grid-selected-rows.js"),a=require("./grid-integration/get-wizard-data-from-grid-selection.js");exports.ChartWizard=e.ChartWizard;exports.getWizardDataFromDataRows=t.getWizardDataFromDataRows;exports.getGridSelectedRows=r.getGridSelectedRows;exports.getWizardDataFromGridSelection=a.getWizardDataFromGridSelection;

package/index.mjs

@@ -7,12 +7,12 @@
  */
 "use client";
 import { ChartWizard as t } from "./ChartWizard.mjs";
-import { getGridSelectedRows as a } from "./grid-integration/get-grid-selected-rows.mjs";
-import { getWizardDataFromGridSelection as d } from "./grid-integration/get-wizard-data-from-grid-selection.mjs";
-import { getWizardDataFromDataRows as f } from "./common/get-wizard-data-from-data-rows.mjs";
+import { getWizardDataFromDataRows as a } from "./utils.mjs";
+import { getGridSelectedRows as d } from "./grid-integration/get-grid-selected-rows.mjs";
+import { getWizardDataFromGridSelection as f } from "./grid-integration/get-wizard-data-from-grid-selection.mjs";
 export {
   t as ChartWizard,
-  a as getGridSelectedRows,
-  f as getWizardDataFromDataRows,
-  d as getWizardDataFromGridSelection
+  d as getGridSelectedRows,
+  a as getWizardDataFromDataRows,
+  f as getWizardDataFromGridSelection
 };