@progress/kendo-react-chart-wizard 14.2.1-develop.2 → 14.2.1-develop.4

package/components/ChartComponent.d.ts

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardState } from '@progress/kendo-charts';
 import { Chart } from '@progress/kendo-react-charts';
+import * as React from 'react';
 interface ChartComponentProps {
     state: ChartWizardState;
 }

package/components/ChartComponent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("@progress/kendo-react-charts"),y=l.forwardRef((E,p)=>{var a,n,i,c,s,m,b,f,C,g,u,h,d;const t=E.state;return l.createElement(o.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:p},l.createElement(o.ChartTitle,{text:(a=t.title)==null?void 0:a.text,font:(n=t.title)==null?void 0:n.font,color:((i=t.title)==null?void 0:i.color)||"#000"}),l.createElement(o.ChartSubtitle,{text:(c=t.subtitle)==null?void 0:c.text,font:(s=t.subtitle)==null?void 0:s.font,color:((m=t.subtitle)==null?void 0:m.color)||"#000"}),l.createElement(o.ChartArea,{background:(b=t.area)==null?void 0:b.background,margin:t.area.margin}),t.categoryAxis&&l.createElement(o.ChartCategoryAxis,null,t.categoryAxis.map((e,r)=>l.createElement(o.ChartCategoryAxisItem,{key:r,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}))),t.valueAxis&&l.createElement(o.ChartValueAxis,null,t.valueAxis.map((e,r)=>l.createElement(o.ChartValueAxisItem,{key:r,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}}))),l.createElement(o.ChartSeries,null,t.series.map((e,r)=>l.createElement(o.ChartSeriesItem,{key:String(e.name)+r,...e}))),l.createElement(o.ChartLegend,{visible:(f=t.legend)==null?void 0:f.visible,position:(C=t.legend)==null?void 0:C.position,labels:{color:((u=(g=t.legend)==null?void 0:g.labels)==null?void 0:u.color)||void 0,font:((d=(h=t.legend)==null?void 0:h.labels)==null?void 0:d.font)||void 0}}))});y.displayName="ChartComponent";exports.ChartComponent=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),o=require("@progress/kendo-react-charts");function A(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return n.default=r,Object.freeze(n)}const l=A(v),E=l.forwardRef((r,n)=>{var a,i,s,m,b,f,u,g,d,C,h,p,y;const t=r.state;return l.createElement(o.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:n},l.createElement(o.ChartTitle,{text:(a=t.title)==null?void 0:a.text,font:(i=t.title)==null?void 0:i.font,color:((s=t.title)==null?void 0:s.color)||"#000"}),l.createElement(o.ChartSubtitle,{text:(m=t.subtitle)==null?void 0:m.text,font:(b=t.subtitle)==null?void 0:b.font,color:((f=t.subtitle)==null?void 0:f.color)||"#000"}),l.createElement(o.ChartArea,{background:(u=t.area)==null?void 0:u.background,margin:t.area.margin}),t.categoryAxis&&l.createElement(o.ChartCategoryAxis,null,t.categoryAxis.map((e,c)=>l.createElement(o.ChartCategoryAxisItem,{key:c,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}))),t.valueAxis&&l.createElement(o.ChartValueAxis,null,t.valueAxis.map((e,c)=>l.createElement(o.ChartValueAxisItem,{key:c,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}}))),l.createElement(o.ChartSeries,null,t.series.map((e,c)=>l.createElement(o.ChartSeriesItem,{key:String(e.name)+c,...e}))),l.createElement(o.ChartLegend,{visible:(g=t.legend)==null?void 0:g.visible,position:(d=t.legend)==null?void 0:d.position,labels:{color:((h=(C=t.legend)==null?void 0:C.labels)==null?void 0:h.color)||void 0,font:((y=(p=t.legend)==null?void 0:p.labels)==null?void 0:y.font)||void 0}}))});E.displayName="ChartComponent";exports.ChartComponent=E;

