@progress/kendo-react-spreadsheet 6.1.1 → 7.0.0-develop.2

package/index.mjs

@@ -0,0 +1,1357 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as e from "react";
+import * as F from "prop-types";
+import { Button as K, DropDownButton as q, ToolbarSeparator as B, Toolbar as Jt, ButtonGroup as $t } from "@progress/kendo-react-buttons";
+import { TabStrip as jt, TabStripTab as Gt } from "@progress/kendo-react-layout";
+import { Dialog as qt, DialogActionsBar as Xt } from "@progress/kendo-react-dialogs";
+import { Popup as Zt } from "@progress/kendo-react-popup";
+import { IconWrap as P, classNames as J, guid as Yt, validatePackage as Qt, shouldShowValidationUI as en, WatermarkOverlay as tn } from "@progress/kendo-react-common";
+import { formulaFxIcon as me, xIcon as pe, plusIcon as nn, downloadIcon as on, folderOpenIcon as an, boldIcon as ln, italicIcon as sn, underlineIcon as rn, fontGrowIcon as cn, fontShrinkIcon as dn, foregroundColorIcon as un, dropletIcon as mn, alignLeftIcon as X, caretAltDownIcon as fe, alignCenterIcon as pn, alignRightIcon as fn, alignJustifyIcon as gn, alignTopIcon as hn, alignMiddleIcon as Cn, alignBottomIcon as ge, textWrapIcon as vn, bordersNoneIcon as yn, customFormatIcon as bn, tableColumnInsertLeftIcon as kn, tableColumnInsertRightIcon as xn, tableRowInsertBelowIcon as En, tableRowInsertAboveIcon as Sn, tableColumnDeleteIcon as In, tableRowDeleteIcon as wn, arrowRotateCcwIcon as Nn, arrowRotateCwIcon as Rn, decimalIncreaseIcon as le, decimalDecreaseIcon as se, clearCssIcon as An } from "@progress/kendo-svg-icons";
+import { ComboBox as he, DropDownList as Dn } from "@progress/kendo-react-dropdowns";
+import { useLocalization as N, useInternationalization as Tn } from "@progress/kendo-react-intl";
+import { Sortable as Ln } from "@progress/kendo-react-sortable";
+import { SpreadsheetWidget as Fn } from "@progress/kendo-spreadsheet-common";
+import { CalcError as Fo, CellRef as Ko, Context as Mo, Matrix as zo, NULLREF as Bo, NameRef as Po, Range as Ho, RangeRef as Oo, Ref as Uo, Sheet as Vo, SpreadsheetWidget as Wo, UnionRef as _o, View as Jo, Workbook as $o, dateToSerial as jo, defineAlias as Go, defineFunction as qo, packDate as Xo, packTime as Zo, serialToDate as Yo, unpackDate as Qo, unpackTime as ea } from "@progress/kendo-spreadsheet-common";
+import { saveAs as Ce } from "@progress/kendo-file-saver";
+import { Workbook as ve } from "@progress/kendo-ooxml";
+import { Upload as Kn } from "@progress/kendo-react-upload";
+import { ColorPicker as Mn } from "@progress/kendo-react-inputs";
+const Z = e.forwardRef((t, n) => {
+  const a = e.useRef(null), s = e.useRef(null);
+  return e.useImperativeHandle(a, () => ({
+    element: s.current,
+    props: t
+  })), e.useImperativeHandle(n, () => a.current), /* @__PURE__ */ e.createElement("div", { className: "k-list k-list-md" }, /* @__PURE__ */ e.createElement("div", { className: "k-list-content" }, /* @__PURE__ */ e.createElement(
+    "ul",
+    {
+      ref: s,
+      className: "k-spreadsheet-formula-list k-list-ul",
+      onMouseDown: (o) => o.preventDefault(),
+      style: { maxHeight: 280 }
+    },
+    t.data.map(
+      (o) => /* @__PURE__ */ e.createElement("li", { key: o.text, className: "k-list-item", onClick: () => t.onItemClick(o.value) }, /* @__PURE__ */ e.createElement(P, { name: "formula-fx", icon: me }), /* @__PURE__ */ e.createElement("span", { className: "k-list-item-text" }, o.text))
+    )
+  )));
+});
+Z.displayName = "List";
+Z.propTypes = {};
+const _ = e.forwardRef((t, n) => {
+  const [a, s] = e.useState(!1), [o, l] = e.useState(0), [u, d] = e.useState([]), r = e.useMemo(() => ({}), []);
+  r.showPopup = a, r.popupContentKey = o, r.data = u;
+  const v = e.useRef(null), y = e.useRef(null), C = e.useRef(null), g = e.useCallback(() => {
+    if (C.current && C.current.element)
+      return C.current.element.querySelector(".k-focus");
+  }, []), S = e.useCallback(() => {
+    const f = g();
+    f && f.classList.remove("k-focus");
+  }, []), p = e.useCallback((f) => {
+    const R = Array.from(C.current && C.current.element.children || []), D = g();
+    let m;
+    if (D) {
+      const x = R.indexOf(D);
+      D.classList.remove("k-focus"), m = R[x + f] ? R[x + f] : f === 1 ? R[0] : R[R.length - 1];
+    } else
+      m = f === 1 ? R[0] : R[R.length - 1];
+    m && m.classList.add("k-focus");
+  }, []);
+  e.useImperativeHandle(v, () => ({
+    element: y.current,
+    props: t,
+    popup: {
+      open: () => {
+        s(!0);
+      },
+      close: () => {
+        s(!1);
+      },
+      position: () => {
+        l(r.popupContentKey + 1);
+      },
+      visible: () => r.showPopup
+    },
+    list: {
+      get element() {
+        return C.current && C.current.element;
+      },
+      data: (f) => {
+        if (f)
+          d(f);
+        else
+          return r.data;
+      },
+      value: () => ({}),
+      focus: () => Array.from(C.current && C.current.element && C.current.element.children || []).indexOf(g()),
+      // select: (x) => {
+      //     console.log('select', x);
+      // },
+      focusNext: () => {
+        p(1);
+      },
+      focusPrev: () => {
+        p(-1);
+      },
+      focusFirst: () => {
+        const f = C.current && C.current.element;
+        f && f.children.item(0) && (S(), f.children.item(0).classList.add("k-focus"));
+      },
+      focusLast: () => {
+        const f = C.current && C.current.element;
+        f && f.children.length && (S(), f.children.item(f.children.length - 1).classList.add("k-focus"));
+      },
+      itemClick: (f) => {
+        r.itemClick = f;
+      }
+    }
+  }), []), e.useImperativeHandle(n, () => v.current, []);
+  const b = e.useCallback((f) => {
+    r.itemClick && r.itemClick(f);
+  }, []);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: J("k-spreadsheet-formula-input", t.className),
+      contentEditable: "true",
+      spellCheck: "false",
+      style: { whiteSpace: "pre" },
+      ref: y
+    }
+  ), /* @__PURE__ */ e.createElement(
+    Zt,
+    {
+      show: a,
+      anchor: y.current,
+      animate: { openDuration: 100, closeDuration: 100 },
+      contentKey: o,
+      popupClass: "k-list-container"
+    },
+    /* @__PURE__ */ e.createElement(Z, { data: u, ref: C, onItemClick: b })
+  ));
+});
+_.displayName = "FormulaInput";
+_.propTypes = {};
+const ye = "spreadsheet.bold", be = "spreadsheet.italic", ke = "spreadsheet.underline", xe = "spreadsheet.openFile", Ee = "spreadsheet.textColor", Se = "spreadsheet.background", Ie = "spreadsheet.addRowAbove", we = "spreadsheet.addRowBelow", Ne = "spreadsheet.addColumnLeft", Re = "spreadsheet.addColumnRight", Ae = "spreadsheet.deleteRow", De = "spreadsheet.deleteColumn", Te = "spreadsheet.undo", Le = "spreadsheet.redo", Fe = "spreadsheet.fontSize", Ke = "spreadsheet.fontSizeIncrease", Me = "spreadsheet.fontSizeDecrease", ze = "spreadsheet.fontName", Be = "spreadsheet.cleanFormatting", Pe = "spreadsheet.format", He = "spreadsheet.alignHorizontally", Oe = "spreadsheet.alignVertically", Ue = "spreadsheet.align", Ve = "spreadsheet.alignLeft", We = "spreadsheet.alignRight", _e = "spreadsheet.alignCenter", Je = "spreadsheet.center", $e = "spreadsheet.alignJustify", je = "spreadsheet.justify", Ge = "spreadsheet.alignTop", qe = "spreadsheet.alignMiddle", Xe = "spreadsheet.alignBottom", Ze = "spreadsheet.increaseDecimal", Ye = "spreadsheet.decreaseDecimal", Qe = "spreadsheet.textWrap", et = "spreadsheet.gridLines", tt = "spreadsheet.exportToExcel", nt = "spreadsheet.nameBox", ot = "spreadsheet.defaultSheetName", at = "spreadsheet.home", lt = "spreadsheet.file", st = "spreadsheet.insert", rt = "spreadsheet.formatTab", ct = "spreadsheet.addNewSheet", it = "spreadsheet.error", dt = "spreadsheet.ok", ut = "spreadsheet.modifyMerged", mt = "spreadsheet.cannotModifyDisabled", pt = "spreadsheet.openUnsupported", ft = "spreadsheet.duplicateSheetName", E = {
+  [ye]: "Bold",
+  [be]: "Italic",
+  [ke]: "Underline",
+  [Te]: "Undo",
+  [Le]: "Redo",
+  [Fe]: "Font size",
+  [Ke]: "Increase Font size",
+  [Me]: "Decrease Font size",
+  [ze]: "Font",
+  [Be]: "Clean formatting",
+  [Pe]: "Custom format...",
+  [He]: "Align horizontally",
+  [Oe]: "Align vertically",
+  [Ue]: "Align",
+  [Ve]: "Align left",
+  [We]: "Align right",
+  [_e]: "Align center",
+  [$e]: "Align justify",
+  [Je]: "Center",
+  [je]: "Justify",
+  [Ge]: "Align top",
+  [qe]: "Align middle",
+  [Xe]: "Align bottom",
+  [Ze]: "Increase decimal",
+  [Ye]: "Decrease decimal",
+  [Ee]: "Text Color",
+  [Se]: "Background color",
+  [Ie]: "Add row above",
+  [we]: "Add row below",
+  [Ne]: "Add column left",
+  [Re]: "Add column right",
+  [Ae]: "Delete row",
+  [De]: "Delete column",
+  [xe]: "Open...",
+  [tt]: "Export to Excel",
+  [Qe]: "Text Wrap",
+  [et]: "Toggle gridlines",
+  [nt]: "Name Box",
+  [ot]: "Sheet",
+  [at]: "Home",
+  [lt]: "File",
+  [st]: "Insert",
+  [ct]: "Add new sheet",
+  [rt]: "Format",
+  [ut]: "Cannot change part of a merged cell.",
+  [mt]: "Cannot modify disabled cells.",
+  [pt]: "Unsupported format. Please select an .xlsx file.",
+  [ft]: "There is an existing sheet with this name. Please enter another name.",
+  [it]: "Error",
+  [dt]: "OK"
+}, c = {
+  bold: ye,
+  italic: be,
+  underline: ke,
+  undo: Te,
+  redo: Le,
+  fontSize: Fe,
+  fontSizeIncrease: Ke,
+  fontSizeDecrease: Me,
+  fontName: ze,
+  cleanFormatting: Be,
+  format: Pe,
+  alignHorizontally: He,
+  alignVertically: Oe,
+  align: Ue,
+  alignLeft: Ve,
+  alignRight: We,
+  alignCenter: _e,
+  center: Je,
+  alignJustify: $e,
+  justify: je,
+  alignTop: Ge,
+  alignMiddle: qe,
+  alignBottom: Xe,
+  increaseDecimal: Ze,
+  decreaseDecimal: Ye,
+  textColor: Ee,
+  background: Se,
+  addRowAbove: Ie,
+  addRowBelow: we,
+  addColumnLeft: Ne,
+  addColumnRight: Re,
+  deleteRow: Ae,
+  deleteColumn: De,
+  open: xe,
+  exportToExcel: tt,
+  textWrap: Qe,
+  gridLines: et,
+  nameBox: nt,
+  defaultSheetName: ot,
+  file: lt,
+  home: at,
+  insert: st,
+  addNewSheet: ct,
+  error: it,
+  ok: dt,
+  modifyMerged: ut,
+  cannotModifyDisabled: mt,
+  openUnsupported: pt,
+  duplicateSheetName: ft,
+  formatTab: rt
+}, Y = e.forwardRef((t, n) => {
+  const a = e.useRef(null), s = e.useRef(null), [o, l] = e.useState([]), [u, d] = e.useState(!1), [r, v] = e.useState(""), y = e.useMemo(() => ({}), []);
+  y.data = o, e.useImperativeHandle(a, () => ({
+    value: (m) => {
+      if (m === void 0) {
+        const x = s.current && s.current.value;
+        return x && (x.name || x);
+      } else
+        v(m || "");
+    }
+  }), []), e.useImperativeHandle(n, () => a.current, []);
+  const C = e.useCallback((m) => {
+    const x = t.nameEditor();
+    x && x.trigger("delete", { name: m });
+  }, []), g = e.useCallback((m, x) => {
+    const T = /* @__PURE__ */ e.createElement(e.Fragment, null, m.props.children, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        role: "button",
+        className: "k-button-delete",
+        onClick: () => C(x.dataItem[x.textField]),
+        onMouseDown: (k) => k.preventDefault(),
+        onPointerDown: (k) => k.preventDefault(),
+        "data-role": "delete"
+      },
+      /* @__PURE__ */ e.createElement(
+        P,
+        {
+          name: "x",
+          icon: pe
+        }
+      )
+    ));
+    return e.cloneElement(m, m.props, T);
+  }, []), S = e.useCallback((m) => e.cloneElement(m, { ...m.props }, /* @__PURE__ */ e.createElement("div", null)), []), p = e.useCallback((m) => {
+    if (m.syntheticEvent && m.syntheticEvent.type === "change")
+      return;
+    const x = t.nameEditor();
+    x && (l(x.readData()), d(!0));
+  }, []), b = e.useCallback(() => {
+    d(!1);
+  }, []), f = e.useCallback((m) => {
+    if (m.syntheticEvent.target.closest("[data-role]"))
+      return;
+    const x = t.nameEditor();
+    if (x && m.value) {
+      const T = m.value.name;
+      T !== r && (x.trigger("select", { name: T }), v(T));
+    }
+  }, [r]), R = e.useCallback((m) => {
+    const x = t.nameEditor();
+    if (x)
+      if (m.key === "Enter") {
+        const T = m.target.value;
+        x.trigger("enter", { value: T }), v(T);
+      } else
+        m.key === "Escape" && (x.trigger("cancel"), v(y.prevValue));
+  }, []), D = e.useCallback((m) => {
+    y.prevValue = m.value.name;
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "k-spreadsheet-name-editor",
+      onKeyDown: R
+    },
+    /* @__PURE__ */ e.createElement(
+      he,
+      {
+        ref: s,
+        title: N().toLanguageString(c.nameBox, E[c.nameBox]),
+        popupSettings: { className: "k-spreadsheet-names-popup" },
+        fillMode: "flat",
+        clearButton: !1,
+        dataItemKey: "name",
+        textField: "name",
+        itemRender: g,
+        data: o,
+        value: r ? o.find((m) => m.name === r) || { name: r } : null,
+        onChange: f,
+        opened: u,
+        onOpen: p,
+        onClose: b,
+        onFocus: D,
+        listNoDataRender: S,
+        allowCustom: !0
+      }
+    )
+  );
+});
+Y.displayName = "NameBox";
+Y.propTypes = {};
+const zn = {
+  onSelect: () => {
+  },
+  onDelete: () => {
+  },
+  onEnterEdit: () => {
+  },
+  onCancelEdit: () => {
+  },
+  onExitEdit: () => {
+  },
+  onEdit: () => {
+  }
+}, gt = e.createContext(zn), Bn = (t) => {
+  const n = t.dataItem, { onSelect: a, onDelete: s, onEnterEdit: o, onExitEdit: l, onCancelEdit: u, onEdit: d } = e.useContext(gt), r = e.useCallback((p) => {
+    p.target instanceof HTMLElement && p.target.nodeName === "INPUT" || a.call(void 0, n, p);
+  }, [n, a]), v = e.useCallback((p) => {
+    s.call(void 0, n, p);
+  }, [n, s]), y = e.useCallback((p) => {
+    p.target instanceof HTMLElement && p.target.nodeName === "INPUT" || o.call(void 0, n, p);
+  }, [n, o]), C = e.useCallback((p) => {
+    l.call(void 0, n, p);
+  }, [n, l]), g = e.useCallback((p) => {
+    p.key === "Enter" ? l.call(void 0, n, p) : p.key === "Escape" && u.call(void 0, n, p);
+  }, [n, l, u]), S = e.useCallback((p) => {
+    d.call(void 0, { ...n, text: p.target.value }, p);
+  }, [n, d]);
+  return /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      style: t.style,
+      ...t.attributes,
+      ref: t.forwardRef,
+      role: "tab",
+      className: J("k-item k-tabstrip-item", {
+        "k-disabled": t.isDisabled,
+        "k-active k-state-tab-on-top k-spreadsheet-sheets-bar-active": n.active,
+        "k-spreadsheet-sheets-bar-inactive": !n.active,
+        "k-first": n.first,
+        "k-last": n.last
+      }),
+      onClick: r,
+      onDoubleClick: y
+    },
+    n.inEdit ? /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        type: "text",
+        className: "k-textbox k-spreadsheet-sheets-editor",
+        value: n.text,
+        onChange: S,
+        maxLength: 50,
+        autoFocus: !0,
+        onBlur: C,
+        onKeyDown: g
+      }
+    ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "k-link" }, n.text), n.first && n.last ? null : /* @__PURE__ */ e.createElement("span", { className: "k-link k-spreadsheet-sheets-remove", onClick: v }, /* @__PURE__ */ e.createElement(P, { name: "x", icon: pe })))
+  );
+}, ht = e.forwardRef((t, n) => {
+  const { children: a, className: s, ...o } = t;
+  return /* @__PURE__ */ e.createElement(
+    "ul",
+    {
+      className: J("k-tabstrip-items k-reset", s),
+      role: "tablist",
+      ...o,
+      ref: n
+    },
+    a
+  );
+});
+ht.displayName = "TabsList";
+const Pn = (t) => {
+  const { sheets: n, setSheets: a, onSheetSelect: s, onSheetDelete: o, onSheetEdit: l, onSheetReorderEnd: u } = t, [d, r] = e.useState(null), v = e.useRef(!1), y = e.useRef(-1), C = e.useCallback((k) => {
+    a(k.map((w, L, A) => ({ ...w, first: L === 0, last: L === A.length - 1 })));
+  }, []), g = e.useCallback((k) => {
+    C(k.newState);
+  }, [C, u]), S = e.useCallback((k) => {
+    u.call(void 0, k);
+  }, [u]), p = e.useCallback((k) => {
+    v.current = !0, y.current = k.prevIndex;
+  }, []), b = e.useCallback((k) => {
+    setTimeout(() => {
+      v.current = !1;
+    }, 50), u.call(void 0, { ...k, prevIndex: y.current });
+  }, []), f = e.useCallback((k, w) => {
+    v.current || s.call(void 0, k, w);
+  }, [s]), R = e.useCallback((k, w) => {
+    w.stopPropagation(), o.call(void 0, k);
+  }, [n, o]), D = e.useCallback((k, w) => {
+    w.stopPropagation(), w.preventDefault();
+    const L = n.map((A) => ({ ...A, active: A.id === k.id, inEdit: A.id === k.id }));
+    a(L), r({ ...k });
+  }, [n]), m = e.useCallback((k, w) => {
+    w.stopPropagation(), w.preventDefault();
+    const L = n.map((A) => ({ ...A, inEdit: !1, text: A.inEdit && d ? d.text : A.text }));
+    a(L), r(null);
+  }, [n, d]), x = e.useCallback((k, w) => {
+    w.stopPropagation(), w.preventDefault();
+    const L = n.map((H) => ({ ...H, inEdit: !1 })), A = n.findIndex((H) => H.id === k.id);
+    a(L), r(null), l.call(void 0, k, A);
+  }, [n, l]), T = e.useCallback((k, w) => {
+    w.stopPropagation(), w.preventDefault();
+    const L = n.map((A) => ({ ...A, text: k.id === A.id ? k.text : A.text }));
+    a(L);
+  }, [n]);
+  return /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-sheets-items k-tabstrip k-floatwrap k-tabstrip-bottom" }, /* @__PURE__ */ e.createElement("div", { className: "k-tabstrip-items-wrapper k-hstack" }, /* @__PURE__ */ e.createElement(gt.Provider, { value: { onSelect: f, onDelete: R, onEnterEdit: D, onCancelEdit: m, onExitEdit: x, onEdit: T } }, /* @__PURE__ */ e.createElement(
+    Ln,
+    {
+      idField: "id",
+      data: n,
+      itemUI: Bn,
+      itemsWrapUI: ht,
+      onDragOver: g,
+      onNavigate: S,
+      onDragStart: p,
+      onDragEnd: b
+    }
+  ))));
+}, Hn = (t, n) => t.map((a, s, o) => ({
+  text: a.name(),
+  id: Yt(),
+  first: s === 0,
+  last: s === o.length - 1,
+  active: a.name() === n
+})), On = (t) => {
+  const { spreadsheetRef: n } = t, [a, s] = e.useState([]), o = e.useRef((a.find((g) => g.active) || {}).text), l = e.useCallback(() => {
+    n.current && (n.current.view.sheetsbar.onSheetSelect(o.current), s(Hn(n.current.sheets(), o.current)));
+  }, []), u = e.useCallback(() => {
+    if (n.current) {
+      const g = n.current.sheets();
+      g.find((S) => S.name() === o.current) || (o.current = g[g.length - 1].name()), l();
+    }
+  }, []);
+  e.useEffect(() => (n.current && (n.current.sheets().length && (o.current = n.current.sheets()[0].name(), l()), n.current.view.bind("update", u)), () => {
+    n.current && n.current.view.unbind("update", u);
+  }), [n.current]);
+  const d = e.useCallback((g) => {
+    o.current !== g.text && (o.current = g.text, l());
+  }, []), r = e.useCallback(() => {
+    if (n.current) {
+      n.current.view.sheetsbar.onAddSelect();
+      const g = n.current.sheets();
+      o.current = g[g.length - 1].name(), l();
+    }
+  }, []), v = e.useCallback((g) => {
+    if (n.current) {
+      if (o.current === g.text) {
+        const S = n.current.sheets(), p = S.findIndex((f) => f.name() === g.text), b = S[p + 1] || S[p - 1];
+        o.current = b ? b.name() : "";
+      }
+      n.current.view.sheetsbar.onSheetRemove(g.text), l();
+    }
+  }, []), y = e.useCallback((g, S) => {
+    if (n.current) {
+      let p = g.text;
+      const b = n.current.sheets(), f = b[S];
+      if (!p) {
+        o.current = f.name(), l();
+        return;
+      }
+      if (f && f.name() === p)
+        return;
+      b.find((R) => R.name() === p) && (p = f.name()), n.current.view.sheetsbar.onSheetRename(p, S), o.current = p, l();
+    }
+  }, []), C = e.useCallback((g) => {
+    if (n.current) {
+      const { prevIndex: S, nextIndex: p } = g;
+      o.current = n.current.sheets()[S].name(), n.current.view.sheetsbar.onSheetReorderEnd({ oldIndex: S, newIndex: p }), l();
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-sheets-bar k-header" }, /* @__PURE__ */ e.createElement(
+    K,
+    {
+      fillMode: "flat",
+      icon: "plus",
+      className: "k-spreadsheet-sheets-bar-add",
+      title: N().toLanguageString(c.addNewSheet, E[c.addNewSheet]),
+      svgIcon: nn,
+      onClick: r
+    }
+  ), /* @__PURE__ */ e.createElement(
+    Pn,
+    {
+      sheets: a,
+      setSheets: s,
+      onSheetSelect: d,
+      onSheetDelete: v,
+      onSheetEdit: y,
+      onSheetReorderEnd: C
+    }
+  ));
+}, Ct = (t) => {
+  const { spreadsheetRef: n } = t, a = e.useCallback(() => {
+    n.current && n.current.saveAsExcel({
+      ...n.current.options.excel,
+      saveAs: Ce,
+      Workbook: ve
+    });
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      className: "k-toolbar-button",
+      title: "Export...",
+      icon: "download",
+      fillMode: "flat",
+      svgIcon: on,
+      onClick: a
+    }
+  );
+};
+Ct.displayName = "ExcelExport";
+const vt = (t) => {
+  const { spreadsheetRef: n } = t, a = e.useCallback((o) => {
+    const l = o.target;
+    if (l instanceof Element && l.parentNode) {
+      const u = l.closest(".k-toolbar"), d = u && u.querySelector(".k-upload input");
+      d && d.click();
+    }
+  }, []), s = e.useCallback((o) => {
+    const l = o.newState;
+    if (l[0] && l[0].getRawFile) {
+      const u = l[0].getRawFile();
+      n.current && n.current.executeCommand({ command: "OpenCommand", options: { file: u } });
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    K,
+    {
+      className: "k-toolbar-button",
+      title: N().toLanguageString(c.open, E[c.open]),
+      icon: "folder-open",
+      svgIcon: an,
+      fillMode: "flat",
+      onClick: a
+    }
+  ), /* @__PURE__ */ e.createElement("div", { style: { display: "none" } }, /* @__PURE__ */ e.createElement(
+    Kn,
+    {
+      restrictions: { allowedExtensions: [".xlsx"] },
+      onAdd: s,
+      autoUpload: !1,
+      defaultFiles: [],
+      multiple: !1,
+      accept: ".xlsx,.XLSX",
+      withCredentials: !1
+    }
+  )));
+};
+vt.displayName = "Open";
+const Un = ["Arial", "Courier New", "Georgia", "Times New Roman", "Trebuchet MS", "Verdana"], Vn = "Arial", Wn = [8, 9, 10, 11, 12, 13, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72], _n = 12, Jn = [
+  { 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" }
+], Q = (t) => (a) => {
+  const { property: s, icon: o, svgIcon: l, titleKey: u } = t, { spreadsheetRef: d, value: r } = a, v = e.useCallback(() => {
+    if (d.current) {
+      const C = {
+        command: "PropertyChangeCommand",
+        options: { property: s, value: !r }
+      };
+      d.current.executeCommand(C);
+    }
+  }, [r]);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      icon: o,
+      svgIcon: l,
+      fillMode: "flat",
+      togglable: !0,
+      onClick: v,
+      selected: r,
+      title: N().toLanguageString(u, E[u])
+    }
+  );
+}, yt = (t) => (a) => {
+  const { property: s, titleKey: o, ...l } = t, { spreadsheetRef: u, value: d } = a, r = e.useCallback(
+    (v) => {
+      if (u.current) {
+        const y = {
+          command: "PropertyChangeCommand",
+          options: { property: s, value: v.value || null }
+        };
+        u.current.executeCommand(y);
+      }
+    },
+    [s]
+  );
+  return /* @__PURE__ */ e.createElement(
+    Mn,
+    {
+      onChange: r,
+      onActiveColorClick: r,
+      fillMode: "flat",
+      ...l,
+      title: N().toLanguageString(o, E[o]),
+      value: d
+    }
+  );
+}, bt = (t) => (a) => {
+  const { spreadsheetRef: s } = a, o = e.useCallback(() => {
+    s.current && s.current.workbook.undoRedoStack[t.action]();
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      icon: t.icon,
+      svgIcon: t.svgIcon,
+      fillMode: "flat",
+      title: N().toLanguageString(t.titleKey, E[t.titleKey]),
+      onClick: o
+    }
+  );
+}, $n = { property: "bold", icon: "bold", svgIcon: ln, titleKey: c.bold }, kt = Q($n);
+kt.displayName = "Bold";
+const jn = { property: "italic", icon: "italic", svgIcon: sn, titleKey: c.italic }, xt = Q(jn);
+xt.displayName = "Italic";
+const Gn = { property: "underline", icon: "underline", svgIcon: rn, titleKey: c.underline }, Et = Q(Gn);
+Et.displayName = "Underline";
+const St = (t) => {
+  const { spreadsheetRef: n, value: a } = t, s = e.useCallback((o) => {
+    if (n.current) {
+      const l = {
+        command: "PropertyChangeCommand",
+        options: { property: "fontFamily", value: o.value || null }
+      };
+      n.current.executeCommand(l);
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    Dn,
+    {
+      onChange: s,
+      value: a,
+      data: Un,
+      defaultValue: Vn,
+      fillMode: "flat",
+      title: N().toLanguageString(c.fontName, E[c.fontName]),
+      leftRightKeysNavigation: !1
+    }
+  );
+};
+St.displayName = "FontFamily";
+const $ = 1, j = 409, G = (t) => typeof t == "string" ? parseFloat(t) : t, It = (t) => {
+  const { spreadsheetRef: n } = t, a = G(t.value), s = e.useCallback((o) => {
+    var d;
+    let l = o.value ? G(o.value) : a;
+    l = isNaN(l) ? a : l, l = Math.min(j, Math.max($, l));
+    const u = {
+      command: "PropertyChangeCommand",
+      options: { property: "fontSize", value: l }
+    };
+    o.nativeEvent.type === "keydown" || o.nativeEvent.type === "focusout" ? (d = n.current) == null || d.executeCommand(u) : setTimeout(() => {
+      var r;
+      (r = n.current) == null || r.executeCommand(u);
+    }, 0);
+  }, [a]);
+  return /* @__PURE__ */ e.createElement(
+    he,
+    {
+      onChange: s,
+      value: a,
+      data: Wn,
+      defaultValue: _n,
+      allowCustom: !0,
+      fillMode: "flat",
+      title: N().toLanguageString(c.fontSize, E[c.fontSize]),
+      tabIndex: -1,
+      clearButton: !1
+    }
+  );
+};
+It.displayName = "FontSize";
+const wt = (t) => {
+  const n = (a) => {
+    const { property: s, icon: o, svgIcon: l, titleKey: u, step: d } = t, { spreadsheetRef: r } = a, v = G(a.value), y = e.useCallback(() => {
+      var g;
+      const C = {
+        command: "PropertyChangeCommand",
+        options: { property: s, value: Math.min(j, Math.max($, v + d)) }
+      };
+      (g = r.current) == null || g.executeCommand(C);
+    }, [v]);
+    return /* @__PURE__ */ e.createElement(
+      K,
+      {
+        type: "button",
+        icon: o,
+        svgIcon: l,
+        fillMode: "flat",
+        onClick: y,
+        disabled: v + d < $ || v + d > j,
+        title: N().toLanguageString(u, E[u])
+      }
+    );
+  };
+  return n.displayName = t.displayName, n;
+}, qn = wt({
+  property: "fontSize",
+  icon: "font-grow",
+  svgIcon: cn,
+  titleKey: c.fontSizeIncrease,
+  displayName: "IncreaseFontSize",
+  step: 1
+}), Xn = wt({
+  property: "fontSize",
+  icon: "font-shrink",
+  svgIcon: dn,
+  titleKey: c.fontSizeDecrease,
+  displayName: "DecreaseFontSize",
+  step: -1
+}), Nt = yt({
+  icon: "foreground-color",
+  svgIcon: un,
+  view: "palette",
+  property: "color",
+  titleKey: c.textColor,
+  ariaLabel: "Text Color"
+});
+Nt.displayName = "TextColor";
+const Rt = yt({
+  icon: "droplet",
+  svgIcon: mn,
+  view: "palette",
+  property: "background",
+  titleKey: c.background,
+  ariaLabel: "Background"
+});
+Rt.displayName = "BackgroundColor";
+const O = [
+  { icon: "align-left", svgIcon: X, textKey: c.alignLeft, commandName: "textAlign", value: "left", selected: !1 },
+  { icon: "align-center", svgIcon: pn, textKey: c.alignCenter, commandName: "textAlign", value: "center", selected: !1 },
+  { icon: "align-right", svgIcon: fn, textKey: c.alignRight, commandName: "textAlign", value: "right", selected: !1 },
+  { icon: "align-justify", svgIcon: gn, textKey: c.alignJustify, commandName: "textAlign", value: "justify", selected: !1 },
+  { icon: "align-top", svgIcon: hn, textKey: c.alignTop, commandName: "verticalAlign", value: "top", selected: !1 },
+  { icon: "align-middle", svgIcon: Cn, textKey: c.alignMiddle, commandName: "verticalAlign", value: "center", selected: !1 },
+  { icon: "align-bottom", svgIcon: ge, textKey: c.alignBottom, commandName: "verticalAlign", value: "bottom", selected: !1 }
+], Zn = [
+  O[0],
+  { ...O[1], textKey: c.center },
+  O[2],
+  { ...O[3], textKey: c.justify }
+], Yn = O.filter((t) => t.commandName === "verticalAlign"), Qn = (t) => {
+  const { value: n, spreadsheetRef: a } = t, { textAlign: s, verticalAlign: o } = n || {}, l = N(), u = e.useCallback((r) => {
+    if (a.current) {
+      const v = r.item, y = {
+        command: "PropertyChangeCommand",
+        options: { property: v.commandName, value: v.value || null }
+      };
+      a.current.executeCommand(y);
+    }
+  }, []);
+  let d = O.slice();
+  return d = d.map((r) => ({ ...r, text: l.toLanguageString(r.textKey, E[r.textKey]) })), s && (d = d.map((r) => r.commandName === "textAlign" ? { ...r, selected: r.value === s } : r)), o && (d = d.map((r) => r.commandName === "verticalAlign" ? { ...r, selected: r.value === o } : r)), /* @__PURE__ */ e.createElement(
+    q,
+    {
+      icon: "align-left",
+      svgIcon: X,
+      items: d,
+      fillMode: "flat",
+      onItemClick: u,
+      title: l.toLanguageString(c.align, E[c.align]),
+      text: /* @__PURE__ */ e.createElement(P, { name: "caret-alt-down", icon: fe })
+    }
+  );
+};
+Qn.displayName = "Alignment";
+const eo = {
+  items: Zn,
+  icon: { icon: "align-left", svgIcon: X },
+  displayName: "AlignHorizontally",
+  titleKey: c.alignHorizontally
+}, to = {
+  items: Yn,
+  icon: { icon: "align-bottom", svgIcon: ge },
+  displayName: "AlignVertically",
+  titleKey: c.alignVertically
+}, At = (t) => {
+  const n = (a) => {
+    const { value: s, spreadsheetRef: o } = a, l = N(), u = e.useCallback((y) => {
+      if (o.current) {
+        const C = y.item, g = {
+          command: "PropertyChangeCommand",
+          options: { property: C.commandName, value: C.value || null }
+        };
+        o.current.executeCommand(g);
+      }
+    }, []);
+    let d = t.items.slice();
+    d = d.map((y) => ({ ...y, text: l.toLanguageString(y.textKey, E[y.textKey]) })), d = d.map((y) => ({ ...y, selected: y.value === s }));
+    const r = { ...t.icon }, v = d.find((y) => y.selected);
+    return v && (r.icon = v.icon, r.svgIcon = v.svgIcon), /* @__PURE__ */ e.createElement(
+      q,
+      {
+        ...r,
+        items: d,
+        fillMode: "flat",
+        onItemClick: u,
+        title: l.toLanguageString(t.titleKey, E[t.titleKey]),
+        text: /* @__PURE__ */ e.createElement(P, { name: "caret-alt-down", icon: fe })
+      }
+    );
+  };
+  return n.displayName = t.displayName, n;
+}, no = At(eo), oo = At(to), Dt = (t) => {
+  const { value: n, spreadsheetRef: a } = t, s = e.useCallback(() => {
+    if (a.current) {
+      const o = a.current.activeSheet();
+      if (o) {
+        const d = {
+          command: "TextWrapCommand",
+          options: { property: "wrap", value: !o.range(o.activeCell()).wrap() }
+        };
+        a.current.executeCommand(d);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      togglable: !0,
+      icon: "text-wrap",
+      svgIcon: vn,
+      fillMode: "flat",
+      title: N().toLanguageString(c.textWrap, E[c.textWrap]),
+      onClick: s,
+      selected: n
+    }
+  );
+};
+Dt.displayName = "TextWrap";
+const Tt = (t) => {
+  const { value: n, spreadsheetRef: a } = t, s = e.useCallback(() => {
+    if (a.current) {
+      const o = a.current.activeSheet();
+      if (o) {
+        const u = {
+          command: "GridLinesChangeCommand",
+          options: { property: "gridLines", value: !o.showGridLines() }
+        };
+        a.current.executeCommand(u);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      togglable: !0,
+      icon: "borders-none",
+      svgIcon: yn,
+      fillMode: "flat",
+      title: N().toLanguageString(c.gridLines, E[c.gridLines]),
+      onClick: s,
+      selected: n
+    }
+  );
+};
+Tt.displayName = "GridLines";
+const Lt = (t) => {
+  const { spreadsheetRef: n } = t, a = e.useCallback((s) => {
+    const o = s.item.value || null;
+    setTimeout(() => {
+      if (n.current) {
+        const l = {
+          command: "PropertyChangeCommand",
+          options: { property: "format", value: o }
+        };
+        n.current.executeCommand(l);
+      }
+    }, 0);
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    q,
+    {
+      icon: "custom-format",
+      svgIcon: bn,
+      fillMode: "flat",
+      onItemClick: a,
+      items: Jn,
+      title: N().toLanguageString(c.format, E[c.format]),
+      text: /* @__PURE__ */ e.createElement(P, { name: "caret-alt-down" })
+    }
+  );
+};
+Lt.displayName = "Format";
+const U = (t) => (a) => {
+  const { spreadsheetRef: s, value: o } = a, l = e.useCallback(() => {
+    if (s.current) {
+      const u = {
+        command: t.command,
+        options: { value: t.value }
+      };
+      s.current.executeCommand(u);
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      icon: t.icon,
+      svgIcon: t.svgIcon,
+      fillMode: "flat",
+      title: N().toLanguageString(t.titleKey, E[t.titleKey]),
+      onClick: l,
+      disabled: o && t.disabled(o)
+    }
+  );
+}, ao = {
+  command: "AddColumnCommand",
+  value: "left",
+  icon: "table-column-insert-left",
+  svgIcon: kn,
+  titleKey: c.addColumnLeft,
+  disabled: (t) => t.allCols,
+  displayName: "AddColumnLeft"
+}, lo = {
+  command: "AddColumnCommand",
+  value: "right",
+  icon: "table-column-insert-right",
+  svgIcon: xn,
+  titleKey: c.addColumnRight,
+  disabled: (t) => t.allCols,
+  displayName: "AddColumnRight"
+}, so = {
+  command: "AddRowCommand",
+  value: "below",
+  icon: "table-row-insert-below",
+  svgIcon: En,
+  titleKey: c.addRowBelow,
+  disabled: (t) => t.allRows,
+  displayName: "AddRowBelow"
+}, ro = {
+  command: "AddRowCommand",
+  value: "above",
+  icon: "table-row-insert-above",
+  svgIcon: Sn,
+  titleKey: c.addRowAbove,
+  disabled: (t) => t.allRows,
+  displayName: "AddRowAbove"
+}, co = {
+  command: "DeleteColumnCommand",
+  icon: "table-column-delete",
+  svgIcon: In,
+  titleKey: c.deleteColumn,
+  disabled: (t) => t.allCols,
+  displayName: "DeleteColumn"
+}, io = {
+  command: "DeleteRowCommand",
+  icon: "table-row-delete",
+  svgIcon: wn,
+  titleKey: c.deleteRow,
+  disabled: (t) => t.allRows,
+  displayName: "DeleteRow"
+}, Ft = U(ao), Kt = U(lo), Mt = U(so), zt = U(ro), Bt = U(co), Pt = U(io);
+Ft.displayName = "AddColumnLeft";
+Kt.displayName = "AddColumnRight";
+Mt.displayName = "AddRowBelow";
+zt.displayName = "AddRowAbove";
+Bt.displayName = "DeleteColumn";
+Pt.displayName = "DeleteRow";
+const uo = { action: "undo", icon: "reset", svgIcon: Nn, titleKey: c.undo }, Ht = bt(uo);
+Ht.displayName = "Undo";
+const mo = { action: "redo", icon: "reload", svgIcon: Rn, titleKey: c.redo }, Ot = bt(mo);
+Ot.displayName = "Redo";
+const Ut = (t) => (a) => {
+  const { icon: s, svgIcon: o, titleKey: l, value: u } = t, { spreadsheetRef: d } = a, r = e.useCallback(() => {
+    if (d.current) {
+      const v = {
+        command: "AdjustDecimalsCommand",
+        options: { value: u }
+      };
+      d.current.executeCommand(v);
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      icon: s,
+      svgIcon: o,
+      fillMode: "flat",
+      onClick: r,
+      title: N().toLanguageString(l, E[l])
+    }
+  );
+}, po = Ut({
+  icon: le.name,
+  svgIcon: le,
+  value: 1,
+  titleKey: c.increaseDecimal
+}), fo = Ut({
+  icon: se.name,
+  svgIcon: se,
+  value: -1,
+  titleKey: c.decreaseDecimal
+}), re = [
+  {
+    textKey: c.file,
+    tools: [
+      vt,
+      Ct
+    ]
+  },
+  {
+    textKey: c.home,
+    selected: !0,
+    tools: [
+      [Ht, Ot],
+      B,
+      St,
+      It,
+      qn,
+      Xn,
+      B,
+      [kt, xt, Et],
+      Nt,
+      B,
+      Rt,
+      B,
+      no,
+      oo,
+      Dt,
+      B,
+      Tt
+    ]
+  },
+  {
+    textKey: c.insert,
+    tools: [
+      [Ft, Kt, Mt, zt],
+      B,
+      [Bt, Pt]
+    ]
+  },
+  {
+    textKey: c.formatTab,
+    tools: [
+      Lt,
+      [fo, po]
+    ]
+  }
+], ce = {
+  name: "@progress/kendo-react-spreadsheet",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1700573606,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
+}, ie = ["bold", "italic", "underline", "fontFamily", "fontSize", "color", "background", "textAlign", "verticalAlign", "wrap", "gridLines"], de = {
+  Bold: (t) => t.bold,
+  Italic: (t) => t.italic,
+  Underline: (t) => t.underline,
+  FontFamily: (t) => t.fontFamily,
+  FontSize: (t) => t.fontSize,
+  IncreaseFontSize: (t) => t.fontSize,
+  DecreaseFontSize: (t) => t.fontSize,
+  TextColor: (t) => t.color,
+  BackgroundColor: (t) => t.background,
+  Alignment: (t) => ({ textAlign: t.textAlign, verticalAlign: t.verticalAlign }),
+  AlignHorizontally: (t) => t.textAlign,
+  AlignVertically: (t) => t.verticalAlign,
+  TextWrap: (t) => t.wrap,
+  GridLines: (t) => t.gridLines,
+  AddColumnLeft: (t) => t.selectedHeaders,
+  AddColumnRight: (t) => t.selectedHeaders,
+  AddRowBelow: (t) => t.selectedHeaders,
+  AddRowAbove: (t) => t.selectedHeaders,
+  DeleteColumn: (t) => t.selectedHeaders,
+  DeleteRow: (t) => t.selectedHeaders
+}, ue = ":not(.k-dropdownlist button):not(.k-combobox button):not(.k-upload-button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)", go = [
+  "button" + ue,
+  ".k-button-group > button" + ue,
+  ".k-dropdownlist",
+  ".k-combobox",
+  ".k-colorpicker"
+], Vt = e.forwardRef((t, n) => {
+  Qt(ce);
+  const a = en(ce), { toolbar: s = re } = t, o = [];
+  typeof s == "boolean" ? o.push(...s ? re : []) : o.push(...s);
+  const [l, u] = e.useState(null), [d, r] = e.useState(o.findIndex((i) => i.selected) || 0), [v, y] = e.useState(!1), C = e.useRef(null), g = e.useRef(null), S = e.useRef(null), p = e.useRef(null), b = e.useRef(null), [f, R] = e.useState({}), D = e.useRef({});
+  D.current = f;
+  const m = e.useRef({});
+  m.current = t;
+  const x = N(), T = e.useCallback((i) => {
+    m.current.onSelect && m.current.onSelect.call(void 0, i);
+  }, []), k = e.useCallback((i) => {
+    m.current.onChange && m.current.onChange.call(void 0, i);
+  }, []), w = e.useCallback((i) => {
+    m.current.onChangeFormat && m.current.onChangeFormat.call(void 0, i);
+  }, []), L = e.useCallback((i) => {
+    m.current.onExcelImport && m.current.onExcelImport.call(void 0, i);
+  }, []), A = e.useCallback((i) => {
+    m.current.onExcelExport && m.current.onExcelExport.call(void 0, i);
+  }, []), H = e.useRef(null);
+  e.useImperativeHandle(H, () => ({
+    element: C.current,
+    get instance() {
+      return b.current;
+    },
+    props: t,
+    get view() {
+      return b.current.view;
+    },
+    get workbook() {
+      return b.current.workbook;
+    },
+    executeCommand(i) {
+      var h;
+      (h = b.current) == null || h.executeCommand(i);
+    },
+    fromJSON(i) {
+      var h;
+      return (h = b.current) == null ? void 0 : h.fromJSON(i);
+    },
+    toJSON() {
+      return b.current.toJSON();
+    },
+    saveJSON() {
+      return b.current.saveJSON();
+    },
+    fromFile(i) {
+      return b.current.fromFile(i);
+    },
+    saveAsExcel(i) {
+      var h;
+      (h = b.current) == null || h.saveAsExcel({
+        ...b.current.options.excel,
+        saveAs: Ce,
+        Workbook: ve,
+        ...i
+      });
+    },
+    activeSheet(i) {
+      var h;
+      return (h = b.current) == null ? void 0 : h.activeSheet(i);
+    },
+    sheets() {
+      return b.current.sheets();
+    },
+    refresh() {
+      var i;
+      return (i = b.current) == null ? void 0 : i.refresh();
+    }
+  }), [t]), e.useImperativeHandle(n, () => H.current);
+  const Wt = e.useCallback(() => b.current && b.current.view.nameEditor, []), ee = e.useCallback((i) => {
+    const h = {};
+    ie.forEach((I) => {
+      typeof i.range[I] == "function" ? h[I] = i.range[I]() : I === "gridLines" && (h[I] = i.range.sheet().showGridLines());
+    }), h.selectedHeaders = i.range.sheet().selectedHeaders(), (ie.some((I) => h[I] !== D.current[I]) || h.selectedHeaders.allCols !== D.current.selectedHeaders.allCols || h.selectedHeaders.allRows !== D.current.selectedHeaders.allRows) && R(h);
+  }, []), _t = e.useCallback((i) => {
+    const h = i.name, I = c[h];
+    u({
+      title: i.title === "Error" ? x.toLanguageString(c.error, E[c.error] || i.title) : i.title,
+      message: I ? x.toLanguageString(I, E[I] || i.text) : i.text,
+      close: i.close
+    });
+  }, []), te = e.useCallback(() => {
+    u(null), l == null || l.close();
+  }, [l]), V = Tn(), ne = N();
+  e.useEffect(() => {
+    var W;
+    const i = {
+      ...t.defaultProps,
+      sheets: structuredClone((W = t.defaultProps) == null ? void 0 : W.sheets),
+      messages: {
+        workbook: {
+          defaultSheetName: ne.toLanguageString(c.defaultSheetName, E[c.defaultSheetName])
+        }
+      },
+      intl: {
+        localeInfo: () => V.localeInfo(),
+        localeCurrency: () => V.localeCurrency(),
+        parseDate: (M, z) => V.parseDate(M, z),
+        toString: (M, z) => V.toString(M, z),
+        format: (M, ...z) => V.format(M, ...z)
+      },
+      formulaBarInputRef: g,
+      formulaCellInputRef: S,
+      nameBoxRef: p
+    }, h = new Fn(C.current, i);
+    b.current = h, h.bind("select", T), h.bind("change", k), h.bind("changeFormat", w), h.bind("excelImport", L), h.bind("excelExport", A), h.view.bind("update", ee), h.view.bind("message", _t);
+    const I = h.activeSheet();
+    return I && ee({ range: I.range(I.activeCell()) }), y(!0), () => {
+      h.destroy();
+    };
+  }, []);
+  const oe = e.useCallback((i, h) => {
+    const I = /* @__PURE__ */ e.createElement(
+      i,
+      {
+        spreadsheetRef: b,
+        value: de[i.displayName] ? de[i.displayName](f) : void 0,
+        key: h
+      }
+    );
+    return I.type === B ? /* @__PURE__ */ e.createElement(i, { key: h }) : I;
+  }, [f]);
+  let ae = null;
+  return o.length && (ae = /* @__PURE__ */ e.createElement(
+    jt,
+    {
+      selected: d,
+      animation: !1,
+      className: "k-floatwrap k-spreadsheet-tabstrip",
+      style: { minHeight: "auto" },
+      onSelect: (i) => r(i.selected)
+    },
+    o.map((i) => {
+      const h = i.textKey ? ne.toLanguageString(i.textKey, E[i.textKey]) : i.text;
+      return /* @__PURE__ */ e.createElement(Gt, { key: i.textKey || i.text, title: h }, /* @__PURE__ */ e.createElement(Jt, { buttons: go, className: "k-spreadsheet-toolbar" }, i.tools.map((I, W) => Array.isArray(I) ? /* @__PURE__ */ e.createElement($t, { key: W }, I.map((M, z) => oe(M, z))) : oe(I, W))));
+    })
+  )), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: C,
+      style: t.style,
+      className: J("k-widget k-spreadsheet", t.className),
+      role: "application"
+    },
+    ae,
+    /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-action-bar" }, /* @__PURE__ */ e.createElement(Y, { ref: p, nameEditor: Wt }), /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-formula-bar" }, /* @__PURE__ */ e.createElement(P, { name: "formula-fx", icon: me }), /* @__PURE__ */ e.createElement(_, { ref: g }))),
+    /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-view" }, /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-fixed-container" }), /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-scroller" }, /* @__PURE__ */ e.createElement("div", { className: "k-spreadsheet-view-size" })), /* @__PURE__ */ e.createElement("div", { tabIndex: 0, className: "k-spreadsheet-clipboard", contentEditable: "true" }), /* @__PURE__ */ e.createElement(_, { ref: S, className: "k-spreadsheet-cell-editor" })),
+    /* @__PURE__ */ e.createElement(On, { spreadsheetRef: b }),
+    l && /* @__PURE__ */ e.createElement(qt, { title: l.title, onClose: te }, /* @__PURE__ */ e.createElement("div", null, l.message), /* @__PURE__ */ e.createElement(Xt, { layout: "start" }, /* @__PURE__ */ e.createElement(
+      K,
+      {
+        themeColor: "primary",
+        onClick: te,
+        autoFocus: !0
+      },
+      x.toLanguageString(c.ok, E[c.ok])
+    ))),
+    a && /* @__PURE__ */ e.createElement(tn, null)
+  );
+});
+Vt.displayName = "KendoReactSpreadsheet";
+Vt.propTypes = {
+  className: F.string,
+  defaultProps: F.any,
+  toolbar: F.oneOfType([F.bool, F.arrayOf(F.any)]),
+  style: F.object,
+  onSelect: F.func,
+  onChange: F.func,
+  onChangeFormat: F.func,
+  onExcelImport: F.func,
+  onExcelExport: F.func
+};
+const Do = (t) => {
+  const { spreadsheetRef: n } = t, a = e.useCallback(() => {
+    n.current && n.current.executeCommand({ command: "PropertyCleanCommand" });
+  }, []);
+  return /* @__PURE__ */ e.createElement(
+    K,
+    {
+      type: "button",
+      icon: "clean-css",
+      svgIcon: An,
+      fillMode: "flat",
+      onClick: a,
+      title: N().toLanguageString(c.cleanFormatting, E[c.cleanFormatting])
+    }
+  );
+};
+export {
+  Ft as AddColumnLeft,
+  Kt as AddColumnRight,
+  zt as AddRowAbove,
+  Mt as AddRowBelow,
+  no as AlignHorizontally,
+  oo as AlignVertically,
+  Qn as Alignment,
+  Rt as BackgroundColor,
+  kt as Bold,
+  Fo as CalcError,
+  Ko as CellRef,
+  Do as CleanFormatting,
+  Mo as Context,
+  Xn as DecreaseFontSize,
+  Bt as DeleteColumn,
+  Pt as DeleteRow,
+  Ct as ExcelExport,
+  St as FontFamily,
+  It as FontSize,
+  Lt as Format,
+  Tt as GridLines,
+  qn as IncreaseFontSize,
+  xt as Italic,
+  zo as Matrix,
+  Bo as NULLREF,
+  Po as NameRef,
+  vt as Open,
+  Ho as Range,
+  Oo as RangeRef,
+  Ot as Redo,
+  Uo as Ref,
+  Vo as Sheet,
+  Vt as Spreadsheet,
+  Wo as SpreadsheetWidget,
+  Nt as TextColor,
+  Dt as TextWrap,
+  Et as Underline,
+  Ht as Undo,
+  _o as UnionRef,
+  Jo as View,
+  $o as Workbook,
+  jo as dateToSerial,
+  re as defaultTabs,
+  Go as defineAlias,
+  qo as defineFunction,
+  Xo as packDate,
+  Zo as packTime,
+  Yo as serialToDate,
+  Qo as unpackDate,
+  ea as unpackTime
+};