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

package/components/panels/ValueAxisPanel.mjs

@@ -8,17 +8,16 @@
 import * as a from "react";
 import { ExpansionPanel as O, ExpansionPanelContent as Q } from "@progress/kendo-react-layout";
 import { FormElement as U } from "@progress/kendo-react-form";
-import { FormFieldSet as N } from "../FormFieldSet.mjs";
+import { FormFieldSet as I } from "../FormFieldSet.mjs";
 import { FormField as u } from "../FormField.mjs";
-import { Input as X, ColorPicker as y, NumericTextBox as Z } from "@progress/kendo-react-inputs";
-import { stopPropagation as _, dropdownlistCommonProps as A, nullItem as g, itemRender as k, fontNames as c, parseFont as d, 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 { Input as X, ColorPicker as N, NumericTextBox as Z } from "@progress/kendo-react-inputs";
+import { stopPropagation as _, dropdownlistCommonProps as A, nullItem as g, itemRender as y, fontNames as d, parseFont as c, fontSizes as f, updateState as m, ActionTypes as x, ensureValue as k } 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 de, formatValueAxisLabelsFontPlaceholder as ce, 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 Re = (r) => {
-  var S, F, C, h, T, E, p, z, P, I;
-  const l = Se(), i = r.state, w = i.seriesType, L = {
+import { ComboBox as v, DropDownList as Fe } from "@progress/kendo-react-dropdowns";
+const ye = (r) => {
+  var V, S, F, C, h, T, E, p, z, P;
+  const l = Se(), i = r.state, R = i.seriesType, L = {
     text: l.toLanguageString($, o.formatValueAxisLabelsFormatText),
     value: ""
   }, b = [
@@ -43,13 +42,13 @@ const Re = (r) => {
         o.formatValueAxisLabelsFormatPercent
       )
     }
-  ], [V, K] = a.useState(!1), D = a.useCallback((e) => {
+  ], [w, 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));
+    k(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));
@@ -57,7 +56,7 @@ const Re = (r) => {
     r.onStateChange(m(i, x.valueAxisTitleColor, e.value));
   }, j = (e) => {
     const t = e.target.value || g;
-    R(t) && r.onStateChange(m(i, x.valueAxisLabelsFontSize, t.value));
+    k(t) && r.onStateChange(m(i, x.valueAxisLabelsFontSize, t.value));
   }, q = (e) => {
     const t = e.target.value || g;
     r.onStateChange(m(i, x.valueAxisLabelsFontName, t.value));
@@ -73,18 +72,15 @@ const Re = (r) => {
     O,
     {
       style: { maxWidth: "576px" },
-      title: w === "scatter" ? l.toLanguageString(le, o.formatYAxis) : l.toLanguageString(oe, o.formatValueAxis),
-      expanded: V,
+      title: R === "scatter" ? l.toLanguageString(le, o.formatYAxis) : l.toLanguageString(oe, o.formatValueAxis),
+      expanded: w,
       tabIndex: 0,
       onAction: D
     },
-    /* @__PURE__ */ a.createElement(Fe, null, V && /* @__PURE__ */ a.createElement(Q, null, /* @__PURE__ */ a.createElement(U, { onKeyDown: _ }, /* @__PURE__ */ a.createElement(
-      N,
+    /* @__PURE__ */ a.createElement(Q, null, /* @__PURE__ */ a.createElement(U, { onKeyDown: _ }, /* @__PURE__ */ a.createElement(
+      I,
       {
-        legend: l.toLanguageString(
-          ie,
-          o.formatValueAxisTitle
-        )
+        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(
         X,
@@ -93,7 +89,7 @@ const Re = (r) => {
             ne,
             o.formatValueAxisTitlePlaceholder
           ),
-          value: ((F = (S = i.valueAxis[0]) == null ? void 0 : S.title) == null ? void 0 : F.text) || "",
+          value: ((S = (V = i.valueAxis[0]) == null ? void 0 : V.title) == null ? void 0 : S.text) || "",
           onChange: M
         }
       )), /* @__PURE__ */ a.createElement(
@@ -110,18 +106,18 @@ const Re = (r) => {
           v,
           {
             id: "valueAxisTitleFont",
-            data: c,
+            data: d,
             textField: "text",
             dataItemKey: "value",
-            itemRender: k,
+            itemRender: y,
             placeholder: l.toLanguageString(
               re,
               o.formatValueAxisTitleFontPlaceholder
             ),
-            value: c.find(
+            value: d.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);
+                return e.value === ((s = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : s.name);
               }
             ) || g,
             onChange: Y,
@@ -151,7 +147,7 @@ const Re = (r) => {
             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);
+                return e.value === ((s = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : s.size);
               }
             ) || g,
             onChange: B,
@@ -169,23 +165,20 @@ const Re = (r) => {
           )
         },
         /* @__PURE__ */ a.createElement(
-          y,
+          N,
           {
             id: "valueAxisTitleColor",
             view: "gradient",
-            value: ((h = (C = i.valueAxis[0]) == null ? void 0 : C.title) == null ? void 0 : h.color) || "",
+            value: ((C = (F = i.valueAxis[0]) == null ? void 0 : F.title) == null ? void 0 : C.color) || "",
             onChange: W,
             fillMode: "outline"
           }
         )
       ))
     ), /* @__PURE__ */ a.createElement(
-      N,
+      I,
       {
-        legend: l.toLanguageString(
-          ge,
-          o.formatValueAxisLabels
-        )
+        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,
@@ -198,19 +191,17 @@ const Re = (r) => {
           )
         },
         /* @__PURE__ */ a.createElement(
-          Ce,
+          Fe,
           {
             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,
+            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: J,
             ...A
           }
@@ -221,7 +212,7 @@ const Re = (r) => {
           className: "k-col-span-2",
           editorId: "valueAxisLabelsFont",
           labelText: l.toLanguageString(
-            ce,
+            de,
             o.formatValueAxisLabelsFont
           )
         },
@@ -229,21 +220,21 @@ const Re = (r) => {
           v,
           {
             id: "valueAxisLabelsFont",
-            data: c,
+            data: d,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              de,
+              ce,
               o.formatValueAxisLabelsFontPlaceholder
             ),
-            value: c.find(
+            value: d.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);
+                return e.value === ((s = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : s.name);
               }
             ) || g,
             onChange: q,
-            itemRender: k,
+            itemRender: y,
             ...A
           }
         )
@@ -270,7 +261,7 @@ const Re = (r) => {
             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);
+                return e.value === ((s = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : s.size);
               }
             ) || g,
             onChange: j,
@@ -288,11 +279,11 @@ const Re = (r) => {
           )
         },
         /* @__PURE__ */ a.createElement(
-          y,
+          N,
           {
             id: "valueAxisLabelsColor",
             view: "gradient",
-            value: ((E = (T = i.valueAxis[0]) == null ? void 0 : T.labels) == null ? void 0 : E.color) || "",
+            value: ((T = (h = i.valueAxis[0]) == null ? void 0 : h.labels) == null ? void 0 : T.color) || "",
             onChange: G,
             fillMode: "outline"
           }
@@ -310,7 +301,7 @@ const Re = (r) => {
           Z,
           {
             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,
+            value: typeof ((p = (E = i.valueAxis[0]) == null ? void 0 : E.labels) == null ? void 0 : p.rotation) == "number" ? (P = (z = i.valueAxis[0]) == null ? void 0 : z.labels) == null ? void 0 : P.rotation : null,
             placeholder: l.toLanguageString(
               Ve,
               o.formatValueAxisLabelsRotationAuto
@@ -323,9 +314,9 @@ const Re = (r) => {
           }
         )
       ))
-    ))))
+    )))
   );
 };
 export {
-  Re as ValueAxisPanel
+  ye as ValueAxisPanel
 };

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