package/components/ChartComponent.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import l from "react";
-import { Chart as E, ChartTitle as y, ChartSubtitle as A, ChartArea as v, ChartCategoryAxis as k, ChartCategoryAxisItem as S, ChartValueAxis as I, ChartValueAxisItem as w, ChartSeries as R, ChartSeriesItem as V, ChartLegend as _ } from "@progress/kendo-react-charts";
-const L = l.forwardRef((d, p) => {
+import * as l from "react";
+import { Chart as E, ChartTitle as y, ChartSubtitle as A, ChartArea as v, ChartCategoryAxis as k, ChartCategoryAxisItem as S, ChartValueAxis as I, ChartValueAxisItem as w, ChartSeries as R, ChartSeriesItem as V, ChartLegend as L } from "@progress/kendo-react-charts";
+const N = l.forwardRef((d, p) => {
   var r, a, n, i, c, m, s, b, f, g, C, h, u;
   const t = d.state;
   return /* @__PURE__ */ l.createElement(E, { style: { width: "100%", height: "100%" }, transitions: !1, ref: p }, /* @__PURE__ */ l.createElement(y, { text: (r = t.title) == null ? void 0 : r.text, font: (a = t.title) == null ? void 0 : a.font, color: ((n = t.title) == null ? void 0 : n.color) || "#000" }), /* @__PURE__ */ l.createElement(
@@ -51,7 +51,7 @@ const L = l.forwardRef((d, p) => {
       }
     }
   ))), /* @__PURE__ */ l.createElement(R, null, t.series.map((e, o) => /* @__PURE__ */ l.createElement(V, { key: String(e.name) + o, ...e }))), /* @__PURE__ */ l.createElement(
-    _,
+    L,
     {
       visible: (b = t.legend) == null ? void 0 : b.visible,
       position: (f = t.legend) == null ? void 0 : f.position,
@@ -62,7 +62,7 @@ const L = l.forwardRef((d, p) => {
     }
   ));
 });
-L.displayName = "ChartComponent";
+N.displayName = "ChartComponent";
 export {
-  L as ChartComponent
+  N as ChartComponent
 };

package/components/FormField.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
+import * as React from 'react';
 interface FormFieldProps {
     labelText?: string;
     editorId?: string;

package/components/FormField.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("@progress/kendo-react-form"),r=require("@progress/kendo-react-labels"),l=require("../utils.js"),o=e=>t.createElement(a.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&t.createElement(r.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:l.stopPropagation},e.children));exports.FormField=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("@progress/kendo-react-form"),o=require("@progress/kendo-react-labels"),i=require("../utils.js");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=d(n),s=e=>a.createElement(c.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&a.createElement(o.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),a.createElement("div",{className:"k-form-field-wrap",onKeyDown:i.stopPropagation},e.children));exports.FormField=s;

package/components/FormField.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import t from "react";
-import { FieldWrapper as a } from "@progress/kendo-react-form";
+import * as a from "react";
+import { FieldWrapper as t } from "@progress/kendo-react-form";
 import { Label as r } from "@progress/kendo-react-labels";
 import { stopPropagation as l } from "../utils.mjs";
-const c = (e) => /* @__PURE__ */ t.createElement(a, { className: e.className }, e.labelText && e.editorId && /* @__PURE__ */ t.createElement(r, { className: "k-form-label", editorId: e.editorId }, e.labelText), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap", onKeyDown: l }, e.children));
+const d = (e) => /* @__PURE__ */ a.createElement(t, { className: e.className }, e.labelText && e.editorId && /* @__PURE__ */ a.createElement(r, { className: "k-form-label", editorId: e.editorId }, e.labelText), /* @__PURE__ */ a.createElement("div", { className: "k-form-field-wrap", onKeyDown: l }, e.children));
 export {
-  c as FormField
+  d as FormField
 };

package/components/FormFieldSet.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
+import * as React from 'react';
 interface FormFieldSetProps {
     children: React.ReactNode;
     legend?: string;

package/components/FormFieldSet.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=e=>t.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&t.createElement("legend",{className:"k-form-legend"},e.legend),e.children);exports.FormFieldSet=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=a(c),o=e=>l.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&l.createElement("legend",{className:"k-form-legend"},e.legend),e.children);exports.FormFieldSet=o;

package/components/FormFieldSet.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import l from "react";
-const d = (e) => /* @__PURE__ */ l.createElement("fieldset", { className: "k-form-fieldset" }, e.legend && /* @__PURE__ */ l.createElement("legend", { className: "k-form-legend" }, e.legend), e.children);
+import * as l from "react";
+const t = (e) => /* @__PURE__ */ l.createElement("fieldset", { className: "k-form-fieldset" }, e.legend && /* @__PURE__ */ l.createElement("legend", { className: "k-form-legend" }, e.legend), e.children);
 export {
-  d as FormFieldSet
+  t as FormFieldSet
 };

package/components/SeriesGrid.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
+import * as React from 'react';
 interface SeriesGridProps {
     data: any[];
     initialData: any[];

package/components/SeriesGrid.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),x=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-grid"),I=require("@progress/kendo-react-intl"),D=require("@progress/kendo-svg-icons"),d=require("./SeriesGridCells.js"),G=require("../messages.js"),k=require("@progress/kendo-charts"),{messages:q}=k.ChartWizardCommon,R=a=>{const[u,c]=n.useState({}),[s,m]=n.useState(null),C=e=>{if(s===e)return;const t=a.data.slice(),i=t.findIndex(r=>r===s),l=t.findIndex(r=>r===e);t.splice(i,1),t.splice(l,0,s||t[0]),a.onChange.call(void 0,t)},g=e=>{m(e)},f=()=>{const e=a.initialData.find(t=>!a.data.find(i=>i.id===t.id));e&&a.onChange.call(void 0,[...a.data,e])},S=e=>{c(t=>({...t,[e.id]:!0}))},E=e=>{c(t=>Object.keys(t).reduce((i,l)=>{if(l===e.id){const r={...t};return delete r[l],r}return i},{}))},h=e=>{const t=e.field||"",i=a.data.map(l=>l.id===e.dataItem.id?{...l,[t]:e.value}:l);a.onChange.call(void 0,i)},v=e=>{const t=a.data.filter(i=>i.id!==e);a.onChange.call(void 0,t)},b=e=>{c(e.edit)};return n.createElement(d.RemoveSeriesContext.Provider,{value:{onRemove:v,count:a.data.length}},n.createElement(d.ReorderContext.Provider,{value:{reorder:C,dragStart:g}},n.createElement(d.SeriesEditContext.Provider,{value:{enterEdit:S,exitEdit:E}},n.createElement(o.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:a.data,dataItemKey:"id",onItemChange:h,scrollable:"none",editable:!0,cells:{headerCell:d.SeriesHeaderCell,data:d.SeriesDataCell,edit:{text:d.SeriesDataEditCell,boolean:d.SeriesDataEditCell,numeric:d.SeriesDataEditCell,date:d.SeriesDataEditCell}},edit:u,onEditChange:b},n.createElement(o.GridToolbar,null,n.createElement(x.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:f,disabled:a.data.length===a.initialData.length,svgIcon:D.plusIcon,icon:"plus"},I.useLocalization().toLanguageString(G.configurationSeriesAdd,q.configurationSeriesAdd))),n.createElement(o.GridColumn,{field:"reorder",width:"40px",editable:!1}),n.createElement(o.GridColumn,{field:"name",title:"Name"}),n.createElement(o.GridColumn,{field:"delete",width:"40px",editable:!1})))))};exports.SeriesGrid=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),x=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-react-grid"),I=require("@progress/kendo-react-intl"),k=require("@progress/kendo-svg-icons"),d=require("./SeriesGridCells.js"),G=require("../messages.js"),q=require("@progress/kendo-charts");function y(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return s.default=e,Object.freeze(s)}const a=y(D),{messages:R}=q.ChartWizardCommon,w=e=>{const[s,r]=a.useState({}),[o,m]=a.useState(null),f=t=>{if(o===t)return;const n=e.data.slice(),i=n.findIndex(c=>c===o),l=n.findIndex(c=>c===t);n.splice(i,1),n.splice(l,0,o||n[0]),e.onChange.call(void 0,n)},g=t=>{m(t)},C=()=>{const t=e.initialData.find(n=>!e.data.find(i=>i.id===n.id));t&&e.onChange.call(void 0,[...e.data,t])},S=t=>{r(n=>({...n,[t.id]:!0}))},b=t=>{r(n=>Object.keys(n).reduce((i,l)=>{if(l===t.id){const c={...n};return delete c[l],c}return i},{}))},E=t=>{const n=t.field||"",i=e.data.map(l=>l.id===t.dataItem.id?{...l,[n]:t.value}:l);e.onChange.call(void 0,i)},h=t=>{const n=e.data.filter(i=>i.id!==t);e.onChange.call(void 0,n)},v=t=>{r(t.edit)};return a.createElement(d.RemoveSeriesContext.Provider,{value:{onRemove:h,count:e.data.length}},a.createElement(d.ReorderContext.Provider,{value:{reorder:f,dragStart:g}},a.createElement(d.SeriesEditContext.Provider,{value:{enterEdit:S,exitEdit:b}},a.createElement(u.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:E,scrollable:"none",editable:!0,cells:{headerCell:d.SeriesHeaderCell,data:d.SeriesDataCell,edit:{text:d.SeriesDataEditCell,boolean:d.SeriesDataEditCell,numeric:d.SeriesDataEditCell,date:d.SeriesDataEditCell}},edit:s,onEditChange:v},a.createElement(u.GridToolbar,null,a.createElement(x.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:C,disabled:e.data.length===e.initialData.length,svgIcon:k.plusIcon,icon:"plus"},I.useLocalization().toLanguageString(G.configurationSeriesAdd,R.configurationSeriesAdd))),a.createElement(u.GridColumn,{field:"reorder",width:"40px",editable:!1}),a.createElement(u.GridColumn,{field:"name",title:"Name"}),a.createElement(u.GridColumn,{field:"delete",width:"40px",editable:!1})))))};exports.SeriesGrid=w;

