@progress/kendo-react-spreadsheet 9.4.0-develop.24 → 9.4.0-develop.3

package/tools/defaultTools.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { ToolbarSeparator as o } from "@progress/kendo-react-buttons";
 import { ExcelExport as t } from "./export.mjs";
 import { Open as e } from "./open.mjs";
@@ -12,13 +13,13 @@ import { Bold as m } from "./bold.mjs";
 import { Italic as i } from "./italic.mjs";
 import { Underline as l } from "./underline.mjs";
 import { FontFamily as p } from "./fontFamily.mjs";
-import { FontSize as f, IncreaseFontSize as a, DecreaseFontSize as n } from "./fontSize.mjs";
+import { FontSize as f, IncreaseFontSize as n, DecreaseFontSize as a } from "./fontSize.mjs";
 import { TextColor as d } from "./textColor.mjs";
 import { BackgroundColor as s } from "./backgroundColor.mjs";
 import { AlignHorizontally as c, AlignVertically as x } from "./align.mjs";
 import { TextWrap as y } from "./textWrap.mjs";
-import { GridLines as A } from "./gridLines.mjs";
-import { Format as u } from "./format.mjs";
+import { GridLines as u } from "./gridLines.mjs";
+import { Format as A } from "./format.mjs";
 import { AddColumnLeft as D, AddColumnRight as F, AddRowBelow as C, AddRowAbove as R, DeleteColumn as T, DeleteRow as b } from "./tableTools.mjs";
 import { keys as r } from "../messages.mjs";
 import { Undo as g } from "./undo.mjs";
@@ -37,8 +38,8 @@ const P = [
       o,
       p,
       f,
-      a,
       n,
+      a,
       o,
       [m, i, l],
       d,
@@ -49,7 +50,7 @@ const P = [
       x,
       y,
       o,
-      A
+      u
     ]
   },
   {
@@ -58,7 +59,7 @@ const P = [
   },
   {
     textKey: r.formatTab,
-    tools: [u, [z, K]]
+    tools: [A, [z, K]]
   }
 ];
 export {

package/tools/export.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 a=require("react"),l=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-file-saver"),u=require("@progress/kendo-ooxml"),i=require("@progress/kendo-svg-icons");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=d(a),c=e=>{const{spreadsheetRef:t}=e,o=r.useCallback(()=>{t.current&&t.current.saveAsExcel({...t.current.options.excel,saveAs:s.saveAs,Workbook:u.Workbook})},[]);return r.createElement(l.Button,{className:"k-toolbar-button",title:"Export...",icon:"download",fillMode:"flat",svgIcon:i.downloadIcon,onClick:o})};c.displayName="ExcelExport";exports.ExcelExport=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-file-saver"),u=require("@progress/kendo-ooxml"),i=require("@progress/kendo-svg-icons");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=d(l),c=e=>{const{spreadsheetRef:t}=e,o=r.useCallback(()=>{t.current&&t.current.saveAsExcel({...t.current.options.excel,saveAs:a.saveAs,Workbook:u.Workbook})},[]);return r.createElement(s.Button,{className:"k-toolbar-button",title:"Export...",icon:"download",fillMode:"flat",svgIcon:i.downloadIcon,onClick:o})};c.displayName="ExcelExport";exports.ExcelExport=c;

package/tools/export.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { Button as n } from "@progress/kendo-react-buttons";
 import { saveAs as c } from "@progress/kendo-file-saver";