@@ -12,4 +12,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-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,f){"use strict";function p(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=p(t);const b=e=>{e.stopPropagation()},S="chart",E={paperSize:"A4",margin:"1cm"},k={width:800,height:600},L=(e={})=>({fileName:e.fileName||S,pdf:{...E,...e.pdf},image:{...k,...e.image}}),A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportPDF(t,a.pdf).then(e=>s.saveAs(e,a.fileName+".pdf"))},z=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportSVG(t).then(e=>s.saveAs(e,a.fileName+".svg"))},y=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"))},T={value:null,text:""},W=(e,t)=>t.dataItem.style?C.cloneElement(e,e.props,C.createElement("span",{style:t.dataItem.style},e.props.children)):e,I=/^\d+$/,F=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!I.test(e.text))return!1;e.value=e.text+"px"}return D.find(t=>t.value===e.value)||(D.push(e),D.sort((e,t)=>parseInt(e.text,10)-parseInt(t.text,10))),!0},P={fillMode:"outline",popupSettings:{animate:!1}},N={type:"normal"},w={type:"100%"},R=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}},D=o.ChartWizardCommon.fontSizes,K=o.ChartWizardCommon.fontNames,B=o.ChartWizardCommon.createInitialState,M=(e,t)=>o.ChartWizardCommon.createState(e,t),V=o.ChartWizardCommon.updateState,q=o.ChartWizardCommon.mergeStates,O=o.ChartWizardCommon.isCategorical,G=o.ChartWizardCommon.parseFont,j=o.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:H}=o.ChartWizardCommon,X=o.ChartWizardCommon.messages,Y="chartWizard.format.chartArea.margins.auto";class U{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class $ extends U{constructor(e,t){super(),this.chart=e,this.exportOptions=t}}const J=e=>C.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&C.createElement("legend",{className:"k-form-legend"},e.legend),e.children),Q=C.createContext({onRemove:e=>{},count:0}),Z=e=>{const{onRemove:t,count:a}=C.useContext(Q);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}))},_=C.createContext({reorder:()=>{},dragStart:()=>{}}),ee=e=>{const t=C.useContext(_);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"})))},te=C.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),ae=e=>{const{enterEdit:t}=C.useContext(te);return C.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},re=e=>"delete"===e.field?C.createElement(Z,{...e}):"reorder"===e.field?C.createElement(ee,{...e}):"name"===e.field?C.createElement(ae,{...e}):null,le=e=>{const t=C.useRef(null),{exitEdit:a}=C.useContext(te);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)},ne=()=>null,{messages:oe}=o.ChartWizardCommon,ie=e=>{const[t,a]=C.useState({}),[r,o]=C.useState(null);return C.createElement(Q.Provider,{value:{onRemove:t=>{const a=e.data.filter(e=>e.id!==t);e.onChange.call(void 0,a)},count:e.data.length}},C.createElement(_.Provider,{value:{reorder:t=>{if(r===t)return;const a=e.data.slice(),l=a.findIndex(e=>e===r),n=a.findIndex(e=>e===t);a.splice(l,1),a.splice(n,0,r||a[0]),e.onChange.call(void 0,a)},dragStart:e=>{o(e)}}},C.createElement(te.Provider,{value:{enterEdit:e=>{a(t=>({...t,[e.id]:!0}))},exitEdit:e=>{a(t=>Object.keys(t).reduce((a,r)=>{if(r===e.id){const e={...t};return delete e[r],e}return a},{}))}}},C.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",editable:!0,cells:{headerCell:ne,data:re,edit:{text:le,boolean:le,numeric:le,date:le}},edit:t,onEditChange:e=>{a(e.edit)}},C.createElement(m.GridToolbar,null,C.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",oe.configurationSeriesAdd))),C.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),C.createElement(m.GridColumn,{field:"name",title:"Name"}),C.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[n,o]=C.useState(!0),i=C.useCallback(e=>{o(!e.expanded)},[]),c=C.useCallback(t=>{e.onStateChange(V(a,j.categoryAxisX,t.target.value))},[a]),s=C.useCallback(t=>{e.onStateChange(V(a,j.seriesChange,t))},[a]),m=C.useCallback(t=>{e.onStateChange(V(a,j.valueAxisY,t.target.value))},[a]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.data.configuration.expandText",X.configuration),expanded:n,tabIndex:0,onAction:i},C.createElement(x.Reveal,null,n&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement(J,{legend:"scatter"===l?t.toLanguageString("chartWizard.data.configuration.xAxis",X.configurationXAxis):t.toLanguageString("chartWizard.data.configuration.categoryAxis",X.configurationCategoryAxis)},C.createElement(g.DropDownList,{data:a.columns||[],value:a.categoryField,onChange:c,...P})),O(l)&&C.createElement(J,{legend:t.toLanguageString("chartWizard.data.configuration.series.title",X.configurationSeries)},C.createElement(ie,{data:a.series,initialData:a.initialSeries,onChange:s})),"pie"===l&&C.createElement(J,{legend:t.toLanguageString("chartWizard.data.configuration.valueAxis",X.configurationValueAxis)},C.createElement(g.DropDownList,{data:a.columns||[],value:a.valueField||"",...P,onChange:m}))))))},se=e=>C.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&C.createElement(v.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),C.createElement("div",{className:"k-form-field-wrap",onKeyDown:b},e.children)),de=e=>{var t;const a=d.useLocalization(),l=e.state,[n,o]=C.useState(!1),i=C.useCallback(e=>{o(!e.expanded)},[]),c=C.useCallback(t=>{e.onStateChange(V(l,j.areaMarginLeft,t.target.value))},[l]),s=C.useCallback(t=>{e.onStateChange(V(l,j.areaMarginRight,t.target.value))},[l]),g=C.useCallback(t=>{e.onStateChange(V(l,j.areaMarginTop,t.target.value))},[l]),m=C.useCallback(t=>{e.onStateChange(V(l,j.areaMarginBottom,t.target.value))},[l]),h=l.area.margin,v=C.useCallback(t=>{e.onStateChange(V(l,j.areaBackground,t.value))},[l]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.format.chartArea.expandText",X.formatChartArea),expanded:n,tabIndex:0,onAction:i},C.createElement(x.Reveal,null,n&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement(J,{legend:a.toLanguageString("chartWizard.format.chartArea.margins",X.formatChartAreaMargins)},C.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},C.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.left",X.formatChartAreaMarginsLeft),editorId:"left"},C.createElement(f.NumericTextBox,{id:"left",value:void 0!==h.left?h.left:null,onChange:c,placeholder:a.toLanguageString(Y,X.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),C.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.right",X.formatChartAreaMarginsRight),editorId:"right"},C.createElement(f.NumericTextBox,{id:"right",value:void 0!==h.right?h.right:null,onChange:s,placeholder:a.toLanguageString(Y,X.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),C.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.top",X.formatChartAreaMarginsTop),editorId:"top"},C.createElement(f.NumericTextBox,{id:"top",value:void 0!==h.top?h.top:null,onChange:g,placeholder:a.toLanguageString(Y,X.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),C.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.bottom",X.formatChartAreaMarginsBottom),editorId:"bottom"},C.createElement(f.NumericTextBox,{id:"bottom",value:void 0!==h.bottom?h.bottom:null,onChange:m,placeholder:a.toLanguageString(Y,X.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),C.createElement(J,{legend:a.toLanguageString("chartWizard.format.chartArea.background",X.formatChartAreaBackground)},C.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.background.color",X.formatChartAreaBackgroundColor),editorId:"background"},C.createElement(f.ColorPicker,{id:"background",value:(null==(t=l.area)?void 0:t.background)||"",onChange:v,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",X.formatTitleChartTitle)},{value:"chartSubtitle",text:t.toLanguageString("chartWizard.format.title.chartSubtitle",X.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",X.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",X.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,...P})),C.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",X.formatTitleLabel)},C.createElement(f.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?j.titleText:j.subtitleText;e.onStateChange(V(a,r,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",X.formatTitleFont)},C.createElement(g.ComboBox,{id:"titleFont",data:K,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",X.formatTitleFontPlaceholder),value:K.find(e=>e.value===G(h.font).name)||T,onChange:t=>{const r=c.value===i[0].value?j.titleFontName:j.subtitleFontName,l=t.target.value||T;e.onStateChange(V(a,r,l.value))},itemRender:W,...P})),C.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",X.formatTitleSize)},C.createElement(g.ComboBox,{id:"titleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",X.formatTitleSizePlaceholder),value:D.find(e=>e.value===G(h.font).size)||T,onChange:t=>{const r=c.value===i[0].value?j.titleFontSize:j.subtitleFontSize,l=t.target.value||T;F(l)&&e.onStateChange(V(a,r,l.value))},itemRender:W,allowCustom:!0,...P})),C.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",X.formatTitleColor)},C.createElement(f.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=c.value===i[0].value?j.titleColor:j.subtitleColor;e.onStateChange(V(a,r,t.value))},view:"gradient",fillMode:"outline"})))))))},ge=e=>{var t,a,l,n,o;const[i,c]=C.useState(""),s=d.useLocalization(),m=e.state,h=m.seriesType,v="object"==typeof(null==(t=m.series[0])?void 0:t.stack)&&(null==(a=m.series[0])?void 0:a.stack.type),[p,S]=C.useState(!1),E=C.useCallback(e=>{S(!e.expanded)},[]),k={name:s.toLanguageString("chartWizard.format.series.allSeries",X.formatSeriesAllSeries)};return C.useEffect(()=>{c("")},[h,v]),C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:s.toLanguageString("chartWizard.format.series.expandText",X.formatSeries),expanded:p,tabIndex:0,onAction:E},C.createElement(x.Reveal,null,p&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement(se,{editorId:"apply-to-series",labelText:s.toLanguageString("chartWizard.format.series.applyTo",X.formatSeriesApplyTo)},C.createElement(g.DropDownList,{id:"apply-to-series",data:m.series,textField:"name",dataItemKey:"name",defaultItem:k,disabled:!O(h),value:m.series.find(e=>e.name===i)||k,onChange:e=>{const t=e.target.value.name;c(t===k.name?"":t)},...P})),C.createElement(se,{editorId:"seriesColor",labelText:s.toLanguageString("chartWizard.format.series.color",X.formatSeriesColor)},C.createElement(f.ColorPicker,{id:"seriesColor",value:i?null==(l=m.series.find(e=>e.name===i))?void 0:l.color:"",onChange:t=>{i&&e.onStateChange(V(m,j.seriesColor,{seriesName:i,color:t.value}))},disabled:!i,view:"gradient",fillMode:"outline"})),C.createElement(se,null,C.createElement(f.Checkbox,{label:s.toLanguageString("chartWizard.format.series.showLabels",X.formatSeriesShowLabels),checked:i?null==(o=null==(n=m.series.find(e=>e.name===i))?void 0:n.labels)?void 0:o.visible:m.series.every(e=>{var t;return null==(t=e.labels)?void 0:t.visible}),onChange:t=>{e.onStateChange(V(m,j.seriesLabel,{seriesName:i,all:!i,visible:t.value}))}}))))))},me=e=>{var t,a,l,n,o,i,c;const s=d.useLocalization(),m=e.state,[h,p]=C.useState(!1),S=C.useCallback(e=>{p(!e.expanded)},[]),E=[{value:"top",text:s.toLanguageString("chartWizard.format.legend.position.top",X.formatLegendPositionTop)},{value:"bottom",text:s.toLanguageString("chartWizard.format.legend.position.bottom",X.formatLegendPositionBottom)},{value:"left",text:s.toLanguageString("chartWizard.format.legend.position.left",X.formatLegendPositionLeft)},{value:"right",text:s.toLanguageString("chartWizard.format.legend.position.right",X.formatLegendPositionRight)}];return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:s.toLanguageString("chartWizard.format.legend.expandText",X.formatLegend),expanded:h,tabIndex:0,onAction:S},C.createElement(x.Reveal,null,h&&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(v.Label,{editorId:"show-legend"},s.toLanguageString("chartWizard.format.legend.showLegend",X.formatLegendShowLegend)),C.createElement(f.Switch,{id:"show-legend",checked:null==(t=m.legend)?void 0:t.visible,onChange:t=>{e.onStateChange(V(m,j.legendVisible,t.value))}}),C.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:s.toLanguageString("chartWizard.format.legend.font",X.formatLegendFont)},C.createElement(g.ComboBox,{id:"legendLabelsFont",data:K,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString("chartWizard.format.legend.fontPlaceholder",X.formatLegendFontPlaceholder),value:K.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=m.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)})||T,onChange:t=>{const a=t.target.value||T;e.onStateChange(V(m,j.legendFontName,a.value))},itemRender:W,disabled:!1===(null==(a=m.legend)?void 0:a.visible),...P})),C.createElement(se,{editorId:"legendLabelsSize",labelText:s.toLanguageString("chartWizard.format.legend.size",X.formatLegendSize)},C.createElement(g.ComboBox,{id:"legendLabelsSize",data:D,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString("chartWizard.format.legend.sizePlaceholder",X.formatLegendSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=m.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)})||T,onChange:t=>{const a=t.target.value||T;F(a)&&e.onStateChange(V(m,j.legendFontSize,a.value))},disabled:!1===(null==(l=m.legend)?void 0:l.visible),allowCustom:!0,...P})),C.createElement(se,{editorId:"legendLabelsColor",labelText:s.toLanguageString("chartWizard.format.legend.color",X.formatLegendColor)},C.createElement(f.ColorPicker,{id:"legendLabelsColor",value:(null==(o=null==(n=m.legend)?void 0:n.labels)?void 0:o.color)||"",onChange:t=>{e.onStateChange(V(m,j.legendColor,t.value))},disabled:!1===(null==(i=m.legend)?void 0:i.visible),view:"gradient",fillMode:"outline"})),C.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:s.toLanguageString("chartWizard.format.legend.position",X.formatLegendPosition)},C.createElement(g.DropDownList,{id:"legendPosition",data:E,textField:"text",dataItemKey:"value",value:E.find(e=>{var t;return e.value===(null==(t=m.legend)?void 0:t.position)}),onChange:t=>{const a=t.target.value;e.onStateChange(V(m,j.legendPosition,a.value))},disabled:!1===(null==(c=m.legend)?void 0:c.visible),...P})))))))},he=e=>{var t,a,l,n,o;const i=d.useLocalization(),c=e.state,s=c.seriesType,[m,h]=C.useState(!1),v=C.useCallback(e=>{h(!e.expanded)},[]),p=C.useCallback(t=>{e.onStateChange(V(c,j.categoryAxisTitleText,t.target.value))},[c]),S=C.useCallback(t=>{const a=t.target.value||T;F(a)&&e.onStateChange(V(c,j.categoryAxisTitleFontSize,a.value))},[c]),E=C.useCallback(t=>{const a=t.target.value||T;e.onStateChange(V(c,j.categoryAxisTitleFontName,a.value))},[c]),k=C.useCallback(t=>{e.onStateChange(V(c,j.categoryAxisTitleColor,t.value))},[c]),L=C.useCallback(t=>{const a=t.target.value||T;F(a)&&e.onStateChange(V(c,j.categoryAxisLabelsFontSize,a.value))},[c]),A=C.useCallback(t=>{const a=t.target.value||T;e.onStateChange(V(c,j.categoryAxisLabelsFontName,a.value))},[c]),z=C.useCallback(t=>{e.onStateChange(V(c,j.categoryAxisLabelsColor,t.value))},[c]),y=C.useCallback(t=>{e.onStateChange(V(c,j.categoryAxisLabelsRotation,t.target.value))},[c]),I=C.useCallback(t=>{e.onStateChange(V(c,j.categoryAxisReverseOrder,t.value))},[c]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===s?i.toLanguageString("chartWizard.format.xAxis.expandText",X.formatXAxis):i.toLanguageString("chartWizard.format.categoryAxis.expandText",X.formatCategoryAxis),expanded:m,tabIndex:0,onAction:v},C.createElement(x.Reveal,null,m&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement(J,{legend:i.toLanguageString("chartWizard.format.categoryAxis.title.expandText",X.formatCategoryAxisTitle)},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"},C.createElement(f.Input,{placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",X.formatCategoryAxisTitlePlaceholder),value:(null==(t=c.categoryAxis[0].title)?void 0:t.text)||"",onChange:p})),C.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.font",X.formatCategoryAxisTitleFont)},C.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:K,textField:"text",dataItemKey:"value",itemRender:W,placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",X.formatCategoryAxisTitleFontPlaceholder),value:K.find(e=>{var t,a;return e.value===(null==(a=G((null==(t=c.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)})||T,onChange:E,...P})),C.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.size",X.formatCategoryAxisTitleSize)},C.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",X.formatCategoryAxisTitleSizePlaceholder),value:D.find(e=>{var t,a;return e.value===(null==(a=G((null==(t=c.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)})||T,onChange:S,allowCustom:!0,...P})),C.createElement(se,{editorId:"categoryAxisTitleColor",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.color",X.formatCategoryAxisTitleColor)},C.createElement(f.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(a=c.categoryAxis[0].title)?void 0:a.color)||"",onChange:k,fillMode:"outline"})))),C.createElement(J,{legend:i.toLanguageString("chartWizard.format.categoryAxis.labels.text",X.formatCategoryAxisLabels)},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:"categoryAxisLabelsFont",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.font",X.formatCategoryAxisLabelsFont)},C.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:K,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",X.formatCategoryAxisLabelsFontPlaceholder),value:K.find(e=>{var t,a;return e.value===(null==(a=G((null==(t=c.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)})||T,onChange:A,itemRender:W,...P})),C.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.size",X.formatCategoryAxisLabelsSize)},C.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",X.formatCategoryAxisLabelsSizePlaceholder),value:D.find(e=>{var t,a;return e.value===(null==(a=G((null==(t=c.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)})||T,onChange:L,allowCustom:!0,...P})),C.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.color",X.formatCategoryAxisLabelsColor)},C.createElement(f.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(l=c.categoryAxis[0].labels)?void 0:l.color)||"",onChange:z,fillMode:"outline"})),C.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",X.formatCategoryAxisLabelsRotation)},C.createElement(f.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(n=c.categoryAxis[0].labels)?void 0:n.rotation)?null==(o=c.categoryAxis[0].labels)?void 0:o.rotation:null,placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",X.formatCategoryAxisLabelsRotationAuto),onChange:y,fillMode:"outline",min:-360,max:360,step:1})),C.createElement(se,{className:"k-col-span-2"},C.createElement(f.Checkbox,{label:i.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",X.formatCategoryAxisLabelsReverseOrder),checked:c.categoryAxis[0].reverse||!1,onChange:I}))))))))},xe=e=>{var t,a,l,n,o,i,c,s,m,h;const v=d.useLocalization(),p=e.state,S=p.seriesType,E={text:v.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",X.formatValueAxisLabelsFormatText),value:""},k=[{value:"n0",text:v.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",X.formatValueAxisLabelsFormatNumber)},{value:"c0",text:v.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",X.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:v.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",X.formatValueAxisLabelsFormatPercent)}],[L,A]=C.useState(!1),z=C.useCallback(e=>{A(!e.expanded)},[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===S?v.toLanguageString("chartWizard.format.yAxis.expandText",X.formatYAxis):v.toLanguageString("chartWizard.format.valueAxis.expandText",X.formatValueAxis),expanded:L,tabIndex:0,onAction:z},C.createElement(x.Reveal,null,L&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement(J,{legend:v.toLanguageString("chartWizard.format.valueAxis.title.text",X.formatValueAxisTitle)},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"},C.createElement(f.Input,{placeholder:v.toLanguageString("chartWizard.format.valueAxis.title.placeholder",X.formatValueAxisTitlePlaceholder),value:(null==(a=null==(t=p.valueAxis[0])?void 0:t.title)?void 0:a.text)||"",onChange:t=>{e.onStateChange(V(p,j.valueAxisTitleText,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:v.toLanguageString("chartWizard.format.valueAxis.title.font",X.formatValueAxisTitleFont)},C.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:K,textField:"text",dataItemKey:"value",itemRender:W,placeholder:v.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",X.formatValueAxisTitleFontPlaceholder),value:K.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=p.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.name)})||T,onChange:t=>{const a=t.target.value||T;e.onStateChange(V(p,j.valueAxisTitleFontName,a.value))},...P})),C.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:v.toLanguageString("chartWizard.format.valueAxis.title.size",X.formatValueAxisTitleSize)},C.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:v.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",X.formatValueAxisTitleSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=p.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.size)})||T,onChange:t=>{const a=t.target.value||T;F(a)&&e.onStateChange(V(p,j.valueAxisTitleFontSize,a.value))},allowCustom:!0,...P})),C.createElement(se,{editorId:"valueAxisTitleColor",labelText:v.toLanguageString("chartWizard.format.valueAxis.title.color",X.formatValueAxisTitleColor)},C.createElement(f.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(n=null==(l=p.valueAxis[0])?void 0:l.title)?void 0:n.color)||"",onChange:t=>{e.onStateChange(V(p,j.valueAxisTitleColor,t.value))},fillMode:"outline"})))),C.createElement(J,{legend:v.toLanguageString("chartWizard.format.valueAxis.labels.text",X.formatValueAxisLabels)},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:"valueAxisLabelsFormat",labelText:v.toLanguageString("chartWizard.format.valueAxis.labelFormat",X.formatValueAxisLabelsFormat)},C.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=p.valueAxis[0])?void 0:t.labels)?void 0:a.format)})||E,onChange:t=>{const a=t.target.value;e.onStateChange(V(p,j.valueAxisLabelsFormat,a.value))},...P})),C.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:v.toLanguageString("chartWizard.format.valueAxis.labels.font",X.formatValueAxisLabelsFont)},C.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:K,textField:"text",dataItemKey:"value",placeholder:v.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",X.formatValueAxisLabelsFontPlaceholder),value:K.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=p.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)})||T,onChange:t=>{const a=t.target.value||T;e.onStateChange(V(p,j.valueAxisLabelsFontName,a.value))},itemRender:W,...P})),C.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:v.toLanguageString("chartWizard.format.valueAxis.labels.size",X.formatValueAxisLabelsSize)},C.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:v.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",X.formatValueAxisLabelsSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=G((null==(a=null==(t=p.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)})||T,onChange:t=>{const a=t.target.value||T;F(a)&&e.onStateChange(V(p,j.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...P})),C.createElement(se,{editorId:"valueAxisLabelsColor",labelText:v.toLanguageString("chartWizard.format.valueAxis.labels.color",X.formatValueAxisLabelsColor)},C.createElement(f.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(i=null==(o=p.valueAxis[0])?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(V(p,j.valueAxisLabelsColor,t.value))},fillMode:"outline"})),C.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:v.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",X.formatValueAxisLabelsRotation)},C.createElement(f.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(s=null==(c=p.valueAxis[0])?void 0:c.labels)?void 0:s.rotation)?null==(h=null==(m=p.valueAxis[0])?void 0:m.labels)?void 0:h.rotation:null,placeholder:v.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",X.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(V(p,j.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1}))))))))},ve=e=>C.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:b},e.children),fe=e=>{const t=C.useCallback(t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))},[e.onClick]);return C.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},C.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:t},C.createElement(h.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},pe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=R(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",X.barChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"bar"===l&&o,onClick:()=>{e.onStateChange(q(a,M(a.data,"bar")))},icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},t.toLanguageString("chartWizard.chart.barChart.bar",X.barChartBar)),C.createElement(fe,{selected:"bar"===l&&i,onClick:()=>{const t=q(a,M(a.data,"bar"));e.onStateChange(V(t,j.stacked,N))},icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},t.toLanguageString("chartWizard.chart.barChart.stackedBar",X.barChartStackedBar)),C.createElement(fe,{selected:"bar"===l&&c,onClick:()=>{const t=q(a,M(a.data,"bar"));e.onStateChange(V(t,j.stacked,w))},icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},t.toLanguageString("chartWizard.chart.barChart.100%stackedBar",X.barChart100StackedBar))))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=R(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",X.columnChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"column"===l&&o,onClick:()=>{e.onStateChange(q(a,M(a.data,"column")))},icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},t.toLanguageString("chartWizard.chart.columnChart.column",X.columnChartColumn)),C.createElement(fe,{selected:"column"===l&&i,onClick:()=>{const t=q(a,M(a.data,"column"));e.onStateChange(V(t,j.stacked,N))},icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},t.toLanguageString("chartWizard.chart.columnChart.stackedColumn",X.columnChartStackedColumn)),C.createElement(fe,{selected:"column"===l&&c,onClick:()=>{const t=q(a,M(a.data,"column"));e.onStateChange(V(t,j.stacked,w))},icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},t.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",X.columnChart100StackedColumn))))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=R(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",X.lineChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"line"===l&&o,onClick:()=>{e.onStateChange(q(a,M(a.data,"line")))},icon:n.chartLineIcon,iconName:"chart-line"},t.toLanguageString("chartWizard.chart.lineChart.line",X.lineChartLine)),C.createElement(fe,{selected:"line"===l&&i,onClick:()=>{const t=q(a,M(a.data,"line"));e.onStateChange(V(t,j.stacked,N))},icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},t.toLanguageString("chartWizard.chart.lineChart.stackedLine",X.lineChartStackedLine)),C.createElement(fe,{selected:"line"===l&&c,onClick:()=>{const t=q(a,M(a.data,"line"));e.onStateChange(V(t,j.stacked,w))},icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},t.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",X.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",X.scatterChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"scatter"===l,onClick:()=>{e.onStateChange(q(a,M(a.data,"scatter")))},icon:n.chartScatterIcon,iconName:"chart-scatter"},t.toLanguageString("chartWizard.chart.scatterChart.scatter",X.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",X.pieChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"pie"===l,onClick:()=>{e.onStateChange(q(a,M(a.data,"pie")))},icon:n.chartPieIcon,iconName:"chart-pie"},t.toLanguageString("chartWizard.chart.pieChart.pie",X.pieChartPie))))))},ke=C.forwardRef((e,t)=>{var a,r,l,n,o,c,s,d,u,g,m,h,x;const v=e.state;return C.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:t},C.createElement(i.ChartTitle,{text:null==(a=v.title)?void 0:a.text,font:null==(r=v.title)?void 0:r.font,color:(null==(l=v.title)?void 0:l.color)||"#000"}),C.createElement(i.ChartSubtitle,{text:null==(n=v.subtitle)?void 0:n.text,font:null==(o=v.subtitle)?void 0:o.font,color:(null==(c=v.subtitle)?void 0:c.color)||"#000"}),C.createElement(i.ChartArea,{background:null==(s=v.area)?void 0:s.background,margin:v.area.margin}),v.categoryAxis&&C.createElement(i.ChartCategoryAxis,null,v.categoryAxis.map((e,t)=>C.createElement(i.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}))),v.valueAxis&&C.createElement(i.ChartValueAxis,null,v.valueAxis.map((e,t)=>C.createElement(i.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}}))),C.createElement(i.ChartSeries,null,v.series.map((e,t)=>C.createElement(i.ChartSeriesItem,{key:String(e.name)+t,...e}))),C.createElement(i.ChartLegend,{visible:null==(d=v.legend)?void 0:d.visible,position:null==(u=v.legend)?void 0:u.position,labels:{color:(null==(m=null==(g=v.legend)?void 0:g.labels)?void 0:m.color)||void 0,font:(null==(x=null==(h=v.legend)?void 0:h.labels)?void 0:x.font)||void 0}}))});ke.displayName="ChartComponent";const Le=C.forwardRef((e,t)=>{const o=d.useLocalization(),i=C.useRef(null),c=C.useRef(null),s=C.useCallback(t=>{var a;if(c.current){const r=new $(c.current,L(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}},[e.onExport,e.exportOptions]),u=e.window||a.Window,[g,m]=C.useState({width:700,height:550}),[h,x]=C.useState("DEFAULT"),v=C.useCallback(e=>{m({width:e.width,height:e.height})},[]),f=C.useCallback(e=>{x(e.state)},[]),[p,b]=C.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),S=C.useCallback(e=>{b(e.newState)},[]),[E,k]=C.useState(0),T=C.useCallback(e=>{k(e.selected)},[]),[W,I]=C.useState(B(e.data||[],"bar",e.defaultState)),F=t=>{var a;null==(a=e.onStateChange)||a.call(void 0,t),e.state||I(t)},P=e.state||W,N=C.useRef(P);N.current=P;const w=C.useRef(e);w.current=e;const R=C.useCallback(()=>({get chart(){return c.current},get state(){return N.current}}),[]);C.useImperativeHandle(t,R),C.useEffect(()=>{var t;if(N.current.seriesType&&e.data){const a=q(N.current,M(e.data,N.current.seriesType));null==(t=w.current.onStateChange)||t.call(void 0,a),w.current.state||I(a)}},[e.data]),C.useEffect(()=>{var e,t;null==(t=null==(e=i.current)?void 0:e.element)||t.focus()},[]);const D=P.seriesType;return C.createElement(u,{title:o.toLanguageString("chartWizard.window.title",X.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:v,stage:h,onStageChange:f,...g},C.createElement(r.Splitter,{panes:p,onChange:S,className:"k-chart-wizard-splitter"},C.createElement("div",{className:"k-chart-wizard-preview-pane k-pane",role:"group"},C.createElement("div",{className:"k-preview-pane-header"},C.createElement(l.DropDownButton,{ref:i,text:o.toLanguageString("chartWizard.export.button",X.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:s,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:A,text:o.toLanguageString("chartWizard.exportPDF.button",X.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:z,text:o.toLanguageString("chartWizard.exportSVG.button",X.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:y,text:o.toLanguageString("chartWizard.exportPNG.button",X.exportPNGButton)}]})),C.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)",marginTop:10}},C.createElement(ke,{ref:c,state:P}))),C.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static",role:"group"},C.createElement(r.TabStrip,{selected:E,onSelect:T,animation:!1},C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",X.tabChart)},C.createElement("div",null,C.createElement(pe,{state:P,onStateChange:F}),C.createElement(Ee,{state:P,onStateChange:F}),C.createElement(Ce,{state:P,onStateChange:F}),C.createElement(be,{state:P,onStateChange:F}),C.createElement(Se,{state:P,onStateChange:F}))),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",X.tabData)},C.createElement(ce,{state:P,onStateChange:F})),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",X.tabFormat)},C.createElement("div",null,C.createElement(de,{state:P,onStateChange:F}),C.createElement(ue,{state:P,onStateChange:F}),C.createElement(ge,{state:P,onStateChange:F}),C.createElement(me,{state:P,onStateChange:F}),"pie"!==D&&C.createElement(he,{state:P,onStateChange:F}),"pie"!==D&&C.createElement(xe,{state:P,onStateChange:F})))))))});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.createState=M,e.getGridSelectedRows=Ae,e.getWizardDataFromDataRows=H,e.getWizardDataFromGridSelection=e=>ze(Ae(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-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-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.KendoReactLabels,e.KendoReactInputs)}(this,function(e,t,a,r,l,n,o,i,s,c,d,u,g,m,h,x,v){"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 p=f(t);const C=e=>{e.stopPropagation()},b="chart",S={paperSize:"A4",margin:"1cm"},E={width:800,height:600},k=(e={})=>({fileName:e.fileName||b,pdf:{...S,...e.pdf},image:{...E,...e.image}}),L=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&s.exportPDF(t,a.pdf).then(e=>c.saveAs(e,a.fileName+".pdf"))},A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&s.exportSVG(t).then(e=>c.saveAs(e,a.fileName+".svg"))},z=e=>{const t=e.exportOptions,a=i.exportVisual(e.chart,t.image);a&&s.exportImage(a,t.image).then(e=>c.saveAs(e,t.fileName+".png"))},y={value:null,text:""},T=(e,t)=>t.dataItem.style?p.cloneElement(e,e.props,p.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 D.find(t=>t.value===e.value)||(D.push(e),D.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}},D=o.ChartWizardCommon.fontSizes,R=o.ChartWizardCommon.fontNames,K=o.ChartWizardCommon.createInitialState,B=(e,t)=>o.ChartWizardCommon.createState(e,t),M=o.ChartWizardCommon.updateState,V=o.ChartWizardCommon.mergeStates,O=o.ChartWizardCommon.isCategorical,q=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}}class U extends Y{constructor(e,t){super(),this.chart=e,this.exportOptions=t}}const $=e=>p.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&p.createElement("legend",{className:"k-form-legend"},e.legend),e.children),J=p.createContext({onRemove:e=>{},count:0}),Q=e=>{const{onRemove:t,count:a}=p.useContext(J);return p.createElement("td",{...e.tdProps},p.createElement(l.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},Z=p.createContext({reorder:()=>{},dragStart:()=>{}}),_=e=>{const t=p.useContext(Z);return p.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},p.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},p.createElement(h.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},ee=p.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),te=e=>{const{enterEdit:t}=p.useContext(ee);return p.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},ae=e=>"delete"===e.field?p.createElement(Q,{...e}):"reorder"===e.field?p.createElement(_,{...e}):"name"===e.field?p.createElement(te,{...e}):null,re=e=>{const t=p.useRef(null),{exitEdit:a}=p.useContext(ee);return p.useEffect(()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()},[]),p.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=e=>{const[t,a]=p.useState({}),[r,o]=p.useState(null);return p.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}},p.createElement(Z.Provider,{value:{reorder:t=>{if(r===t)return;const a=e.data.slice(),l=a.findIndex(e=>e===r),n=a.findIndex(e=>e===t);a.splice(l,1),a.splice(n,0,r||a[0]),e.onChange.call(void 0,a)},dragStart:e=>{o(e)}}},p.createElement(ee.Provider,{value:{enterEdit:e=>{a(t=>({...t,[e.id]:!0}))},exitEdit:e=>{a(t=>Object.keys(t).reduce((a,r)=>{if(r===e.id){const e={...t};return delete e[r],e}return a},{}))}}},p.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",editable:!0,cells:{headerCell:le,data:ae,edit:{text:re,boolean:re,numeric:re,date:re}},edit:t,onEditChange:e=>{a(e.edit)}},p.createElement(m.GridToolbar,null,p.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))),p.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),p.createElement(m.GridColumn,{field:"name",title:"Name"}),p.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ie=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[n,o]=p.useState(!0),i=p.useCallback(e=>{o(!e.expanded)},[]),s=p.useCallback(t=>{e.onStateChange(M(a,G.categoryAxisX,t.target.value))},[a]),c=p.useCallback(t=>{e.onStateChange(M(a,G.seriesChange,t))},[a]),m=p.useCallback(t=>{e.onStateChange(M(a,G.valueAxisY,t.target.value))},[a]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.data.configuration.expandText",H.configuration),expanded:n,tabIndex:0,onAction:i},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement($,{legend:"scatter"===l?t.toLanguageString("chartWizard.data.configuration.xAxis",H.configurationXAxis):t.toLanguageString("chartWizard.data.configuration.categoryAxis",H.configurationCategoryAxis)},p.createElement(g.DropDownList,{data:a.columns||[],value:a.categoryField,onChange:s,...F})),O(l)&&p.createElement($,{legend:t.toLanguageString("chartWizard.data.configuration.series.title",H.configurationSeries)},p.createElement(oe,{data:a.series,initialData:a.initialSeries,onChange:c})),"pie"===l&&p.createElement($,{legend:t.toLanguageString("chartWizard.data.configuration.valueAxis",H.configurationValueAxis)},p.createElement(g.DropDownList,{data:a.columns||[],value:a.valueField||"",...F,onChange:m})))))},se=e=>p.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&p.createElement(x.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),p.createElement("div",{className:"k-form-field-wrap",onKeyDown:C},e.children)),ce=e=>{var t;const a=d.useLocalization(),l=e.state,[n,o]=p.useState(!1),i=p.useCallback(e=>{o(!e.expanded)},[]),s=p.useCallback(t=>{e.onStateChange(M(l,G.areaMarginLeft,t.target.value))},[l]),c=p.useCallback(t=>{e.onStateChange(M(l,G.areaMarginRight,t.target.value))},[l]),g=p.useCallback(t=>{e.onStateChange(M(l,G.areaMarginTop,t.target.value))},[l]),m=p.useCallback(t=>{e.onStateChange(M(l,G.areaMarginBottom,t.target.value))},[l]),h=l.area.margin,x=p.useCallback(t=>{e.onStateChange(M(l,G.areaBackground,t.value))},[l]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.format.chartArea.expandText",H.formatChartArea),expanded:n,tabIndex:0,onAction:i},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement($,{legend:a.toLanguageString("chartWizard.format.chartArea.margins",H.formatChartAreaMargins)},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.left",H.formatChartAreaMarginsLeft),editorId:"left"},p.createElement(v.NumericTextBox,{id:"left",value:void 0!==h.left?h.left:null,onChange:s,placeholder:a.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),p.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.right",H.formatChartAreaMarginsRight),editorId:"right"},p.createElement(v.NumericTextBox,{id:"right",value:void 0!==h.right?h.right:null,onChange:c,placeholder:a.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),p.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.top",H.formatChartAreaMarginsTop),editorId:"top"},p.createElement(v.NumericTextBox,{id:"top",value:void 0!==h.top?h.top:null,onChange:g,placeholder:a.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),p.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.margins.bottom",H.formatChartAreaMarginsBottom),editorId:"bottom"},p.createElement(v.NumericTextBox,{id:"bottom",value:void 0!==h.bottom?h.bottom:null,onChange:m,placeholder:a.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),p.createElement($,{legend:a.toLanguageString("chartWizard.format.chartArea.background",H.formatChartAreaBackground)},p.createElement(se,{labelText:a.toLanguageString("chartWizard.format.chartArea.background.color",H.formatChartAreaBackgroundColor),editorId:"background"},p.createElement(v.ColorPicker,{id:"background",value:(null==(t=l.area)?void 0:t.background)||"",onChange:x,view:"gradient",fillMode:"outline"}))))))},de=e=>{const t=d.useLocalization(),a=e.state,[l,n]=p.useState(!1),o=p.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)}],[s,c]=p.useState(i[0]),m=p.useCallback(e=>{c(e.target.value)},[]),h=(s.value===i[0].value?a.title:a.subtitle)||{text:"",font:"",color:""};return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.format.title.expandText",H.formatTitle),expanded:l,tabIndex:0,onAction:o},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{className:"k-col-span-2",editorId:"apply-to-title",labelText:t.toLanguageString("chartWizard.format.title.applyTo",H.formatTitleApplyTo)},p.createElement(g.DropDownList,{id:"apply-to-title",data:i,textField:"text",dataItemKey:"value",value:i.find(e=>e.value===s.value),onChange:m,...F})),p.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",H.formatTitleLabel)},p.createElement(v.Input,{id:"titleText",placeholder:s.value===i[0].value?i[0].text:i[1].text,value:h.text,onChange:t=>{const r=s.value===i[0].value?G.titleText:G.subtitleText;e.onStateChange(M(a,r,t.target.value))}})),p.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",H.formatTitleFont)},p.createElement(g.ComboBox,{id:"titleFont",data:R,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",H.formatTitleFontPlaceholder),value:R.find(e=>e.value===q(h.font).name)||y,onChange:t=>{const r=s.value===i[0].value?G.titleFontName:G.subtitleFontName,l=t.target.value||y;e.onStateChange(M(a,r,l.value))},itemRender:T,...F})),p.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",H.formatTitleSize)},p.createElement(g.ComboBox,{id:"titleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",H.formatTitleSizePlaceholder),value:D.find(e=>e.value===q(h.font).size)||y,onChange:t=>{const r=s.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})),p.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",H.formatTitleColor)},p.createElement(v.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=s.value===i[0].value?G.titleColor:G.subtitleColor;e.onStateChange(M(a,r,t.value))},view:"gradient",fillMode:"outline"}))))))},ue=e=>{var t,a,l,n,o;const[i,s]=p.useState(""),c=d.useLocalization(),m=e.state,h=m.seriesType,x="object"==typeof(null==(t=m.series[0])?void 0:t.stack)&&(null==(a=m.series[0])?void 0:a.stack.type),[f,b]=p.useState(!1),S=p.useCallback(e=>{b(!e.expanded)},[]),E={name:c.toLanguageString("chartWizard.format.series.allSeries",H.formatSeriesAllSeries)};return p.useEffect(()=>{s("")},[h,x]),p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:c.toLanguageString("chartWizard.format.series.expandText",H.formatSeries),expanded:f,tabIndex:0,onAction:S},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement(se,{editorId:"apply-to-series",labelText:c.toLanguageString("chartWizard.format.series.applyTo",H.formatSeriesApplyTo)},p.createElement(g.DropDownList,{id:"apply-to-series",data:m.series,textField:"name",dataItemKey:"name",defaultItem:E,disabled:!O(h),value:m.series.find(e=>e.name===i)||E,onChange:e=>{const t=e.target.value.name;s(t===E.name?"":t)},...F})),p.createElement(se,{editorId:"seriesColor",labelText:c.toLanguageString("chartWizard.format.series.color",H.formatSeriesColor)},p.createElement(v.ColorPicker,{id:"seriesColor",value:i?null==(l=m.series.find(e=>e.name===i))?void 0:l.color:"",onChange:t=>{i&&e.onStateChange(M(m,G.seriesColor,{seriesName:i,color:t.value}))},disabled:!i,view:"gradient",fillMode:"outline"})),p.createElement(se,null,p.createElement(v.Checkbox,{label:c.toLanguageString("chartWizard.format.series.showLabels",H.formatSeriesShowLabels),checked:i?null==(o=null==(n=m.series.find(e=>e.name===i))?void 0:n.labels)?void 0:o.visible:m.series.every(e=>{var t;return null==(t=e.labels)?void 0:t.visible}),onChange:t=>{e.onStateChange(M(m,G.seriesLabel,{seriesName:i,all:!i,visible:t.value}))}})))))},ge=e=>{var t,a,l,n,o,i,s;const c=d.useLocalization(),m=e.state,[h,f]=p.useState(!1),b=p.useCallback(e=>{f(!e.expanded)},[]),S=[{value:"top",text:c.toLanguageString("chartWizard.format.legend.position.top",H.formatLegendPositionTop)},{value:"bottom",text:c.toLanguageString("chartWizard.format.legend.position.bottom",H.formatLegendPositionBottom)},{value:"left",text:c.toLanguageString("chartWizard.format.legend.position.left",H.formatLegendPositionLeft)},{value:"right",text:c.toLanguageString("chartWizard.format.legend.position.right",H.formatLegendPositionRight)}];return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:c.toLanguageString("chartWizard.format.legend.expandText",H.formatLegend),expanded:h,tabIndex:0,onAction:b},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(x.Label,{editorId:"show-legend"},c.toLanguageString("chartWizard.format.legend.showLegend",H.formatLegendShowLegend)),p.createElement(v.Switch,{id:"show-legend",checked:null==(t=m.legend)?void 0:t.visible,onChange:t=>{e.onStateChange(M(m,G.legendVisible,t.value))}}),p.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:c.toLanguageString("chartWizard.format.legend.font",H.formatLegendFont)},p.createElement(g.ComboBox,{id:"legendLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.legend.fontPlaceholder",H.formatLegendFontPlaceholder),value:R.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=m.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(m,G.legendFontName,a.value))},itemRender:T,disabled:!1===(null==(a=m.legend)?void 0:a.visible),...F})),p.createElement(se,{editorId:"legendLabelsSize",labelText:c.toLanguageString("chartWizard.format.legend.size",H.formatLegendSize)},p.createElement(g.ComboBox,{id:"legendLabelsSize",data:D,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.legend.sizePlaceholder",H.formatLegendSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=m.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(m,G.legendFontSize,a.value))},disabled:!1===(null==(l=m.legend)?void 0:l.visible),allowCustom:!0,...F})),p.createElement(se,{editorId:"legendLabelsColor",labelText:c.toLanguageString("chartWizard.format.legend.color",H.formatLegendColor)},p.createElement(v.ColorPicker,{id:"legendLabelsColor",value:(null==(o=null==(n=m.legend)?void 0:n.labels)?void 0:o.color)||"",onChange:t=>{e.onStateChange(M(m,G.legendColor,t.value))},disabled:!1===(null==(i=m.legend)?void 0:i.visible),view:"gradient",fillMode:"outline"})),p.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:c.toLanguageString("chartWizard.format.legend.position",H.formatLegendPosition)},p.createElement(g.DropDownList,{id:"legendPosition",data:S,textField:"text",dataItemKey:"value",value:S.find(e=>{var t;return e.value===(null==(t=m.legend)?void 0:t.position)}),onChange:t=>{const a=t.target.value;e.onStateChange(M(m,G.legendPosition,a.value))},disabled:!1===(null==(s=m.legend)?void 0:s.visible),...F}))))))},me=e=>{var t,a,l,n,o;const i=d.useLocalization(),s=e.state,c=s.seriesType,[m,h]=p.useState(!1),x=p.useCallback(e=>{h(!e.expanded)},[]),f=p.useCallback(t=>{e.onStateChange(M(s,G.categoryAxisTitleText,t.target.value))},[s]),b=p.useCallback(t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisTitleFontSize,a.value))},[s]),S=p.useCallback(t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisTitleFontName,a.value))},[s]),E=p.useCallback(t=>{e.onStateChange(M(s,G.categoryAxisTitleColor,t.value))},[s]),k=p.useCallback(t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisLabelsFontSize,a.value))},[s]),L=p.useCallback(t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisLabelsFontName,a.value))},[s]),A=p.useCallback(t=>{e.onStateChange(M(s,G.categoryAxisLabelsColor,t.value))},[s]),z=p.useCallback(t=>{e.onStateChange(M(s,G.categoryAxisLabelsRotation,t.target.value))},[s]),W=p.useCallback(t=>{e.onStateChange(M(s,G.categoryAxisReverseOrder,t.value))},[s]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===c?i.toLanguageString("chartWizard.format.xAxis.expandText",H.formatXAxis):i.toLanguageString("chartWizard.format.categoryAxis.expandText",H.formatCategoryAxis),expanded:m,tabIndex:0,onAction:x},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement($,{legend:i.toLanguageString("chartWizard.format.categoryAxis.title.expandText",H.formatCategoryAxisTitle)},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{className:"k-col-span-2"},p.createElement(v.Input,{placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",H.formatCategoryAxisTitlePlaceholder),value:(null==(t=s.categoryAxis[0].title)?void 0:t.text)||"",onChange:f})),p.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.font",H.formatCategoryAxisTitleFont)},p.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:T,placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",H.formatCategoryAxisTitleFontPlaceholder),value:R.find(e=>{var t,a;return e.value===(null==(a=q((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)})||y,onChange:S,...F})),p.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.size",H.formatCategoryAxisTitleSize)},p.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",H.formatCategoryAxisTitleSizePlaceholder),value:D.find(e=>{var t,a;return e.value===(null==(a=q((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)})||y,onChange:b,allowCustom:!0,...F})),p.createElement(se,{editorId:"categoryAxisTitleColor",labelText:i.toLanguageString("chartWizard.format.categoryAxis.title.color",H.formatCategoryAxisTitleColor)},p.createElement(v.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(a=s.categoryAxis[0].title)?void 0:a.color)||"",onChange:E,fillMode:"outline"})))),p.createElement($,{legend:i.toLanguageString("chartWizard.format.categoryAxis.labels.text",H.formatCategoryAxisLabels)},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.font",H.formatCategoryAxisLabelsFont)},p.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",H.formatCategoryAxisLabelsFontPlaceholder),value:R.find(e=>{var t,a;return e.value===(null==(a=q((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)})||y,onChange:L,itemRender:T,...F})),p.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.size",H.formatCategoryAxisLabelsSize)},p.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",H.formatCategoryAxisLabelsSizePlaceholder),value:D.find(e=>{var t,a;return e.value===(null==(a=q((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)})||y,onChange:k,allowCustom:!0,...F})),p.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.color",H.formatCategoryAxisLabelsColor)},p.createElement(v.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(l=s.categoryAxis[0].labels)?void 0:l.color)||"",onChange:A,fillMode:"outline"})),p.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:i.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",H.formatCategoryAxisLabelsRotation)},p.createElement(v.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(n=s.categoryAxis[0].labels)?void 0:n.rotation)?null==(o=s.categoryAxis[0].labels)?void 0:o.rotation:null,placeholder:i.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",H.formatCategoryAxisLabelsRotationAuto),onChange:z,fillMode:"outline",min:-360,max:360,step:1})),p.createElement(se,{className:"k-col-span-2"},p.createElement(v.Checkbox,{label:i.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",H.formatCategoryAxisLabelsReverseOrder),checked:s.categoryAxis[0].reverse||!1,onChange:W})))))))},he=e=>{var t,a,l,n,o,i,s,c,m,h;const x=d.useLocalization(),f=e.state,b=f.seriesType,S={text:x.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",H.formatValueAxisLabelsFormatText),value:""},E=[{value:"n0",text:x.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",H.formatValueAxisLabelsFormatNumber)},{value:"c0",text:x.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",H.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:x.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",H.formatValueAxisLabelsFormatPercent)}],[k,L]=p.useState(!1),A=p.useCallback(e=>{L(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===b?x.toLanguageString("chartWizard.format.yAxis.expandText",H.formatYAxis):x.toLanguageString("chartWizard.format.valueAxis.expandText",H.formatValueAxis),expanded:k,tabIndex:0,onAction:A},p.createElement(r.ExpansionPanelContent,null,p.createElement(u.FormElement,{onKeyDown:C},p.createElement($,{legend:x.toLanguageString("chartWizard.format.valueAxis.title.text",H.formatValueAxisTitle)},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{className:"k-col-span-2"},p.createElement(v.Input,{placeholder:x.toLanguageString("chartWizard.format.valueAxis.title.placeholder",H.formatValueAxisTitlePlaceholder),value:(null==(a=null==(t=f.valueAxis[0])?void 0:t.title)?void 0:a.text)||"",onChange:t=>{e.onStateChange(M(f,G.valueAxisTitleText,t.target.value))}})),p.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:x.toLanguageString("chartWizard.format.valueAxis.title.font",H.formatValueAxisTitleFont)},p.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:T,placeholder:x.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",H.formatValueAxisTitleFontPlaceholder),value:R.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=f.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(f,G.valueAxisTitleFontName,a.value))},...F})),p.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:x.toLanguageString("chartWizard.format.valueAxis.title.size",H.formatValueAxisTitleSize)},p.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:x.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",H.formatValueAxisTitleSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=f.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(f,G.valueAxisTitleFontSize,a.value))},allowCustom:!0,...F})),p.createElement(se,{editorId:"valueAxisTitleColor",labelText:x.toLanguageString("chartWizard.format.valueAxis.title.color",H.formatValueAxisTitleColor)},p.createElement(v.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(n=null==(l=f.valueAxis[0])?void 0:l.title)?void 0:n.color)||"",onChange:t=>{e.onStateChange(M(f,G.valueAxisTitleColor,t.value))},fillMode:"outline"})))),p.createElement($,{legend:x.toLanguageString("chartWizard.format.valueAxis.labels.text",H.formatValueAxisLabels)},p.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},p.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:x.toLanguageString("chartWizard.format.valueAxis.labelFormat",H.formatValueAxisLabelsFormat)},p.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:E,textField:"text",dataItemKey:"value",defaultItem:S,value:E.find(e=>{var t,a;return e.value===(null==(a=null==(t=f.valueAxis[0])?void 0:t.labels)?void 0:a.format)})||S,onChange:t=>{const a=t.target.value;e.onStateChange(M(f,G.valueAxisLabelsFormat,a.value))},...F})),p.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:x.toLanguageString("chartWizard.format.valueAxis.labels.font",H.formatValueAxisLabelsFont)},p.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:x.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",H.formatValueAxisLabelsFontPlaceholder),value:R.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=f.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(f,G.valueAxisLabelsFontName,a.value))},itemRender:T,...F})),p.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:x.toLanguageString("chartWizard.format.valueAxis.labels.size",H.formatValueAxisLabelsSize)},p.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:D,textField:"text",dataItemKey:"value",placeholder:x.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",H.formatValueAxisLabelsSizePlaceholder),value:D.find(e=>{var t,a,r;return e.value===(null==(r=q((null==(a=null==(t=f.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(f,G.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...F})),p.createElement(se,{editorId:"valueAxisLabelsColor",labelText:x.toLanguageString("chartWizard.format.valueAxis.labels.color",H.formatValueAxisLabelsColor)},p.createElement(v.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(i=null==(o=f.valueAxis[0])?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(M(f,G.valueAxisLabelsColor,t.value))},fillMode:"outline"})),p.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:x.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",H.formatValueAxisLabelsRotation)},p.createElement(v.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(c=null==(s=f.valueAxis[0])?void 0:s.labels)?void 0:c.rotation)?null==(h=null==(m=f.valueAxis[0])?void 0:m.labels)?void 0:h.rotation:null,placeholder:x.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",H.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(M(f,G.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1})))))))},xe=e=>p.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:C},e.children),ve=e=>{const t=p.useCallback(t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))},[e.onClick]);return p.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},p.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:t},p.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:s}=w(a),[c,u]=p.useState(!0),g=p.useCallback(e=>{u(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.barChart.expandText",H.barChart),expanded:c,tabIndex:0,onAction:g},p.createElement(r.ExpansionPanelContent,null,p.createElement(xe,null,p.createElement(ve,{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)),p.createElement(ve,{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)),p.createElement(ve,{selected:"bar"===l&&s,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)))))},pe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:s}=w(a),[c,u]=p.useState(!0),g=p.useCallback(e=>{u(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.columnChart.expandText",H.columnChart),expanded:c,tabIndex:0,onAction:g},p.createElement(r.ExpansionPanelContent,null,p.createElement(xe,null,p.createElement(ve,{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)),p.createElement(ve,{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)),p.createElement(ve,{selected:"column"===l&&s,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)))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:s}=w(a),[c,u]=p.useState(!0),g=p.useCallback(e=>{u(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.lineChart.expandText",H.lineChart),expanded:c,tabIndex:0,onAction:g},p.createElement(r.ExpansionPanelContent,null,p.createElement(xe,null,p.createElement(ve,{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)),p.createElement(ve,{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)),p.createElement(ve,{selected:"line"===l&&s,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)))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=p.useState(!0),s=p.useCallback(e=>{i(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.scatterChart.expandText",H.scatterChart),expanded:o,tabIndex:0,onAction:s},p.createElement(r.ExpansionPanelContent,null,p.createElement(xe,null,p.createElement(ve,{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)))))},Se=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=p.useState(!0),s=p.useCallback(e=>{i(!e.expanded)},[]);return p.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.pieChart.expandText",H.pieChart),expanded:o,tabIndex:0,onAction:s},p.createElement(r.ExpansionPanelContent,null,p.createElement(xe,null,p.createElement(ve,{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)))))},Ee=p.forwardRef((e,t)=>{var a,r,l,n,o,s,c,d,u,g,m,h,x;const v=e.state;return p.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:t},p.createElement(i.ChartTitle,{text:null==(a=v.title)?void 0:a.text,font:null==(r=v.title)?void 0:r.font,color:(null==(l=v.title)?void 0:l.color)||"#000"}),p.createElement(i.ChartSubtitle,{text:null==(n=v.subtitle)?void 0:n.text,font:null==(o=v.subtitle)?void 0:o.font,color:(null==(s=v.subtitle)?void 0:s.color)||"#000"}),p.createElement(i.ChartArea,{background:null==(c=v.area)?void 0:c.background,margin:v.area.margin}),v.categoryAxis&&p.createElement(i.ChartCategoryAxis,null,v.categoryAxis.map((e,t)=>p.createElement(i.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}))),v.valueAxis&&p.createElement(i.ChartValueAxis,null,v.valueAxis.map((e,t)=>p.createElement(i.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}}))),p.createElement(i.ChartSeries,null,v.series.map((e,t)=>p.createElement(i.ChartSeriesItem,{key:String(e.name)+t,...e}))),p.createElement(i.ChartLegend,{visible:null==(d=v.legend)?void 0:d.visible,position:null==(u=v.legend)?void 0:u.position,labels:{color:(null==(m=null==(g=v.legend)?void 0:g.labels)?void 0:m.color)||void 0,font:(null==(x=null==(h=v.legend)?void 0:h.labels)?void 0:x.font)||void 0}}))});Ee.displayName="ChartComponent";const ke=p.forwardRef((e,t)=>{const o=d.useLocalization(),i=p.useRef(null),s=p.useRef(null),c=p.useCallback(t=>{var a;if(s.current){const r=new U(s.current,k(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}},[e.onExport,e.exportOptions]),u=e.window||a.Window,[g,m]=p.useState({width:700,height:550}),[h,x]=p.useState("DEFAULT"),v=p.useCallback(e=>{m({width:e.width,height:e.height})},[]),f=p.useCallback(e=>{x(e.state)},[]),[C,b]=p.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),S=p.useCallback(e=>{b(e.newState)},[]),[E,y]=p.useState(0),T=p.useCallback(e=>{y(e.selected)},[]),[W,I]=p.useState(K(e.data||[],"bar",e.defaultState)),F=t=>{var a;null==(a=e.onStateChange)||a.call(void 0,t),e.state||I(t)},P=e.state||W,N=p.useRef(P);N.current=P;const w=p.useRef(e);w.current=e;const D=p.useCallback(()=>({get chart(){return s.current},get state(){return N.current}}),[]);p.useImperativeHandle(t,D),p.useEffect(()=>{var t;if(N.current.seriesType&&e.data){const a=V(N.current,B(e.data,N.current.seriesType));null==(t=w.current.onStateChange)||t.call(void 0,a),w.current.state||I(a)}},[e.data]),p.useEffect(()=>{var e,t;null==(t=null==(e=i.current)?void 0:e.element)||t.focus()},[]);const R=P.seriesType;return p.createElement(u,{title:o.toLanguageString("chartWizard.window.title",H.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:v,stage:h,onStageChange:f,...g},p.createElement(r.Splitter,{panes:C,onChange:S,className:"k-chart-wizard-splitter"},p.createElement("div",{className:"k-chart-wizard-preview-pane k-pane",role:"group"},p.createElement("div",{className:"k-preview-pane-header"},p.createElement(l.DropDownButton,{ref:i,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)}]})),p.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)",marginTop:10}},p.createElement(Ee,{ref:s,state:P}))),p.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static",role:"group"},p.createElement(r.TabStrip,{selected:E,onSelect:T,animation:!1},p.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",H.tabChart)},p.createElement("div",null,p.createElement(fe,{state:P,onStateChange:F}),p.createElement(Se,{state:P,onStateChange:F}),p.createElement(pe,{state:P,onStateChange:F}),p.createElement(Ce,{state:P,onStateChange:F}),p.createElement(be,{state:P,onStateChange:F}))),p.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",H.tabData)},p.createElement(ie,{state:P,onStateChange:F})),p.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",H.tabFormat)},p.createElement("div",null,p.createElement(ce,{state:P,onStateChange:F}),p.createElement(de,{state:P,onStateChange:F}),p.createElement(ue,{state:P,onStateChange:F}),p.createElement(ge,{state:P,onStateChange:F}),"pie"!==R&&p.createElement(me,{state:P,onStateChange:F}),"pie"!==R&&p.createElement(he,{state:P,onStateChange:F})))))))});function Le(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"),s=h.getter("title"),c=new Map(a.map(e=>[String(o(e)),e])),d=new Map(Array.from(c.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:s(n[e]),field:i(n[e])}));g.push({dataItem:c.get(e),dataColumns:r})}}),g}ke.displayName="ChartWizard";const{getWizardDataFromDataRows:Ae}=o.ChartWizardCommon;e.ChartWizard=ke,e.createState=B,e.getGridSelectedRows=Le,e.getWizardDataFromDataRows=j,e.getWizardDataFromGridSelection=e=>Ae(Le(e))});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-chart-wizard",
-  "version": "16.2.0-develop.2",
+  "version": "16.2.0-develop.20",
   "description": "React Chart Wizard lets you create a chart using data from a Grid, another data-bound component, or an external source",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -21,19 +21,18 @@
     "@progress/kendo-drawing": "^1.25.5",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "16.2.0-develop.2",