package/components/SeriesGrid.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import n from "react";
+import * as n from "react";
 import { Button as b } from "@progress/kendo-react-buttons";
 import { Grid as I, GridToolbar as D, GridColumn as s } from "@progress/kendo-react-grid";
 import { useLocalization as w } from "@progress/kendo-react-intl";

package/components/SeriesTypeButton.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as React from 'react';
 interface SeriesTypeButtonProps {
     selected?: boolean;
     onClick: () => void;

package/components/SeriesTypeButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("@progress/kendo-react-common"),l=e=>{const n=c.useCallback(t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e.onClick.call(void 0))},[e.onClick]);return c.createElement("div",{className:a.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},c.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:n},c.createElement(a.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)};exports.SeriesTypeButton=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("@progress/kendo-react-common");function l(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=l(o),i=e=>{const c=n.useCallback(t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e.onClick.call(void 0))},[e.onClick]);return n.createElement("div",{className:r.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},n.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:c},n.createElement(r.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)};exports.SeriesTypeButton=i;

package/components/SeriesTypeButton.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import a from "react";
-import { classNames as n, IconWrap as l } from "@progress/kendo-react-common";
-const o = (e) => {
-  const t = a.useCallback(
+import * as a from "react";
+import { classNames as t, IconWrap as l } from "@progress/kendo-react-common";
+const r = (e) => {
+  const n = a.useCallback(
     (c) => {
       (c.key === "Enter" || c.key === " ") && (c.preventDefault(), e.onClick.call(void 0));
     },
     [e.onClick]
   );
-  return /* @__PURE__ */ a.createElement("div", { className: n("k-icon-text-wrapper", { "k-selected": e.selected }), onClick: e.onClick }, /* @__PURE__ */ a.createElement("div", { className: "k-icon-background-area", tabIndex: 0, onKeyDown: t }, /* @__PURE__ */ a.createElement(
+  return /* @__PURE__ */ a.createElement("div", { className: t("k-icon-text-wrapper", { "k-selected": e.selected }), onClick: e.onClick }, /* @__PURE__ */ a.createElement("div", { className: "k-icon-background-area", tabIndex: 0, onKeyDown: n }, /* @__PURE__ */ a.createElement(
     l,
     {
       name: e.iconName,
@@ -25,5 +25,5 @@ const o = (e) => {
   )), e.children);
 };
 export {
-  o as SeriesTypeButton
+  r as SeriesTypeButton
 };

package/components/SeriesTypesWrap.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
+import * as React from 'react';
 /**
  * @hidden
  */

package/components/SeriesTypesWrap.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("../utils.js"),s=e=>r.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:t.stopPropagation},e.children);exports.SeriesTypesWrap=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),a=require("../utils.js");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=c(o),i=e=>s.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:a.stopPropagation},e.children);exports.SeriesTypesWrap=i;

package/components/SeriesTypesWrap.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import r from "react";
+import * as r from "react";
 import { stopPropagation as t } from "../utils.mjs";
-const p = (e) => /* @__PURE__ */ r.createElement("div", { className: "k-chart-types-wrapper", onKeyDown: t }, e.children);
+const a = (e) => /* @__PURE__ */ r.createElement("div", { className: "k-chart-types-wrapper", onKeyDown: t }, e.children);
 export {
-  p as SeriesTypesWrap
+  a as SeriesTypesWrap
 };

package/components/panels/CategoryAxisPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface CategoryAxisPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/CategoryAxisPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=require("@progress/kendo-react-layout"),P=require("@progress/kendo-react-form"),b=require("../FormFieldSet.js"),g=require("../FormField.js"),c=require("@progress/kendo-react-inputs"),e=require("../../utils.js"),a=require("../../messages.js"),N=require("@progress/kendo-react-intl"),q=require("@progress/kendo-react-animation"),m=require("@progress/kendo-react-dropdowns"),w=i=>{var x,u,C,y,A;const r=N.useLocalization(),o=i.state,S=o.seriesType,[d,F]=t.useState(!1),L=t.useCallback(l=>{F(!l.expanded)},[]),T=t.useCallback(l=>{i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleText,l.target.value))},[o]),h=t.useCallback(l=>{const n=l.target.value||e.nullItem;e.ensureValue(n)&&i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleFontSize,n.value))},[o]),p=t.useCallback(l=>{const n=l.target.value||e.nullItem;i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleFontName,n.value))},[o]),v=t.useCallback(l=>{i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleColor,l.value))},[o]),k=t.useCallback(l=>{const n=l.target.value||e.nullItem;e.ensureValue(n)&&i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsFontSize,n.value))},[o]),E=t.useCallback(l=>{const n=l.target.value||e.nullItem;i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsFontName,n.value))},[o]),z=t.useCallback(l=>{i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsColor,l.value))},[o]),R=t.useCallback(l=>{i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsRotation,l.target.value))},[o]),I=t.useCallback(l=>{i.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisReverseOrder,l.value))},[o]);return t.createElement(f.ExpansionPanel,{style:{maxWidth:"576px"},title:S==="scatter"?r.toLanguageString(a.formatXAxis,a.messages.formatXAxis):r.toLanguageString(a.formatCategoryAxis,a.messages.formatCategoryAxis),expanded:d,tabIndex:0,onAction:L},t.createElement(q.Reveal,null,d&&t.createElement(f.ExpansionPanelContent,null,t.createElement(P.FormElement,{onKeyDown:e.stopPropagation},t.createElement(b.FormFieldSet,{legend:r.toLanguageString(a.formatCategoryAxisTitle,a.messages.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g.FormField,{className:"k-col-span-2"},t.createElement(c.Input,{placeholder:r.toLanguageString(a.formatCategoryAxisTitlePlaceholder,a.messages.formatCategoryAxisTitlePlaceholder),value:((x=o.categoryAxis[0].title)==null?void 0:x.text)||"",onChange:T})),t.createElement(g.FormField,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:r.toLanguageString(a.formatCategoryAxisTitleFont,a.messages.formatCategoryAxisTitleFont)},t.createElement(m.ComboBox,{id:"categoryAxisTitleFont",data:e.fontNames,textField:"text",dataItemKey:"value",itemRender:e.itemRender,placeholder:r.toLanguageString(a.formatCategoryAxisTitleFontPlaceholder,a.messages.formatCategoryAxisTitleFontPlaceholder),value:e.fontNames.find(l=>{var n,s;return l.value===((s=e.parseFont(((n=o.categoryAxis[0].title)==null?void 0:n.font)||""))==null?void 0:s.name)})||e.nullItem,onChange:p,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisTitleFontSize",labelText:r.toLanguageString(a.formatCategoryAxisTitleSize,a.messages.formatCategoryAxisTitleSize)},t.createElement(m.ComboBox,{id:"categoryAxisTitleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:r.toLanguageString(a.formatCategoryAxisTitleSizePlaceholder,a.messages.formatCategoryAxisTitleSizePlaceholder),value:e.fontSizes.find(l=>{var n,s;return l.value===((s=e.parseFont(((n=o.categoryAxis[0].title)==null?void 0:n.font)||""))==null?void 0:s.size)})||e.nullItem,onChange:h,allowCustom:!0,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisTitleColor",labelText:r.toLanguageString(a.formatCategoryAxisTitleColor,a.messages.formatCategoryAxisTitleColor)},t.createElement(c.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:((u=o.categoryAxis[0].title)==null?void 0:u.color)||"",onChange:v,fillMode:"outline"})))),t.createElement(b.FormFieldSet,{legend:r.toLanguageString(a.formatCategoryAxisLabels,a.messages.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g.FormField,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:r.toLanguageString(a.formatCategoryAxisLabelsFont,a.messages.formatCategoryAxisLabelsFont)},t.createElement(m.ComboBox,{id:"categoryAxisLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:r.toLanguageString(a.formatCategoryAxisLabelsFontPlaceholder,a.messages.formatCategoryAxisLabelsFontPlaceholder),value:e.fontNames.find(l=>{var n,s;return l.value===((s=e.parseFont(((n=o.categoryAxis[0].labels)==null?void 0:n.font)||""))==null?void 0:s.name)})||e.nullItem,onChange:E,itemRender:e.itemRender,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsFontSize",labelText:r.toLanguageString(a.formatCategoryAxisLabelsSize,a.messages.formatCategoryAxisLabelsSize)},t.createElement(m.ComboBox,{id:"categoryAxisLabelsFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:r.toLanguageString(a.formatCategoryAxisLabelsSizePlaceholder,a.messages.formatCategoryAxisLabelsSizePlaceholder),value:e.fontSizes.find(l=>{var n,s;return l.value===((s=e.parseFont(((n=o.categoryAxis[0].labels)==null?void 0:n.font)||""))==null?void 0:s.size)})||e.nullItem,onChange:k,allowCustom:!0,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsColor",labelText:r.toLanguageString(a.formatCategoryAxisLabelsColor,a.messages.formatCategoryAxisLabelsColor)},t.createElement(c.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:((C=o.categoryAxis[0].labels)==null?void 0:C.color)||"",onChange:z,fillMode:"outline"})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsRotation",labelText:r.toLanguageString(a.formatCategoryAxisLabelsRotation,a.messages.formatCategoryAxisLabelsRotation)},t.createElement(c.NumericTextBox,{id:"categoryAxisLabelsRotation",value:typeof((y=o.categoryAxis[0].labels)==null?void 0:y.rotation)=="number"?(A=o.categoryAxis[0].labels)==null?void 0:A.rotation:null,placeholder:r.toLanguageString(a.formatCategoryAxisLabelsRotationAuto,a.messages.formatCategoryAxisLabelsRotationAuto),onChange:R,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(g.FormField,{className:"k-col-span-2"},t.createElement(c.Checkbox,{label:r.toLanguageString(a.formatCategoryAxisLabelsReverseOrder,a.messages.formatCategoryAxisLabelsReverseOrder),checked:o.categoryAxis[0].reverse||!1,onChange:I}))))))))};exports.CategoryAxisPanel=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),b=require("@progress/kendo-react-layout"),N=require("@progress/kendo-react-form"),S=require("../FormFieldSet.js"),g=require("../FormField.js"),c=require("@progress/kendo-react-inputs"),e=require("../../utils.js"),a=require("../../messages.js"),q=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-animation"),d=require("@progress/kendo-react-dropdowns");function O(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const m=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(n,o,m.get?m:{enumerable:!0,get:()=>s[o]})}}return n.default=s,Object.freeze(n)}const t=O(I),j=s=>{var x,C,y,A,f;const n=q.useLocalization(),o=s.state,m=o.seriesType,[u,F]=t.useState(!1),L=t.useCallback(l=>{F(!l.expanded)},[]),T=t.useCallback(l=>{s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleText,l.target.value))},[o]),p=t.useCallback(l=>{const r=l.target.value||e.nullItem;e.ensureValue(r)&&s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleFontSize,r.value))},[o]),h=t.useCallback(l=>{const r=l.target.value||e.nullItem;s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleFontName,r.value))},[o]),v=t.useCallback(l=>{s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisTitleColor,l.value))},[o]),k=t.useCallback(l=>{const r=l.target.value||e.nullItem;e.ensureValue(r)&&s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsFontSize,r.value))},[o]),E=t.useCallback(l=>{const r=l.target.value||e.nullItem;s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsFontName,r.value))},[o]),z=t.useCallback(l=>{s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsColor,l.value))},[o]),R=t.useCallback(l=>{s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisLabelsRotation,l.target.value))},[o]),P=t.useCallback(l=>{s.onStateChange(e.updateState(o,e.ActionTypes.categoryAxisReverseOrder,l.value))},[o]);return t.createElement(b.ExpansionPanel,{style:{maxWidth:"576px"},title:m==="scatter"?n.toLanguageString(a.formatXAxis,a.messages.formatXAxis):n.toLanguageString(a.formatCategoryAxis,a.messages.formatCategoryAxis),expanded:u,tabIndex:0,onAction:L},t.createElement(w.Reveal,null,u&&t.createElement(b.ExpansionPanelContent,null,t.createElement(N.FormElement,{onKeyDown:e.stopPropagation},t.createElement(S.FormFieldSet,{legend:n.toLanguageString(a.formatCategoryAxisTitle,a.messages.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g.FormField,{className:"k-col-span-2"},t.createElement(c.Input,{placeholder:n.toLanguageString(a.formatCategoryAxisTitlePlaceholder,a.messages.formatCategoryAxisTitlePlaceholder),value:((x=o.categoryAxis[0].title)==null?void 0:x.text)||"",onChange:T})),t.createElement(g.FormField,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:n.toLanguageString(a.formatCategoryAxisTitleFont,a.messages.formatCategoryAxisTitleFont)},t.createElement(d.ComboBox,{id:"categoryAxisTitleFont",data:e.fontNames,textField:"text",dataItemKey:"value",itemRender:e.itemRender,placeholder:n.toLanguageString(a.formatCategoryAxisTitleFontPlaceholder,a.messages.formatCategoryAxisTitleFontPlaceholder),value:e.fontNames.find(l=>{var r,i;return l.value===((i=e.parseFont(((r=o.categoryAxis[0].title)==null?void 0:r.font)||""))==null?void 0:i.name)})||e.nullItem,onChange:h,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisTitleFontSize",labelText:n.toLanguageString(a.formatCategoryAxisTitleSize,a.messages.formatCategoryAxisTitleSize)},t.createElement(d.ComboBox,{id:"categoryAxisTitleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:n.toLanguageString(a.formatCategoryAxisTitleSizePlaceholder,a.messages.formatCategoryAxisTitleSizePlaceholder),value:e.fontSizes.find(l=>{var r,i;return l.value===((i=e.parseFont(((r=o.categoryAxis[0].title)==null?void 0:r.font)||""))==null?void 0:i.size)})||e.nullItem,onChange:p,allowCustom:!0,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisTitleColor",labelText:n.toLanguageString(a.formatCategoryAxisTitleColor,a.messages.formatCategoryAxisTitleColor)},t.createElement(c.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:((C=o.categoryAxis[0].title)==null?void 0:C.color)||"",onChange:v,fillMode:"outline"})))),t.createElement(S.FormFieldSet,{legend:n.toLanguageString(a.formatCategoryAxisLabels,a.messages.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g.FormField,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:n.toLanguageString(a.formatCategoryAxisLabelsFont,a.messages.formatCategoryAxisLabelsFont)},t.createElement(d.ComboBox,{id:"categoryAxisLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:n.toLanguageString(a.formatCategoryAxisLabelsFontPlaceholder,a.messages.formatCategoryAxisLabelsFontPlaceholder),value:e.fontNames.find(l=>{var r,i;return l.value===((i=e.parseFont(((r=o.categoryAxis[0].labels)==null?void 0:r.font)||""))==null?void 0:i.name)})||e.nullItem,onChange:E,itemRender:e.itemRender,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsFontSize",labelText:n.toLanguageString(a.formatCategoryAxisLabelsSize,a.messages.formatCategoryAxisLabelsSize)},t.createElement(d.ComboBox,{id:"categoryAxisLabelsFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:n.toLanguageString(a.formatCategoryAxisLabelsSizePlaceholder,a.messages.formatCategoryAxisLabelsSizePlaceholder),value:e.fontSizes.find(l=>{var r,i;return l.value===((i=e.parseFont(((r=o.categoryAxis[0].labels)==null?void 0:r.font)||""))==null?void 0:i.size)})||e.nullItem,onChange:k,allowCustom:!0,...e.dropdownlistCommonProps})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsColor",labelText:n.toLanguageString(a.formatCategoryAxisLabelsColor,a.messages.formatCategoryAxisLabelsColor)},t.createElement(c.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:((y=o.categoryAxis[0].labels)==null?void 0:y.color)||"",onChange:z,fillMode:"outline"})),t.createElement(g.FormField,{editorId:"categoryAxisLabelsRotation",labelText:n.toLanguageString(a.formatCategoryAxisLabelsRotation,a.messages.formatCategoryAxisLabelsRotation)},t.createElement(c.NumericTextBox,{id:"categoryAxisLabelsRotation",value:typeof((A=o.categoryAxis[0].labels)==null?void 0:A.rotation)=="number"?(f=o.categoryAxis[0].labels)==null?void 0:f.rotation:null,placeholder:n.toLanguageString(a.formatCategoryAxisLabelsRotationAuto,a.messages.formatCategoryAxisLabelsRotationAuto),onChange:R,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(g.FormField,{className:"k-col-span-2"},t.createElement(c.Checkbox,{label:n.toLanguageString(a.formatCategoryAxisLabelsReverseOrder,a.messages.formatCategoryAxisLabelsReverseOrder),checked:o.categoryAxis[0].reverse||!1,onChange:P}))))))))};exports.CategoryAxisPanel=j;