package/tools/fontFamily.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 u=require("react"),m=require("@progress/kendo-react-dropdowns"),r=require("./utils.js"),f=require("@progress/kendo-react-intl"),a=require("../messages.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=d(u),l=e=>{const{spreadsheetRef:t,value:n}=e,o=s.useCallback(c=>{if(t.current){const i={command:"PropertyChangeCommand",options:{property:"fontFamily",value:c.value||null}};t.current.executeCommand(i)}},[]);return s.createElement(m.DropDownList,{onChange:o,value:n,data:r.FONT_FAMILIES,defaultValue:r.DEFAULT_FONT_FAMILY,fillMode:"flat",title:f.useLocalization().toLanguageString(a.keys.fontName,a.messages[a.keys.fontName]),leftRightKeysNavigation:!1})};l.displayName="FontFamily";exports.FontFamily=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("@progress/kendo-react-dropdowns"),r=require("./utils.js"),f=require("@progress/kendo-react-intl"),a=require("../messages.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=d(u),l=e=>{const{spreadsheetRef:t,value:n}=e,o=s.useCallback(c=>{if(t.current){const i={command:"PropertyChangeCommand",options:{property:"fontFamily",value:c.value||null}};t.current.executeCommand(i)}},[]);return s.createElement(m.DropDownList,{onChange:o,value:n,data:r.FONT_FAMILIES,defaultValue:r.DEFAULT_FONT_FAMILY,fillMode:"flat",title:f.useLocalization().toLanguageString(a.keys.fontName,a.messages[a.keys.fontName]),leftRightKeysNavigation:!1})};l.displayName="FontFamily";exports.FontFamily=l;

package/tools/fontFamily.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { DropDownList as l } from "@progress/kendo-react-dropdowns";
 import { FONT_FAMILIES as s, DEFAULT_FONT_FAMILY as f } from "./utils.mjs";

package/tools/fontSize.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 I=require("react"),v=require("@progress/kendo-react-dropdowns"),y=require("./utils.js"),i=require("../messages.js"),g=require("@progress/kendo-react-intl"),h=require("@progress/kendo-react-buttons"),z=require("@progress/kendo-svg-icons");function N(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=N(I),d=1,f=409,p=e=>typeof e=="string"?parseFloat(e):e,b=e=>{const{spreadsheetRef:o}=e,t=p(e.value),s=m.useCallback(r=>{var u;let n=r.value?p(r.value):t;n=isNaN(n)?t:n,n=Math.min(f,Math.max(d,n));const c={command:"PropertyChangeCommand",options:{property:"fontSize",value:n}};r.nativeEvent.type==="keydown"||r.nativeEvent.type==="focusout"?(u=o.current)==null||u.executeCommand(c):setTimeout(()=>{var a;(a=o.current)==null||a.executeCommand(c)},0)},[t]),l=g.useLocalization().toLanguageString(i.keys.fontSize,i.messages[i.keys.fontSize]);return m.createElement(v.ComboBox,{onChange:s,value:t,data:y.FONT_SIZES,defaultValue:y.DEFAULT_FONT_SIZE,allowCustom:!0,fillMode:"flat",title:l,tabIndex:-1,clearButton:!1,ariaLabel:l})};b.displayName="FontSize";const k=e=>{const o=t=>{const{property:s,icon:l,svgIcon:r,titleKey:n,step:c}=e,{spreadsheetRef:u}=t,a=p(t.value),F=m.useCallback(()=>{var S;const C={command:"PropertyChangeCommand",options:{property:s,value:Math.min(f,Math.max(d,a+c))}};(S=u.current)==null||S.executeCommand(C)},[a]);return m.createElement(h.Button,{type:"button",icon:l,svgIcon:r,fillMode:"flat",onClick:F,disabled:a+c<d||a+c>f,title:g.useLocalization().toLanguageString(n,i.messages[n])})};return o.displayName=e.displayName,o},x=k({property:"fontSize",icon:"font-grow",svgIcon:z.fontGrowIcon,titleKey:i.keys.fontSizeIncrease,displayName:"IncreaseFontSize",step:1}),T=k({property:"fontSize",icon:"font-shrink",svgIcon:z.fontShrinkIcon,titleKey:i.keys.fontSizeDecrease,displayName:"DecreaseFontSize",step:-1});exports.DecreaseFontSize=T;exports.FontSize=b;exports.IncreaseFontSize=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),v=require("@progress/kendo-react-dropdowns"),y=require("./utils.js"),i=require("../messages.js"),g=require("@progress/kendo-react-intl"),h=require("@progress/kendo-react-buttons"),z=require("@progress/kendo-svg-icons");function N(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=N(I),d=1,f=409,p=e=>typeof e=="string"?parseFloat(e):e,b=e=>{const{spreadsheetRef:o}=e,t=p(e.value),s=m.useCallback(r=>{var u;let n=r.value?p(r.value):t;n=isNaN(n)?t:n,n=Math.min(f,Math.max(d,n));const c={command:"PropertyChangeCommand",options:{property:"fontSize",value:n}};r.nativeEvent.type==="keydown"||r.nativeEvent.type==="focusout"?(u=o.current)==null||u.executeCommand(c):setTimeout(()=>{var a;(a=o.current)==null||a.executeCommand(c)},0)},[t]),l=g.useLocalization().toLanguageString(i.keys.fontSize,i.messages[i.keys.fontSize]);return m.createElement(v.ComboBox,{onChange:s,value:t,data:y.FONT_SIZES,defaultValue:y.DEFAULT_FONT_SIZE,allowCustom:!0,fillMode:"flat",title:l,tabIndex:-1,clearButton:!1,ariaLabel:l})};b.displayName="FontSize";const k=e=>{const o=t=>{const{property:s,icon:l,svgIcon:r,titleKey:n,step:c}=e,{spreadsheetRef:u}=t,a=p(t.value),F=m.useCallback(()=>{var S;const C={command:"PropertyChangeCommand",options:{property:s,value:Math.min(f,Math.max(d,a+c))}};(S=u.current)==null||S.executeCommand(C)},[a]);return m.createElement(h.Button,{type:"button",icon:l,svgIcon:r,fillMode:"flat",onClick:F,disabled:a+c<d||a+c>f,title:g.useLocalization().toLanguageString(n,i.messages[n])})};return o.displayName=e.displayName,o},x=k({property:"fontSize",icon:"font-grow",svgIcon:z.fontGrowIcon,titleKey:i.keys.fontSizeIncrease,displayName:"IncreaseFontSize",step:1}),T=k({property:"fontSize",icon:"font-shrink",svgIcon:z.fontShrinkIcon,titleKey:i.keys.fontSizeDecrease,displayName:"DecreaseFontSize",step:-1});exports.DecreaseFontSize=T;exports.FontSize=b;exports.IncreaseFontSize=x;

package/tools/fontSize.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as l from "react";
 import { ComboBox as F } from "@progress/kendo-react-dropdowns";
 import { FONT_SIZES as I, DEFAULT_FONT_SIZE as v } from "./utils.mjs";
@@ -12,19 +13,19 @@ import { keys as m, messages as y } from "../messages.mjs";
 import { useLocalization as z } from "@progress/kendo-react-intl";
 import { Button as x } from "@progress/kendo-react-buttons";
 import { fontGrowIcon as N, fontShrinkIcon as b } from "@progress/kendo-svg-icons";
-const u = 1, f = 409, d = (e) => typeof e == "string" ? parseFloat(e) : e, k = (e) => {
-  const { spreadsheetRef: i } = e, o = d(e.value), p = l.useCallback(
+const p = 1, f = 409, d = (e) => typeof e == "string" ? parseFloat(e) : e, k = (e) => {
+  const { spreadsheetRef: r } = e, o = d(e.value), u = l.useCallback(
     (a) => {
       var c;
       let t = a.value ? d(a.value) : o;
-      t = isNaN(t) ? o : t, t = Math.min(f, Math.max(u, t));
-      const r = {
+      t = isNaN(t) ? o : t, t = Math.min(f, Math.max(p, t));
+      const i = {
         command: "PropertyChangeCommand",
         options: { property: "fontSize", value: t }
       };
-      a.nativeEvent.type === "keydown" || a.nativeEvent.type === "focusout" ? (c = i.current) == null || c.executeCommand(r) : setTimeout(() => {
+      a.nativeEvent.type === "keydown" || a.nativeEvent.type === "focusout" ? (c = r.current) == null || c.executeCommand(i) : setTimeout(() => {
         var n;
-        (n = i.current) == null || n.executeCommand(r);
+        (n = r.current) == null || n.executeCommand(i);
       }, 0);
     },
     [o]
@@ -32,7 +33,7 @@ const u = 1, f = 409, d = (e) => typeof e == "string" ? parseFloat(e) : e, k = (
   return /* @__PURE__ */ l.createElement(
     F,
     {
-      onChange: p,
+      onChange: u,
       value: o,
       data: I,
       defaultValue: v,
@@ -47,12 +48,12 @@ const u = 1, f = 409, d = (e) => typeof e == "string" ? parseFloat(e) : e, k = (
 };
 k.displayName = "FontSize";
 const g = (e) => {
-  const i = (o) => {
-    const { property: p, icon: s, svgIcon: a, titleKey: t, step: r } = e, { spreadsheetRef: c } = o, n = d(o.value), C = l.useCallback(() => {
+  const r = (o) => {
+    const { property: u, icon: s, svgIcon: a, titleKey: t, step: i } = e, { spreadsheetRef: c } = o, n = d(o.value), C = l.useCallback(() => {
       var S;
       const h = {
         command: "PropertyChangeCommand",
-        options: { property: p, value: Math.min(f, Math.max(u, n + r)) }
+        options: { property: u, value: Math.min(f, Math.max(p, n + i)) }
       };
       (S = c.current) == null || S.executeCommand(h);
     }, [n]);
@@ -64,12 +65,12 @@ const g = (e) => {
         svgIcon: a,
         fillMode: "flat",
         onClick: C,
-        disabled: n + r < u || n + r > f,
+        disabled: n + i < p || n + i > f,
         title: z().toLanguageString(t, y[t])
       }
     );
   };
-  return i.displayName = e.displayName, i;
+  return r.displayName = e.displayName, r;
 }, B = g({
   property: "fontSize",
   icon: "font-grow",

package/tools/format.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 i=require("react"),m=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-svg-icons"),d=require("./utils.js"),f=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const a=p(i),c=e=>{const{spreadsheetRef:t}=e,o=a.useCallback(n=>{const s=n.item.value||null;setTimeout(()=>{if(t.current){const u={command:"PropertyChangeCommand",options:{property:"format",value:s}};t.current.executeCommand(u)}},0)},[]);return a.createElement(m.DropDownButton,{icon:"custom-format",svgIcon:l.customFormatIcon,fillMode:"flat",onItemClick:o,items:d.FORMATS,title:g.useLocalization().toLanguageString(r.keys.format,r.messages[r.keys.format]),text:a.createElement(f.IconWrap,{name:"caret-alt-down"})})};c.displayName="Format";exports.Format=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),m=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-svg-icons"),d=require("./utils.js"),f=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const a=p(i),c=e=>{const{spreadsheetRef:t}=e,o=a.useCallback(n=>{const s=n.item.value||null;setTimeout(()=>{if(t.current){const u={command:"PropertyChangeCommand",options:{property:"format",value:s}};t.current.executeCommand(u)}},0)},[]);return a.createElement(m.DropDownButton,{icon:"custom-format",svgIcon:l.customFormatIcon,fillMode:"flat",onItemClick:o,items:d.FORMATS,title:g.useLocalization().toLanguageString(r.keys.format,r.messages[r.keys.format]),text:a.createElement(f.IconWrap,{name:"caret-alt-down"})})};c.displayName="Format";exports.Format=c;

package/tools/format.mjs

@@ -5,36 +5,37 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as o from "react";
+"use client";
+import * as t from "react";
 import { DropDownButton as s } from "@progress/kendo-react-buttons";
 import { customFormatIcon as i } from "@progress/kendo-svg-icons";
-import { FORMATS as p } from "./utils.mjs";
-import { IconWrap as l } from "@progress/kendo-react-common";
+import { FORMATS as l } from "./utils.mjs";
+import { IconWrap as p } from "@progress/kendo-react-common";
 import { useLocalization as f } from "@progress/kendo-react-intl";
 import { keys as e, messages as u } from "../messages.mjs";
 const d = (r) => {
-  const { spreadsheetRef: t } = r, m = o.useCallback((a) => {
+  const { spreadsheetRef: o } = r, m = t.useCallback((a) => {
     const n = a.item.value || null;
     setTimeout(() => {
-      if (t.current) {
+      if (o.current) {
         const c = {
           command: "PropertyChangeCommand",
           options: { property: "format", value: n }
         };
-        t.current.executeCommand(c);
+        o.current.executeCommand(c);
       }
     }, 0);
   }, []);
-  return /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ t.createElement(
     s,
     {
       icon: "custom-format",
       svgIcon: i,
       fillMode: "flat",
       onItemClick: m,
-      items: p,
+      items: l,
       title: f().toLanguageString(e.format, u[e.format]),
-      text: /* @__PURE__ */ o.createElement(l, { name: "caret-alt-down" })
+      text: /* @__PURE__ */ t.createElement(p, { name: "caret-alt-down" })
     }
   );
 };

package/tools/gridLines.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 u=require("react"),l=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function f(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=f(u),i=t=>{const{value:n,spreadsheetRef:e}=t,o=c.useCallback(()=>{if(e.current){const s=e.current.activeSheet();if(s){const a={command:"GridLinesChangeCommand",options:{property:"gridLines",value:!s.showGridLines()}};e.current.executeCommand(a)}}},[]);return c.createElement(l.Button,{type:"button",togglable:!0,icon:"borders-none",svgIcon:d.bordersNoneIcon,fillMode:"flat",title:g.useLocalization().toLanguageString(r.keys.gridLines,r.messages[r.keys.gridLines]),onClick:o,selected:n})};i.displayName="GridLines";exports.GridLines=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),l=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function f(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=f(u),i=t=>{const{value:n,spreadsheetRef:e}=t,o=c.useCallback(()=>{if(e.current){const s=e.current.activeSheet();if(s){const a={command:"GridLinesChangeCommand",options:{property:"gridLines",value:!s.showGridLines()}};e.current.executeCommand(a)}}},[]);return c.createElement(l.Button,{type:"button",togglable:!0,icon:"borders-none",svgIcon:d.bordersNoneIcon,fillMode:"flat",title:g.useLocalization().toLanguageString(r.keys.gridLines,r.messages[r.keys.gridLines]),onClick:o,selected:n})};i.displayName="GridLines";exports.GridLines=i;

package/tools/gridLines.mjs

@@ -5,25 +5,26 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
+"use client";
+import * as o from "react";
 import { Button as c } from "@progress/kendo-react-buttons";
 import { bordersNoneIcon as m } from "@progress/kendo-svg-icons";
-import { useLocalization as d } from "@progress/kendo-react-intl";
-import { keys as n, messages as l } from "../messages.mjs";
+import { useLocalization as l } from "@progress/kendo-react-intl";
+import { keys as n, messages as d } from "../messages.mjs";
 const u = (r) => {
-  const { value: i, spreadsheetRef: e } = r, s = t.useCallback(() => {
+  const { value: i, spreadsheetRef: e } = r, s = o.useCallback(() => {
     if (e.current) {
-      const o = e.current.activeSheet();
-      if (o) {
+      const t = e.current.activeSheet();
+      if (t) {
         const a = {
           command: "GridLinesChangeCommand",
-          options: { property: "gridLines", value: !o.showGridLines() }
+          options: { property: "gridLines", value: !t.showGridLines() }
         };
         e.current.executeCommand(a);
       }
     }
   }, []);
-  return /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ o.createElement(
     c,
     {
       type: "button",
@@ -31,7 +32,7 @@ const u = (r) => {
       icon: "borders-none",
       svgIcon: m,
       fillMode: "flat",
-      title: d().toLanguageString(n.gridLines, l[n.gridLines]),
+      title: l().toLanguageString(n.gridLines, d[n.gridLines]),
       onClick: s,
       selected: i
     }

package/tools/italic.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("@progress/kendo-svg-icons"),i=require("./utils.js"),c=require("../messages.js"),o={property:"italic",icon:"italic",svgIcon:e.italicIcon,titleKey:c.keys.italic},t=i.PropertyChangeTool(o);t.displayName="Italic";exports.Italic=t;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-svg-icons"),i=require("./utils.js"),c=require("../messages.js"),o={property:"italic",icon:"italic",svgIcon:e.italicIcon,titleKey:c.keys.italic},t=i.PropertyChangeTool(o);t.displayName="Italic";exports.Italic=t;

package/tools/italic.mjs

@@ -5,11 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { italicIcon as i } from "@progress/kendo-svg-icons";
 import { PropertyChangeTool as t } from "./utils.mjs";
 import { keys as o } from "../messages.mjs";
-const c = { property: "italic", icon: "italic", svgIcon: i, titleKey: o.italic }, r = t(c);
-r.displayName = "Italic";
+const c = { property: "italic", icon: "italic", svgIcon: i, titleKey: o.italic }, e = t(c);
+e.displayName = "Italic";
 export {
-  r as Italic
+  e as Italic
 };

package/tools/open.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 d=require("react"),p=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-upload"),m=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function b(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const n=b(d),u=e=>{const{spreadsheetRef:o}=e,a=n.useCallback(s=>{const t=s.target;if(t instanceof Element&&t.parentNode){const c=t.closest(".k-toolbar"),i=c&&c.querySelector(".k-upload input");i&&i.click()}},[]),l=n.useCallback(s=>{const t=s.newState;if(t[0]&&t[0].getRawFile){const c=t[0].getRawFile();o.current&&o.current.executeCommand({command:"OpenCommand",options:{file:c}})}},[]);return n.createElement(n.Fragment,null,n.createElement(p.Button,{className:"k-toolbar-button",title:g.useLocalization().toLanguageString(r.keys.open,r.messages[r.keys.open]),icon:"folder-open",svgIcon:m.folderOpenIcon,fillMode:"flat",onClick:a}),n.createElement("div",{style:{display:"none"}},n.createElement(f.Upload,{restrictions:{allowedExtensions:[".xlsx"]},onAdd:l,autoUpload:!1,defaultFiles:[],multiple:!1,accept:".xlsx,.XLSX",withCredentials:!1})))};u.displayName="Open";exports.Open=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),p=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-upload"),m=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),r=require("../messages.js");function b(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(o,l,a.get?a:{enumerable:!0,get:()=>e[l]})}}return o.default=e,Object.freeze(o)}const n=b(d),u=e=>{const{spreadsheetRef:o}=e,l=n.useCallback(s=>{const t=s.target;if(t instanceof Element&&t.parentNode){const c=t.closest(".k-toolbar"),i=c&&c.querySelector(".k-upload input");i&&i.click()}},[]),a=n.useCallback(s=>{const t=s.newState;if(t[0]&&t[0].getRawFile){const c=t[0].getRawFile();o.current&&o.current.executeCommand({command:"OpenCommand",options:{file:c}})}},[]);return n.createElement(n.Fragment,null,n.createElement(p.Button,{className:"k-toolbar-button",title:g.useLocalization().toLanguageString(r.keys.open,r.messages[r.keys.open]),icon:"folder-open",svgIcon:m.folderOpenIcon,fillMode:"flat",onClick:l}),n.createElement("div",{style:{display:"none"}},n.createElement(f.Upload,{restrictions:{allowedExtensions:[".xlsx"]},onAdd:a,autoUpload:!1,defaultFiles:[],multiple:!1,accept:".xlsx,.XLSX",withCredentials:!1})))};u.displayName="Open";exports.Open=u;

package/tools/open.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { Button as m } from "@progress/kendo-react-buttons";
 import { Upload as p } from "@progress/kendo-react-upload";

package/tools/redo.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 o=require("@progress/kendo-svg-icons"),t=require("./utils.js"),r=require("../messages.js"),s={action:"redo",icon:"reload",svgIcon:o.arrowRotateCwIcon,titleKey:r.keys.redo},e=t.UndoRedo(s);e.displayName="Redo";exports.Redo=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-svg-icons"),t=require("./utils.js"),s=require("../messages.js"),n={action:"redo",icon:"reload",svgIcon:o.arrowRotateCwIcon,titleKey:s.keys.redo},e=t.UndoRedo(n);e.displayName="Redo";exports.Redo=e;

package/tools/redo.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { arrowRotateCwIcon as o } from "@progress/kendo-svg-icons";
 import { UndoRedo as e } from "./utils.mjs";
-import { keys as r } from "../messages.mjs";
-const t = { action: "redo", icon: "reload", svgIcon: o, titleKey: r.redo }, d = e(t);
+import { keys as t } from "../messages.mjs";
+const r = { action: "redo", icon: "reload", svgIcon: o, titleKey: t.redo }, d = e(r);
 d.displayName = "Redo";
 export {
   d as Redo

package/tools/tableTools.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 y=require("react"),v=require("@progress/kendo-react-buttons"),t=require("@progress/kendo-svg-icons"),o=require("../messages.js"),A=require("@progress/kendo-react-intl");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const d=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,d.get?d:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const s=g(y),n=e=>l=>{const{spreadsheetRef:d,value:c}=l,R=s.useCallback(()=>{if(d.current){const C={command:e.command,options:{value:e.value}};d.current.executeCommand(C)}},[]);return s.createElement(v.Button,{type:"button",icon:e.icon,svgIcon:e.svgIcon,fillMode:"flat",title:A.useLocalization().toLanguageString(e.titleKey,o.messages[e.titleKey]),onClick:R,disabled:c&&e.disabled(c)})},f={command:"AddColumnCommand",value:"left",icon:"table-column-insert-left",svgIcon:t.tableColumnInsertLeftIcon,titleKey:o.keys.addColumnLeft,disabled:e=>e.allCols,displayName:"AddColumnLeft"},p={command:"AddColumnCommand",value:"right",icon:"table-column-insert-right",svgIcon:t.tableColumnInsertRightIcon,titleKey:o.keys.addColumnRight,disabled:e=>e.allCols,displayName:"AddColumnRight"},I={command:"AddRowCommand",value:"below",icon:"table-row-insert-below",svgIcon:t.tableRowInsertBelowIcon,titleKey:o.keys.addRowBelow,disabled:e=>e.allRows,displayName:"AddRowBelow"},D={command:"AddRowCommand",value:"above",icon:"table-row-insert-above",svgIcon:t.tableRowInsertAboveIcon,titleKey:o.keys.addRowAbove,disabled:e=>e.allRows,displayName:"AddRowAbove"},N={command:"DeleteColumnCommand",icon:"table-column-delete",svgIcon:t.tableColumnDeleteIcon,titleKey:o.keys.deleteColumn,disabled:e=>e.allCols,displayName:"DeleteColumn"},k={command:"DeleteRowCommand",icon:"table-row-delete",svgIcon:t.tableRowDeleteIcon,titleKey:o.keys.deleteRow,disabled:e=>e.allRows,displayName:"DeleteRow"},m=n(f),i=n(p),u=n(I),r=n(D),b=n(N),w=n(k);m.displayName="AddColumnLeft";i.displayName="AddColumnRight";u.displayName="AddRowBelow";r.displayName="AddRowAbove";b.displayName="DeleteColumn";w.displayName="DeleteRow";exports.AddColumnLeft=m;exports.AddColumnRight=i;exports.AddRowAbove=r;exports.AddRowBelow=u;exports.DeleteColumn=b;exports.DeleteRow=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),v=require("@progress/kendo-react-buttons"),t=require("@progress/kendo-svg-icons"),o=require("../messages.js"),A=require("@progress/kendo-react-intl");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const d=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,d.get?d:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const s=g(y),n=e=>l=>{const{spreadsheetRef:d,value:c}=l,R=s.useCallback(()=>{if(d.current){const C={command:e.command,options:{value:e.value}};d.current.executeCommand(C)}},[]);return s.createElement(v.Button,{type:"button",icon:e.icon,svgIcon:e.svgIcon,fillMode:"flat",title:A.useLocalization().toLanguageString(e.titleKey,o.messages[e.titleKey]),onClick:R,disabled:c&&e.disabled(c)})},f={command:"AddColumnCommand",value:"left",icon:"table-column-insert-left",svgIcon:t.tableColumnInsertLeftIcon,titleKey:o.keys.addColumnLeft,disabled:e=>e.allCols,displayName:"AddColumnLeft"},p={command:"AddColumnCommand",value:"right",icon:"table-column-insert-right",svgIcon:t.tableColumnInsertRightIcon,titleKey:o.keys.addColumnRight,disabled:e=>e.allCols,displayName:"AddColumnRight"},I={command:"AddRowCommand",value:"below",icon:"table-row-insert-below",svgIcon:t.tableRowInsertBelowIcon,titleKey:o.keys.addRowBelow,disabled:e=>e.allRows,displayName:"AddRowBelow"},D={command:"AddRowCommand",value:"above",icon:"table-row-insert-above",svgIcon:t.tableRowInsertAboveIcon,titleKey:o.keys.addRowAbove,disabled:e=>e.allRows,displayName:"AddRowAbove"},N={command:"DeleteColumnCommand",icon:"table-column-delete",svgIcon:t.tableColumnDeleteIcon,titleKey:o.keys.deleteColumn,disabled:e=>e.allCols,displayName:"DeleteColumn"},k={command:"DeleteRowCommand",icon:"table-row-delete",svgIcon:t.tableRowDeleteIcon,titleKey:o.keys.deleteRow,disabled:e=>e.allRows,displayName:"DeleteRow"},m=n(f),i=n(p),u=n(I),r=n(D),b=n(N),w=n(k);m.displayName="AddColumnLeft";i.displayName="AddColumnRight";u.displayName="AddRowBelow";r.displayName="AddRowAbove";b.displayName="DeleteColumn";w.displayName="DeleteRow";exports.AddColumnLeft=m;exports.AddColumnRight=i;exports.AddRowAbove=r;exports.AddRowBelow=u;exports.DeleteColumn=b;exports.DeleteRow=w;

package/tools/tableTools.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
 import { Button as s } from "@progress/kendo-react-buttons";
 import { tableColumnInsertLeftIcon as i, tableColumnInsertRightIcon as u, tableRowInsertBelowIcon as r, tableRowInsertAboveIcon as w, tableColumnDeleteIcon as b, tableRowDeleteIcon as C } from "@progress/kendo-svg-icons";

package/tools/textColor.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("../messages.js"),r=require("./utils.js"),t=require("@progress/kendo-svg-icons"),o=r.ColorTool({icon:"foreground-color",svgIcon:t.foregroundColorIcon,view:"palette",property:"color",titleKey:e.keys.textColor,ariaLabel:"Text Color"});o.displayName="TextColor";exports.TextColor=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../messages.js"),r=require("./utils.js"),t=require("@progress/kendo-svg-icons"),o=r.ColorTool({icon:"foreground-color",svgIcon:t.foregroundColorIcon,view:"palette",property:"color",titleKey:e.keys.textColor,ariaLabel:"Text Color"});o.displayName="TextColor";exports.TextColor=o;

package/tools/textColor.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { keys as o } from "../messages.mjs";
 import { ColorTool as r } from "./utils.mjs";
 import { foregroundColorIcon as e } from "@progress/kendo-svg-icons";

package/tools/textWrap.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"),i=require("@progress/kendo-react-buttons"),p=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),a=require("../messages.js");function d(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=d(l),s=t=>{const{value:n,spreadsheetRef:e}=t,r=c.useCallback(()=>{if(e.current){const o=e.current.activeSheet();if(o){const u={command:"TextWrapCommand",options:{property:"wrap",value:!o.range(o.activeCell()).wrap()}};e.current.executeCommand(u)}}},[]);return c.createElement(i.Button,{type:"button",togglable:!0,icon:"text-wrap",svgIcon:p.textWrapIcon,fillMode:"flat",title:g.useLocalization().toLanguageString(a.keys.textWrap,a.messages[a.keys.textWrap]),onClick:r,selected:n})};s.displayName="TextWrap";exports.TextWrap=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-buttons"),p=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),a=require("../messages.js");function d(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=d(l),s=t=>{const{value:n,spreadsheetRef:e}=t,r=c.useCallback(()=>{if(e.current){const o=e.current.activeSheet();if(o){const u={command:"TextWrapCommand",options:{property:"wrap",value:!o.range(o.activeCell()).wrap()}};e.current.executeCommand(u)}}},[]);return c.createElement(i.Button,{type:"button",togglable:!0,icon:"text-wrap",svgIcon:p.textWrapIcon,fillMode:"flat",title:g.useLocalization().toLanguageString(a.keys.textWrap,a.messages[a.keys.textWrap]),onClick:r,selected:n})};s.displayName="TextWrap";exports.TextWrap=s;

package/tools/textWrap.mjs

@@ -5,33 +5,34 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as o from "react";
-import { Button as s } from "@progress/kendo-react-buttons";
+import { Button as p } from "@progress/kendo-react-buttons";
 import { textWrapIcon as i } from "@progress/kendo-svg-icons";
-import { useLocalization as m } from "@progress/kendo-react-intl";
-import { keys as r, messages as l } from "../messages.mjs";
+import { useLocalization as l } from "@progress/kendo-react-intl";
+import { keys as r, messages as m } from "../messages.mjs";
 const u = (a) => {
-  const { value: n, spreadsheetRef: t } = a, c = o.useCallback(() => {
-    if (t.current) {
-      const e = t.current.activeSheet();
-      if (e) {
-        const p = {
+  const { value: n, spreadsheetRef: e } = a, c = o.useCallback(() => {
+    if (e.current) {
+      const t = e.current.activeSheet();
+      if (t) {
+        const s = {
           command: "TextWrapCommand",
-          options: { property: "wrap", value: !e.range(e.activeCell()).wrap() }
+          options: { property: "wrap", value: !t.range(t.activeCell()).wrap() }
         };
-        t.current.executeCommand(p);
+        e.current.executeCommand(s);
       }
     }
   }, []);
   return /* @__PURE__ */ o.createElement(
-    s,
+    p,
     {
       type: "button",
       togglable: !0,
       icon: "text-wrap",
       svgIcon: i,
       fillMode: "flat",
-      title: m().toLanguageString(r.textWrap, l[r.textWrap]),
+      title: l().toLanguageString(r.textWrap, m[r.textWrap]),
       onClick: c,
       selected: n
     }

package/tools/underline.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("@progress/kendo-svg-icons"),r=require("./utils.js"),i=require("../messages.js"),o={property:"underline",icon:"underline",svgIcon:n.underlineIcon,titleKey:i.keys.underline},e=r.PropertyChangeTool(o);e.displayName="Underline";exports.Underline=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-svg-icons"),r=require("./utils.js"),i=require("../messages.js"),t={property:"underline",icon:"underline",svgIcon:n.underlineIcon,titleKey:i.keys.underline},e=r.PropertyChangeTool(t);e.displayName="Underline";exports.Underline=e;

package/tools/underline.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { underlineIcon as e } from "@progress/kendo-svg-icons";
 import { PropertyChangeTool as n } from "./utils.mjs";
 import { keys as r } from "../messages.mjs";

package/tools/undo.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 o=require("@progress/kendo-svg-icons"),n=require("./utils.js"),t=require("../messages.js"),s={action:"undo",icon:"reset",svgIcon:o.arrowRotateCcwIcon,titleKey:t.keys.undo},e=n.UndoRedo(s);e.displayName="Undo";exports.Undo=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-svg-icons"),n=require("./utils.js"),t=require("../messages.js"),s={action:"undo",icon:"reset",svgIcon:o.arrowRotateCcwIcon,titleKey:t.keys.undo},e=n.UndoRedo(s);e.displayName="Undo";exports.Undo=e;

package/tools/undo.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { arrowRotateCcwIcon as o } from "@progress/kendo-svg-icons";
 import { UndoRedo as t } from "./utils.mjs";
 import { keys as n } from "../messages.mjs";

package/tools/utils.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 y=require("react"),g=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-intl"),d=require("../messages.js");function v(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=v(y),_=["Arial","Courier New","Georgia","Times New Roman","Trebuchet MS","Verdana"],C="Arial",b=[8,9,10,11,12,13,14,16,18,20,22,24,26,28,36,48,72],k=12,F=[{text:"Automatic",value:null},{text:"Text",value:"@"},{text:"Number",value:"#,0.00"},{text:"Percent",value:"0.00%"},{text:"Financial",value:'_("$"* #,##0.00_);_("$"* (#,##0.00);_("$"* "-"??_);_(@_)'},{text:"Currency",value:"$#,##0.00;[Red]$#,##0.00"},{text:"Date",value:"m/d/yyyy"},{text:"Time",value:"h:mm:ss AM/PM"},{text:"Date time",value:"m/d/yyyy h:mm"},{text:"Duration",value:"[h]:mm:ss"}],S=e=>t=>{const{property:o,icon:r,svgIcon:u,titleKey:l}=e,{spreadsheetRef:s,value:a}=t,i=c.useCallback(()=>{if(s.current){const p={command:"PropertyChangeCommand",options:{property:o,value:!a}};s.current.executeCommand(p)}},[a]);return c.createElement(g.Button,{type:"button",icon:r,svgIcon:u,fillMode:"flat",togglable:!0,onClick:i,selected:!!a,title:m.useLocalization().toLanguageString(l,d.messages[l])})},O=e=>t=>{const{property:o,titleKey:r,...u}=e,{spreadsheetRef:l,value:s}=t,a=c.useCallback(i=>{if(l.current){const T={command:"PropertyChangeCommand",options:{property:o,value:i.value||null}};l.current.executeCommand(T)}},[o]);return c.createElement(f.ColorPicker,{onChange:a,onActiveColorClick:a,fillMode:"flat",...u,title:m.useLocalization().toLanguageString(r,d.messages[r]),value:s})},A=e=>t=>{const{spreadsheetRef:o}=t,r=c.useCallback(()=>{o.current&&o.current.workbook.undoRedoStack[e.action]()},[]);return c.createElement(g.Button,{type:"button",icon:e.icon,svgIcon:e.svgIcon,fillMode:"flat",title:m.useLocalization().toLanguageString(e.titleKey,d.messages[e.titleKey]),onClick:r,togglable:!0})};exports.ColorTool=O;exports.DEFAULT_FONT_FAMILY=C;exports.DEFAULT_FONT_SIZE=k;exports.FONT_FAMILIES=_;exports.FONT_SIZES=b;exports.FORMATS=F;exports.PropertyChangeTool=S;exports.UndoRedo=A;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),g=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-intl"),d=require("../messages.js");function v(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=v(y),_=["Arial","Courier New","Georgia","Times New Roman","Trebuchet MS","Verdana"],C="Arial",b=[8,9,10,11,12,13,14,16,18,20,22,24,26,28,36,48,72],k=12,F=[{text:"Automatic",value:null},{text:"Text",value:"@"},{text:"Number",value:"#,0.00"},{text:"Percent",value:"0.00%"},{text:"Financial",value:'_("$"* #,##0.00_);_("$"* (#,##0.00);_("$"* "-"??_);_(@_)'},{text:"Currency",value:"$#,##0.00;[Red]$#,##0.00"},{text:"Date",value:"m/d/yyyy"},{text:"Time",value:"h:mm:ss AM/PM"},{text:"Date time",value:"m/d/yyyy h:mm"},{text:"Duration",value:"[h]:mm:ss"}],S=e=>t=>{const{property:o,icon:r,svgIcon:u,titleKey:l}=e,{spreadsheetRef:s,value:a}=t,i=c.useCallback(()=>{if(s.current){const p={command:"PropertyChangeCommand",options:{property:o,value:!a}};s.current.executeCommand(p)}},[a]);return c.createElement(g.Button,{type:"button",icon:r,svgIcon:u,fillMode:"flat",togglable:!0,onClick:i,selected:!!a,title:m.useLocalization().toLanguageString(l,d.messages[l])})},O=e=>t=>{const{property:o,titleKey:r,...u}=e,{spreadsheetRef:l,value:s}=t,a=c.useCallback(i=>{if(l.current){const T={command:"PropertyChangeCommand",options:{property:o,value:i.value||null}};l.current.executeCommand(T)}},[o]);return c.createElement(f.ColorPicker,{onChange:a,onActiveColorClick:a,fillMode:"flat",...u,title:m.useLocalization().toLanguageString(r,d.messages[r]),value:s})},A=e=>t=>{const{spreadsheetRef:o}=t,r=c.useCallback(()=>{o.current&&o.current.workbook.undoRedoStack[e.action]()},[]);return c.createElement(g.Button,{type:"button",icon:e.icon,svgIcon:e.svgIcon,fillMode:"flat",title:m.useLocalization().toLanguageString(e.titleKey,d.messages[e.titleKey]),onClick:r,togglable:!0})};exports.ColorTool=O;exports.DEFAULT_FONT_FAMILY=C;exports.DEFAULT_FONT_SIZE=k;exports.FONT_FAMILIES=_;exports.FONT_SIZES=b;exports.FORMATS=F;exports.PropertyChangeTool=S;exports.UndoRedo=A;

package/tools/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as r from "react";
 import { Button as v } from "@progress/kendo-react-buttons";
 import { ColorPicker as C } from "@progress/kendo-react-inputs";