-    "@progress/kendo-react-buttons": "16.2.0-develop.2",
-    "@progress/kendo-react-charts": "16.2.0-develop.2",
-    "@progress/kendo-react-common": "16.2.0-develop.2",
-    "@progress/kendo-react-dialogs": "16.2.0-develop.2",
-    "@progress/kendo-react-form": "16.2.0-develop.2",
-    "@progress/kendo-react-dropdowns": "16.2.0-develop.2",
-    "@progress/kendo-react-grid": "16.2.0-develop.2",
-    "@progress/kendo-react-inputs": "16.2.0-develop.2",
-    "@progress/kendo-react-intl": "16.2.0-develop.2",
-    "@progress/kendo-react-labels": "16.2.0-develop.2",
-    "@progress/kendo-react-layout": "16.2.0-develop.2",
-    "@progress/kendo-react-popup": "16.2.0-develop.2",
+    "@progress/kendo-react-buttons": "16.2.0-develop.20",
+    "@progress/kendo-react-charts": "16.2.0-develop.20",
+    "@progress/kendo-react-common": "16.2.0-develop.20",
+    "@progress/kendo-react-dialogs": "16.2.0-develop.20",
+    "@progress/kendo-react-form": "16.2.0-develop.20",
+    "@progress/kendo-react-dropdowns": "16.2.0-develop.20",
+    "@progress/kendo-react-grid": "16.2.0-develop.20",
+    "@progress/kendo-react-inputs": "16.2.0-develop.20",
+    "@progress/kendo-react-intl": "16.2.0-develop.20",
+    "@progress/kendo-react-labels": "16.2.0-develop.20",
+    "@progress/kendo-react-layout": "16.2.0-develop.20",
+    "@progress/kendo-react-popup": "16.2.0-develop.20",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -64,10 +63,5 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telerik/kendo-react.git"
-  },
-  "peerDependenciesMeta": {
-    "@progress/kendo-svg-icons": {
-      "optional": true
-    }
   }
 }