package/components/panels/CategoryAxisPanel.mjs

@@ -5,18 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import e from "react";
-import { ExpansionPanel as X, ExpansionPanelContent as _ } from "@progress/kendo-react-layout";
-import { FormElement as D } from "@progress/kendo-react-form";
+import * as e from "react";
+import { ExpansionPanel as X, ExpansionPanelContent as D } from "@progress/kendo-react-layout";
+import { FormElement as V } from "@progress/kendo-react-form";
 import { FormFieldSet as T } from "../FormFieldSet.mjs";
 import { FormField as s } from "../FormField.mjs";
-import { Input as V, ColorPicker as v, NumericTextBox as W, Checkbox as j } from "@progress/kendo-react-inputs";
-import { updateState as g, ActionTypes as c, nullItem as m, ensureValue as F, stopPropagation as q, dropdownlistCommonProps as x, itemRender as E, fontNames as C, parseFont as y, fontSizes as d } from "../../utils.mjs";
-import { formatXAxis as G, messages as r, formatCategoryAxis as H, formatCategoryAxisTitle as J, formatCategoryAxisTitlePlaceholder as Q, formatCategoryAxisTitleFont as U, formatCategoryAxisTitleFontPlaceholder as Y, formatCategoryAxisTitleSize as Z, formatCategoryAxisTitleSizePlaceholder as $, formatCategoryAxisTitleColor as ee, formatCategoryAxisLabels as te, formatCategoryAxisLabelsFont as ae, formatCategoryAxisLabelsFontPlaceholder as oe, formatCategoryAxisLabelsSize as le, formatCategoryAxisLabelsSizePlaceholder as re, formatCategoryAxisLabelsColor as ie, formatCategoryAxisLabelsRotation as ne, formatCategoryAxisLabelsRotationAuto as se, formatCategoryAxisLabelsReverseOrder as ge } from "../../messages.mjs";
+import { Input as W, ColorPicker as v, NumericTextBox as j, Checkbox as q } from "@progress/kendo-react-inputs";
+import { updateState as g, ActionTypes as c, nullItem as m, ensureValue as F, stopPropagation as G, dropdownlistCommonProps as x, itemRender as E, fontNames as C, parseFont as y, fontSizes as d } from "../../utils.mjs";
+import { formatXAxis as H, messages as r, formatCategoryAxis as J, formatCategoryAxisTitle as Q, formatCategoryAxisTitlePlaceholder as U, formatCategoryAxisTitleFont as Y, formatCategoryAxisTitleFontPlaceholder as Z, formatCategoryAxisTitleSize as _, formatCategoryAxisTitleSizePlaceholder as $, formatCategoryAxisTitleColor as ee, formatCategoryAxisLabels as te, formatCategoryAxisLabelsFont as ae, formatCategoryAxisLabelsFontPlaceholder as oe, formatCategoryAxisLabelsSize as le, formatCategoryAxisLabelsSizePlaceholder as re, formatCategoryAxisLabelsColor as ie, formatCategoryAxisLabelsRotation as ne, formatCategoryAxisLabelsRotationAuto as se, formatCategoryAxisLabelsReverseOrder as ge } from "../../messages.mjs";
 import { useLocalization as ce } from "@progress/kendo-react-intl";
 import { Reveal as me } from "@progress/kendo-react-animation";
 import { ComboBox as A } from "@progress/kendo-react-dropdowns";
-const Te = (n) => {
+const he = (n) => {
   var f, b, L, S, h;
   const l = ce(), t = n.state, k = t.seriesType, [u, p] = e.useState(!1), z = e.useCallback((a) => {
     p(!a.expanded);
@@ -74,24 +74,24 @@ const Te = (n) => {
     X,
     {
       style: { maxWidth: "576px" },
-      title: k === "scatter" ? l.toLanguageString(G, r.formatXAxis) : l.toLanguageString(H, r.formatCategoryAxis),
+      title: k === "scatter" ? l.toLanguageString(H, r.formatXAxis) : l.toLanguageString(J, r.formatCategoryAxis),
       expanded: u,
       tabIndex: 0,
       onAction: z
     },
-    /* @__PURE__ */ e.createElement(me, null, u && /* @__PURE__ */ e.createElement(_, null, /* @__PURE__ */ e.createElement(D, { onKeyDown: q }, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(me, null, u && /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(V, { onKeyDown: G }, /* @__PURE__ */ e.createElement(
       T,
       {
         legend: l.toLanguageString(
-          J,
+          Q,
           r.formatCategoryAxisTitle
         )
       },
       /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(s, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-        V,
+        W,
         {
           placeholder: l.toLanguageString(
-            Q,
+            U,
             r.formatCategoryAxisTitlePlaceholder
           ),
           value: ((f = t.categoryAxis[0].title) == null ? void 0 : f.text) || "",
@@ -103,7 +103,7 @@ const Te = (n) => {
           className: "k-col-span-2",
           editorId: "categoryAxisTitleFont",
           labelText: l.toLanguageString(
-            U,
+            Y,
             r.formatCategoryAxisTitleFont
           )
         },
@@ -116,7 +116,7 @@ const Te = (n) => {
             dataItemKey: "value",
             itemRender: E,
             placeholder: l.toLanguageString(
-              Y,
+              Z,
               r.formatCategoryAxisTitleFontPlaceholder
             ),
             value: C.find(
@@ -134,7 +134,7 @@ const Te = (n) => {
         {
           editorId: "categoryAxisTitleFontSize",
           labelText: l.toLanguageString(
-            Z,
+            _,
             r.formatCategoryAxisTitleSize
           )
         },
@@ -280,7 +280,7 @@ const Te = (n) => {
           )
         },
         /* @__PURE__ */ e.createElement(
-          W,
+          j,
           {
             id: "categoryAxisLabelsRotation",
             value: typeof ((S = t.categoryAxis[0].labels) == null ? void 0 : S.rotation) == "number" ? (h = t.categoryAxis[0].labels) == null ? void 0 : h.rotation : null,
@@ -296,7 +296,7 @@ const Te = (n) => {
           }
         )
       ), /* @__PURE__ */ e.createElement(s, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-        j,
+        q,
         {
           label: l.toLanguageString(
             ge,
@@ -310,5 +310,5 @@ const Te = (n) => {
   );
 };
 export {
-  Te as CategoryAxisPanel
+  he as CategoryAxisPanel
 };

package/components/panels/ChartAreaPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface ChartAreaPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/ChartAreaPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=require("@progress/kendo-react-layout"),x=require("@progress/kendo-react-form"),d=require("../FormFieldSet.js"),l=require("../FormField.js"),s=require("@progress/kendo-react-inputs"),o=require("../../utils.js"),a=require("../../messages.js"),k=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-animation"),E=g=>{var u;const t=k.useLocalization(),r=g.state,[m,h]=e.useState(!1),C=e.useCallback(n=>{h(!n.expanded)},[]),A=e.useCallback(n=>{g.onStateChange(o.updateState(r,o.ActionTypes.areaMarginLeft,n.target.value))},[r]),f=e.useCallback(n=>{g.onStateChange(o.updateState(r,o.ActionTypes.areaMarginRight,n.target.value))},[r]),M=e.useCallback(n=>{g.onStateChange(o.updateState(r,o.ActionTypes.areaMarginTop,n.target.value))},[r]),p=e.useCallback(n=>{g.onStateChange(o.updateState(r,o.ActionTypes.areaMarginBottom,n.target.value))},[r]),i=r.area.margin,S=e.useCallback(n=>{g.onStateChange(o.updateState(r,o.ActionTypes.areaBackground,n.value))},[r]);return e.createElement(c.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString(a.formatChartArea,a.messages.formatChartArea),expanded:m,tabIndex:0,onAction:C},e.createElement(b.Reveal,null,m&&e.createElement(c.ExpansionPanelContent,null,e.createElement(x.FormElement,{onKeyDown:o.stopPropagation},e.createElement(d.FormFieldSet,{legend:t.toLanguageString(a.formatChartAreaMargins,a.messages.formatChartAreaMargins)},e.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},e.createElement(l.FormField,{labelText:t.toLanguageString(a.formatChartAreaMarginsLeft,a.messages.formatChartAreaMarginsLeft),editorId:"left"},e.createElement(s.NumericTextBox,{id:"left",value:i.left!==void 0?i.left:null,onChange:A,placeholder:t.toLanguageString(a.formatChartAreaMarginsAuto,a.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),e.createElement(l.FormField,{labelText:t.toLanguageString(a.formatChartAreaMarginsRight,a.messages.formatChartAreaMarginsRight),editorId:"right"},e.createElement(s.NumericTextBox,{id:"right",value:i.right!==void 0?i.right:null,onChange:f,placeholder:t.toLanguageString(a.formatChartAreaMarginsAuto,a.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),e.createElement(l.FormField,{labelText:t.toLanguageString(a.formatChartAreaMarginsTop,a.messages.formatChartAreaMarginsTop),editorId:"top"},e.createElement(s.NumericTextBox,{id:"top",value:i.top!==void 0?i.top:null,onChange:M,placeholder:t.toLanguageString(a.formatChartAreaMarginsAuto,a.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),e.createElement(l.FormField,{labelText:t.toLanguageString(a.formatChartAreaMarginsBottom,a.messages.formatChartAreaMarginsBottom),editorId:"bottom"},e.createElement(s.NumericTextBox,{id:"bottom",value:i.bottom!==void 0?i.bottom:null,onChange:p,placeholder:t.toLanguageString(a.formatChartAreaMarginsAuto,a.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),e.createElement(d.FormFieldSet,{legend:t.toLanguageString(a.formatChartAreaBackground,a.messages.formatChartAreaBackground)},e.createElement(l.FormField,{labelText:t.toLanguageString(a.formatChartAreaBackgroundColor,a.messages.formatChartAreaBackgroundColor),editorId:"background"},e.createElement(s.ColorPicker,{id:"background",value:((u=r.area)==null?void 0:u.background)||"",onChange:S,view:"gradient",fillMode:"outline"})))))))};exports.ChartAreaPanel=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),u=require("@progress/kendo-react-layout"),x=require("@progress/kendo-react-form"),d=require("../FormFieldSet.js"),s=require("../FormField.js"),m=require("@progress/kendo-react-inputs"),i=require("../../utils.js"),e=require("../../messages.js"),k=require("@progress/kendo-react-intl"),E=require("@progress/kendo-react-animation");function F(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const g=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,g.get?g:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const a=F(b),T=n=>{var c;const r=k.useLocalization(),t=n.state,[g,h]=a.useState(!1),C=a.useCallback(o=>{h(!o.expanded)},[]),f=a.useCallback(o=>{n.onStateChange(i.updateState(t,i.ActionTypes.areaMarginLeft,o.target.value))},[t]),A=a.useCallback(o=>{n.onStateChange(i.updateState(t,i.ActionTypes.areaMarginRight,o.target.value))},[t]),p=a.useCallback(o=>{n.onStateChange(i.updateState(t,i.ActionTypes.areaMarginTop,o.target.value))},[t]),M=a.useCallback(o=>{n.onStateChange(i.updateState(t,i.ActionTypes.areaMarginBottom,o.target.value))},[t]),l=t.area.margin,S=a.useCallback(o=>{n.onStateChange(i.updateState(t,i.ActionTypes.areaBackground,o.value))},[t]);return a.createElement(u.ExpansionPanel,{style:{maxWidth:"576px"},title:r.toLanguageString(e.formatChartArea,e.messages.formatChartArea),expanded:g,tabIndex:0,onAction:C},a.createElement(E.Reveal,null,g&&a.createElement(u.ExpansionPanelContent,null,a.createElement(x.FormElement,{onKeyDown:i.stopPropagation},a.createElement(d.FormFieldSet,{legend:r.toLanguageString(e.formatChartAreaMargins,e.messages.formatChartAreaMargins)},a.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},a.createElement(s.FormField,{labelText:r.toLanguageString(e.formatChartAreaMarginsLeft,e.messages.formatChartAreaMarginsLeft),editorId:"left"},a.createElement(m.NumericTextBox,{id:"left",value:l.left!==void 0?l.left:null,onChange:f,placeholder:r.toLanguageString(e.formatChartAreaMarginsAuto,e.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),a.createElement(s.FormField,{labelText:r.toLanguageString(e.formatChartAreaMarginsRight,e.messages.formatChartAreaMarginsRight),editorId:"right"},a.createElement(m.NumericTextBox,{id:"right",value:l.right!==void 0?l.right:null,onChange:A,placeholder:r.toLanguageString(e.formatChartAreaMarginsAuto,e.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),a.createElement(s.FormField,{labelText:r.toLanguageString(e.formatChartAreaMarginsTop,e.messages.formatChartAreaMarginsTop),editorId:"top"},a.createElement(m.NumericTextBox,{id:"top",value:l.top!==void 0?l.top:null,onChange:p,placeholder:r.toLanguageString(e.formatChartAreaMarginsAuto,e.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),a.createElement(s.FormField,{labelText:r.toLanguageString(e.formatChartAreaMarginsBottom,e.messages.formatChartAreaMarginsBottom),editorId:"bottom"},a.createElement(m.NumericTextBox,{id:"bottom",value:l.bottom!==void 0?l.bottom:null,onChange:M,placeholder:r.toLanguageString(e.formatChartAreaMarginsAuto,e.messages.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),a.createElement(d.FormFieldSet,{legend:r.toLanguageString(e.formatChartAreaBackground,e.messages.formatChartAreaBackground)},a.createElement(s.FormField,{labelText:r.toLanguageString(e.formatChartAreaBackgroundColor,e.messages.formatChartAreaBackgroundColor),editorId:"background"},a.createElement(m.ColorPicker,{id:"background",value:((c=t.area)==null?void 0:c.background)||"",onChange:S,view:"gradient",fillMode:"outline"})))))))};exports.ChartAreaPanel=T;

package/components/panels/ChartAreaPanel.mjs

@@ -5,19 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import a from "react";
+import * as a from "react";
 import { ExpansionPanel as k, ExpansionPanelContent as S } from "@progress/kendo-react-layout";
 import { FormElement as b } from "@progress/kendo-react-form";
 import { FormFieldSet as C } from "../FormFieldSet.mjs";
 import { FormField as g } from "../FormField.mjs";
 import { NumericTextBox as u, ColorPicker as v } from "@progress/kendo-react-inputs";
 import { updateState as i, ActionTypes as m, stopPropagation as L } from "../../utils.mjs";
-import { formatChartArea as B, messages as r, formatChartAreaMargins as T, formatChartAreaMarginsLeft as I, formatChartAreaMarginsAuto as d, formatChartAreaMarginsRight as R, formatChartAreaMarginsTop as F, formatChartAreaMarginsBottom as P, formatChartAreaBackground as y, formatChartAreaBackgroundColor as w } from "../../messages.mjs";
+import { formatChartArea as B, messages as r, formatChartAreaMargins as T, formatChartAreaMarginsLeft as I, formatChartAreaMarginsAuto as c, formatChartAreaMarginsRight as R, formatChartAreaMarginsTop as F, formatChartAreaMarginsBottom as P, formatChartAreaBackground as y, formatChartAreaBackgroundColor as w } from "../../messages.mjs";
 import { useLocalization as z } from "@progress/kendo-react-intl";
 import { Reveal as N } from "@progress/kendo-react-animation";
 const Q = (l) => {
   var h;
-  const e = z(), t = l.state, [c, s] = a.useState(!1), f = a.useCallback((o) => {
+  const e = z(), t = l.state, [d, s] = a.useState(!1), f = a.useCallback((o) => {
     s(!o.expanded);
   }, []), A = a.useCallback(
     (o) => {
@@ -50,11 +50,11 @@ const Q = (l) => {
     {
       style: { maxWidth: "576px" },
       title: e.toLanguageString(B, r.formatChartArea),
-      expanded: c,
+      expanded: d,
       tabIndex: 0,
       onAction: f
     },
-    /* @__PURE__ */ a.createElement(N, null, c && /* @__PURE__ */ a.createElement(S, null, /* @__PURE__ */ a.createElement(b, { onKeyDown: L }, /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ a.createElement(N, null, d && /* @__PURE__ */ a.createElement(S, null, /* @__PURE__ */ a.createElement(b, { onKeyDown: L }, /* @__PURE__ */ a.createElement(
       C,
       {
         legend: e.toLanguageString(
@@ -78,7 +78,7 @@ const Q = (l) => {
             value: n.left !== void 0 ? n.left : null,
             onChange: A,
             placeholder: e.toLanguageString(
-              d,
+              c,
               r.formatChartAreaMarginsAuto
             ),
             min: 0,
@@ -103,7 +103,7 @@ const Q = (l) => {
             value: n.right !== void 0 ? n.right : null,
             onChange: p,
             placeholder: e.toLanguageString(
-              d,
+              c,
               r.formatChartAreaMarginsAuto
             ),
             min: 0,
@@ -128,7 +128,7 @@ const Q = (l) => {
             value: n.top !== void 0 ? n.top : null,
             onChange: M,
             placeholder: e.toLanguageString(
-              d,
+              c,
               r.formatChartAreaMarginsAuto
             ),
             min: 0,
@@ -153,7 +153,7 @@ const Q = (l) => {
             value: n.bottom !== void 0 ? n.bottom : null,
             onChange: x,
             placeholder: e.toLanguageString(
-              d,
+              c,
               r.formatChartAreaMarginsAuto
             ),
             min: 0,

package/components/panels/ConfigurationPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface ConfigurationPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/ConfigurationPanel.js

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