@progress/kendo-react-spreadsheet 7.2.4-develop.3 → 7.3.0-develop.1

package/index.mjs

@@ -1,1358 +1,80 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
 "use client";
-import * as e from "react";
-import 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, useId 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 R, 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 Ko, CellRef as Mo, Context as zo, Matrix as Bo, NULLREF as Po, NameRef as Ho, Range as Oo, RangeRef as Uo, Ref as Vo, Sheet as Wo, SpreadsheetWidget as _o, UnionRef as Jo, View as $o, Workbook as jo, dateToSerial as Go, defineAlias as qo, defineFunction as Xo, packDate as Zo, packTime as Yo, serialToDate as Qo, unpackDate as ea, unpackTime as ta } 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), [d, u] = e.useState([]), r = e.useMemo(() => ({}), []);
-  r.showPopup = a, r.popupContentKey = o, r.data = d;
-  const v = e.useRef(null), y = e.useRef(null), C = e.useRef(null), w = e.useCallback(() => {
-    if (C.current && C.current.element)
-      return C.current.element.querySelector(".k-focus");
-  }, []), b = e.useCallback(() => {
-    const f = w();
-    f && f.classList.remove("k-focus");
-  }, []), p = e.useCallback((f) => {
-    const I = Array.from(C.current && C.current.element.children || []), D = w();
-    let m;
-    if (D) {
-      const x = I.indexOf(D);
-      D.classList.remove("k-focus"), m = I[x + f] ? I[x + f] : f === 1 ? I[0] : I[I.length - 1];
-    } else
-      m = f === 1 ? I[0] : I[I.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)
-          u(f);
-        else
-          return r.data;
-      },
-      value: () => ({}),
-      focus: () => Array.from(C.current && C.current.element && C.current.element.children || []).indexOf(w()),
-      // 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) && (b(), f.children.item(0).classList.add("k-focus"));
-      },
-      focusLast: () => {
-        const f = C.current && C.current.element;
-        f && f.children.length && (b(), f.children.item(f.children.length - 1).classList.add("k-focus"));
-      },
-      itemClick: (f) => {
-        r.itemClick = f;
-      }
-    }
-  }), []), e.useImperativeHandle(n, () => v.current, []);
-  const h = 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: d, ref: C, onItemClick: h })
-  ));
-});
-_.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([]), [d, u] = 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 });
-  }, []), w = 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);
-  }, []), b = 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()), u(!0));
-  }, []), h = e.useCallback(() => {
-    u(!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]), I = 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: I
-    },
-    /* @__PURE__ */ e.createElement(
-      he,
-      {
-        ref: s,
-        title: R().toLanguageString(c.nameBox, E[c.nameBox]),
-        popupSettings: { className: "k-spreadsheet-names-popup" },
-        fillMode: "flat",
-        clearButton: !1,
-        dataItemKey: "name",
-        textField: "name",
-        itemRender: w,
-        data: o,
-        value: r ? o.find((m) => m.name === r) || { name: r } : null,
-        onChange: f,
-        opened: d,
-        onOpen: p,
-        onClose: h,
-        onFocus: D,
-        listNoDataRender: b,
-        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: d, onEdit: u } = 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]), w = e.useCallback((p) => {
-    p.key === "Enter" ? l.call(void 0, n, p) : p.key === "Escape" && d.call(void 0, n, p);
-  }, [n, l, d]), b = e.useCallback((p) => {
-    u.call(void 0, { ...n, text: p.target.value }, p);
-  }, [n, u]);
-  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: b,
-        maxLength: 50,
-        autoFocus: !0,
-        onBlur: C,
-        onKeyDown: w
-      }
-    ) : /* @__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: d } = t, [u, r] = e.useState(null), v = e.useRef(!1), y = e.useRef(-1), C = e.useCallback((k) => {
-    a(k.map((N, L, A) => ({ ...N, first: L === 0, last: L === A.length - 1 })));
-  }, []), w = e.useCallback((k) => {
-    C(k.newState);
-  }, [C, d]), b = e.useCallback((k) => {
-    d.call(void 0, k);
-  }, [d]), p = e.useCallback((k) => {
-    v.current = !0, y.current = k.prevIndex;
-  }, []), h = e.useCallback((k) => {
-    setTimeout(() => {
-      v.current = !1;
-    }, 50), d.call(void 0, { ...k, prevIndex: y.current });
-  }, []), f = e.useCallback((k, N) => {
-    v.current || s.call(void 0, k, N);
-  }, [s]), I = e.useCallback((k, N) => {
-    N.stopPropagation(), o.call(void 0, k);
-  }, [n, o]), D = e.useCallback((k, N) => {
-    N.stopPropagation(), N.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, N) => {
-    N.stopPropagation(), N.preventDefault();
-    const L = n.map((A) => ({ ...A, inEdit: !1, text: A.inEdit && u ? u.text : A.text }));
-    a(L), r(null);
-  }, [n, u]), x = e.useCallback((k, N) => {
-    N.stopPropagation(), N.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, N) => {
-    N.stopPropagation(), N.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: I, onEnterEdit: D, onCancelEdit: m, onExitEdit: x, onEdit: T } }, /* @__PURE__ */ e.createElement(
-    Ln,
-    {
-      idField: "id",
-      data: n,
-      itemUI: Bn,
-      itemsWrapUI: ht,
-      onDragOver: w,
-      onNavigate: b,
-      onDragStart: p,
-      onDragEnd: h
-    }
-  ))));
-}, Hn = (t, n, a) => t.map((s, o, l) => ({
-  text: s.name(),
-  id: a + "-sheet-" + o,
-  first: o === 0,
-  last: o === l.length - 1,
-  active: s.name() === n
-})), On = (t) => {
-  const { spreadsheetRef: n } = t, [a, s] = e.useState([]), o = e.useRef((a.find((b) => b.active) || {}).text), l = Yt(), d = e.useCallback(() => {
-    n.current && (n.current.view.sheetsbar.onSheetSelect(o.current), s(Hn(n.current.sheets(), o.current, l)));
-  }, []), u = e.useCallback(() => {
-    if (n.current) {
-      const b = n.current.sheets();
-      b.find((p) => p.name() === o.current) || (o.current = b[b.length - 1].name()), d();
-    }
-  }, []);
-  e.useEffect(() => (n.current && (n.current.sheets().length && (o.current = n.current.sheets()[0].name(), d()), n.current.view.bind("update", u)), () => {
-    n.current && n.current.view.unbind("update", u);
-  }), [n.current]);
-  const r = e.useCallback((b) => {
-    o.current !== b.text && (o.current = b.text, d());
-  }, []), v = e.useCallback(() => {
-    if (n.current) {
-      n.current.view.sheetsbar.onAddSelect();
-      const b = n.current.sheets();
-      o.current = b[b.length - 1].name(), d();
-    }
-  }, []), y = e.useCallback((b) => {
-    if (n.current) {
-      if (o.current === b.text) {
-        const p = n.current.sheets(), h = p.findIndex((I) => I.name() === b.text), f = p[h + 1] || p[h - 1];
-        o.current = f ? f.name() : "";
-      }
-      n.current.view.sheetsbar.onSheetRemove(b.text), d();
-    }
-  }, []), C = e.useCallback((b, p) => {
-    if (n.current) {
-      let h = b.text;
-      const f = n.current.sheets(), I = f[p];
-      if (!h) {
-        o.current = I.name(), d();
-        return;
-      }
-      if (I && I.name() === h)
-        return;
-      f.find((D) => D.name() === h) && (h = I.name()), n.current.view.sheetsbar.onSheetRename(h, p), o.current = h, d();
-    }
-  }, []), w = e.useCallback((b) => {
-    if (n.current) {
-      const { prevIndex: p, nextIndex: h } = b;
-      o.current = n.current.sheets()[p].name(), n.current.view.sheetsbar.onSheetReorderEnd({ oldIndex: p, newIndex: h }), d();
-    }
-  }, []);
-  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: R().toLanguageString(c.addNewSheet, E[c.addNewSheet]),
-      svgIcon: nn,
-      onClick: v
-    }
-  ), /* @__PURE__ */ e.createElement(
-    Pn,
-    {
-      sheets: a,
-      setSheets: s,
-      onSheetSelect: r,
-      onSheetDelete: y,
-      onSheetEdit: C,
-      onSheetReorderEnd: w
-    }
-  ));
-}, 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 d = l.closest(".k-toolbar"), u = d && d.querySelector(".k-upload input");
-      u && u.click();
-    }
-  }, []), s = e.useCallback((o) => {
-    const l = o.newState;
-    if (l[0] && l[0].getRawFile) {
-      const d = l[0].getRawFile();
-      n.current && n.current.executeCommand({ command: "OpenCommand", options: { file: d } });
-    }
-  }, []);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    K,
-    {
-      className: "k-toolbar-button",
-      title: R().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: d } = t, { spreadsheetRef: u, value: r } = a, v = e.useCallback(() => {
-    if (u.current) {
-      const C = {
-        command: "PropertyChangeCommand",
-        options: { property: s, value: !r }
-      };
-      u.current.executeCommand(C);
-    }
-  }, [r]);
-  return /* @__PURE__ */ e.createElement(
-    K,
-    {
-      type: "button",
-      icon: o,
-      svgIcon: l,
-      fillMode: "flat",
-      togglable: !0,
-      onClick: v,
-      selected: r,
-      title: R().toLanguageString(d, E[d])
-    }
-  );
-}, yt = (t) => (a) => {
-  const { property: s, titleKey: o, ...l } = t, { spreadsheetRef: d, value: u } = a, r = e.useCallback(
-    (v) => {
-      if (d.current) {
-        const y = {
-          command: "PropertyChangeCommand",
-          options: { property: s, value: v.value || null }
-        };
-        d.current.executeCommand(y);
-      }
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e.createElement(
-    Mn,
-    {
-      onChange: r,
-      onActiveColorClick: r,
-      fillMode: "flat",
-      ...l,
-      title: R().toLanguageString(o, E[o]),
-      value: u
-    }
-  );
-}, 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: R().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: R().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 u;
-    let l = o.value ? G(o.value) : a;
-    l = isNaN(l) ? a : l, l = Math.min(j, Math.max($, l));
-    const d = {
-      command: "PropertyChangeCommand",
-      options: { property: "fontSize", value: l }
-    };
-    o.nativeEvent.type === "keydown" || o.nativeEvent.type === "focusout" ? (u = n.current) == null || u.executeCommand(d) : setTimeout(() => {
-      var r;
-      (r = n.current) == null || r.executeCommand(d);
-    }, 0);
-  }, [a]);
-  return /* @__PURE__ */ e.createElement(
-    he,
-    {
-      onChange: s,
-      value: a,
-      data: Wn,
-      defaultValue: _n,
-      allowCustom: !0,
-      fillMode: "flat",
-      title: R().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: d, step: u } = t, { spreadsheetRef: r } = a, v = G(a.value), y = e.useCallback(() => {
-      var w;
-      const C = {
-        command: "PropertyChangeCommand",
-        options: { property: s, value: Math.min(j, Math.max($, v + u)) }
-      };
-      (w = r.current) == null || w.executeCommand(C);
-    }, [v]);
-    return /* @__PURE__ */ e.createElement(
-      K,
-      {
-        type: "button",
-        icon: o,
-        svgIcon: l,
-        fillMode: "flat",
-        onClick: y,
-        disabled: v + u < $ || v + u > j,
-        title: R().toLanguageString(d, E[d])
-      }
-    );
-  };
-  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 = R(), d = 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 u = O.slice();
-  return u = u.map((r) => ({ ...r, text: l.toLanguageString(r.textKey, E[r.textKey]) })), s && (u = u.map((r) => r.commandName === "textAlign" ? { ...r, selected: r.value === s } : r)), o && (u = u.map((r) => r.commandName === "verticalAlign" ? { ...r, selected: r.value === o } : r)), /* @__PURE__ */ e.createElement(
-    q,
-    {
-      icon: "align-left",
-      svgIcon: X,
-      items: u,
-      fillMode: "flat",
-      onItemClick: d,
-      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 = R(), d = e.useCallback((y) => {
-      if (o.current) {
-        const C = y.item, w = {
-          command: "PropertyChangeCommand",
-          options: { property: C.commandName, value: C.value || null }
-        };
-        o.current.executeCommand(w);
-      }
-    }, []);
-    let u = t.items.slice();
-    u = u.map((y) => ({ ...y, text: l.toLanguageString(y.textKey, E[y.textKey]) })), u = u.map((y) => ({ ...y, selected: y.value === s }));
-    const r = { ...t.icon }, v = u.find((y) => y.selected);
-    return v && (r.icon = v.icon, r.svgIcon = v.svgIcon), /* @__PURE__ */ e.createElement(
-      q,
-      {
-        ...r,
-        items: u,
-        fillMode: "flat",
-        onItemClick: d,
-        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 u = {
-          command: "TextWrapCommand",
-          options: { property: "wrap", value: !o.range(o.activeCell()).wrap() }
-        };
-        a.current.executeCommand(u);
-      }
-    }
-  }, []);
-  return /* @__PURE__ */ e.createElement(
-    K,
-    {
-      type: "button",
-      togglable: !0,
-      icon: "text-wrap",
-      svgIcon: vn,
-      fillMode: "flat",
-      title: R().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 d = {
-          command: "GridLinesChangeCommand",
-          options: { property: "gridLines", value: !o.showGridLines() }
-        };
-        a.current.executeCommand(d);
-      }
-    }
-  }, []);
-  return /* @__PURE__ */ e.createElement(
-    K,
-    {
-      type: "button",
-      togglable: !0,
-      icon: "borders-none",
-      svgIcon: yn,
-      fillMode: "flat",
-      title: R().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: R().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 d = {
-        command: t.command,
-        options: { value: t.value }
-      };
-      s.current.executeCommand(d);
-    }
-  }, []);
-  return /* @__PURE__ */ e.createElement(
-    K,
-    {
-      type: "button",
-      icon: t.icon,
-      svgIcon: t.svgIcon,
-      fillMode: "flat",
-      title: R().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: d } = t, { spreadsheetRef: u } = a, r = e.useCallback(() => {
-    if (u.current) {
-      const v = {
-        command: "AdjustDecimalsCommand",
-        options: { value: d }
-      };
-      u.current.executeCommand(v);
-    }
-  }, []);
-  return /* @__PURE__ */ e.createElement(
-    K,
-    {
-      type: "button",
-      icon: s,
-      svgIcon: o,
-      fillMode: "flat",
-      onClick: r,
-      title: R().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: 1709632275,
-  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, d] = e.useState(null), [u, r] = e.useState(o.findIndex((i) => i.selected) || 0), [v, y] = e.useState(!1), C = e.useRef(null), w = e.useRef(null), b = e.useRef(null), p = e.useRef(null), h = e.useRef(null), [f, I] = e.useState({}), D = e.useRef({});
-  D.current = f;
-  const m = e.useRef({});
-  m.current = t;
-  const x = R(), 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);
-  }, []), N = 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 h.current;
-    },
-    props: t,
-    get view() {
-      return h.current.view;
-    },
-    get workbook() {
-      return h.current.workbook;
-    },
-    executeCommand(i) {
-      var g;
-      (g = h.current) == null || g.executeCommand(i);
-    },
-    fromJSON(i) {
-      var g;
-      return (g = h.current) == null ? void 0 : g.fromJSON(i);
-    },
-    toJSON() {
-      return h.current.toJSON();
-    },
-    saveJSON() {
-      return h.current.saveJSON();
-    },
-    fromFile(i) {
-      return h.current.fromFile(i);
-    },
-    saveAsExcel(i) {
-      var g;
-      (g = h.current) == null || g.saveAsExcel({
-        ...h.current.options.excel,
-        saveAs: Ce,
-        Workbook: ve,
-        ...i
-      });
-    },
-    activeSheet(i) {
-      var g;
-      return (g = h.current) == null ? void 0 : g.activeSheet(i);
-    },
-    sheets() {
-      return h.current.sheets();
-    },
-    refresh() {
-      var i;
-      return (i = h.current) == null ? void 0 : i.refresh();
-    }
-  }), [t]), e.useImperativeHandle(n, () => H.current);
-  const Wt = e.useCallback(() => h.current && h.current.view.nameEditor, []), ee = e.useCallback((i) => {
-    const g = {};
-    ie.forEach((S) => {
-      typeof i.range[S] == "function" ? g[S] = i.range[S]() : S === "gridLines" && (g[S] = i.range.sheet().showGridLines());
-    }), g.selectedHeaders = i.range.sheet().selectedHeaders(), (ie.some((S) => g[S] !== D.current[S]) || g.selectedHeaders.allCols !== D.current.selectedHeaders.allCols || g.selectedHeaders.allRows !== D.current.selectedHeaders.allRows) && I(g);
-  }, []), _t = e.useCallback((i) => {
-    const g = i.name, S = c[g];
-    d({
-      title: i.title === "Error" ? x.toLanguageString(c.error, E[c.error] || i.title) : i.title,
-      message: S ? x.toLanguageString(S, E[S] || i.text) : i.text,
-      close: i.close
-    });
-  }, []), te = e.useCallback(() => {
-    d(null), l == null || l.close();
-  }, [l]), V = Tn(), ne = R();
-  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: w,
-      formulaCellInputRef: b,
-      nameBoxRef: p
-    }, g = new Fn(C.current, i);
-    h.current = g, g.bind("select", T), g.bind("change", k), g.bind("changeFormat", N), g.bind("excelImport", L), g.bind("excelExport", A), g.view.bind("update", ee), g.view.bind("message", _t);
-    const S = g.activeSheet();
-    return S && ee({ range: S.range(S.activeCell()) }), y(!0), () => {
-      g.destroy();
-    };
-  }, []);
-  const oe = e.useCallback((i, g) => {
-    const S = /* @__PURE__ */ e.createElement(
-      i,
-      {
-        spreadsheetRef: h,
-        value: de[i.displayName] ? de[i.displayName](f) : void 0,
-        key: g
-      }
-    );
-    return S.type === B ? /* @__PURE__ */ e.createElement(i, { key: g }) : S;
-  }, [f]);
-  let ae = null;
-  return o.length && (ae = /* @__PURE__ */ e.createElement(
-    jt,
-    {
-      selected: u,
-      animation: !1,
-      className: "k-floatwrap k-spreadsheet-tabstrip",
-      style: { minHeight: "auto" },
-      onSelect: (i) => r(i.selected)
-    },
-    o.map((i) => {
-      const g = i.textKey ? ne.toLanguageString(i.textKey, E[i.textKey]) : i.text;
-      return /* @__PURE__ */ e.createElement(Gt, { key: i.textKey || i.text, title: g }, /* @__PURE__ */ e.createElement(Jt, { buttons: go, className: "k-spreadsheet-toolbar" }, i.tools.map((S, W) => Array.isArray(S) ? /* @__PURE__ */ e.createElement($t, { key: W }, S.map((M, z) => oe(M, z))) : oe(S, 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: w }))),
-    /* @__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: b, className: "k-spreadsheet-cell-editor" })),
-    /* @__PURE__ */ e.createElement(On, { spreadsheetRef: h }),
-    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 To = (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: R().toLanguageString(c.cleanFormatting, E[c.cleanFormatting])
-    }
-  );
-};
+import { Spreadsheet as r } from "./Spreadsheet.mjs";
+import { CalcError as n, CellRef as a, Context as m, Matrix as f, NULLREF as l, NameRef as p, Range as i, RangeRef as x, Ref as d, Sheet as c, SpreadsheetWidget as R, UnionRef as g, View as s, Workbook as u, dateToSerial as A, defineAlias as C, defineFunction as F, packDate as k, packTime as S, serialToDate as T, unpackDate as D, unpackTime as w } from "@progress/kendo-spreadsheet-common";
+import { AlignHorizontally as z, AlignVertically as E, Alignment as L } from "./tools/align.mjs";
+import { BackgroundColor as b } from "./tools/backgroundColor.mjs";
+import { Bold as B } from "./tools/bold.mjs";
+import { defaultTabs as I } from "./tools/defaultTools.mjs";
+import { ExcelExport as V } from "./tools/export.mjs";
+import { FontFamily as G } from "./tools/fontFamily.mjs";
+import { DecreaseFontSize as M, FontSize as O, IncreaseFontSize as j } from "./tools/fontSize.mjs";
+import { CleanFormatting as J } from "./tools/cleanFormat.mjs";
+import { Format as P } from "./tools/format.mjs";
+import { GridLines as X } from "./tools/gridLines.mjs";
+import { Italic as Z } from "./tools/italic.mjs";
+import { Open as $ } from "./tools/open.mjs";
+import { Redo as oe } from "./tools/redo.mjs";
+import { AddColumnLeft as te, AddColumnRight as ne, AddRowAbove as ae, AddRowBelow as me, DeleteColumn as fe, DeleteRow as le } from "./tools/tableTools.mjs";
+import { TextColor as ie } from "./tools/textColor.mjs";
+import { TextWrap as de } from "./tools/textWrap.mjs";
+import { Underline as Re } from "./tools/underline.mjs";
+import { Undo as se } from "./tools/undo.mjs";
 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,
-  Ko as CalcError,
-  Mo as CellRef,
-  To as CleanFormatting,
-  zo 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,
-  Bo as Matrix,
-  Po as NULLREF,
-  Ho as NameRef,
-  vt as Open,
-  Oo as Range,
-  Uo as RangeRef,
-  Ot as Redo,
-  Vo as Ref,
-  Wo as Sheet,
-  Vt as Spreadsheet,
-  _o as SpreadsheetWidget,
-  Nt as TextColor,
-  Dt as TextWrap,
-  Et as Underline,
-  Ht as Undo,
-  Jo as UnionRef,
-  $o as View,
-  jo as Workbook,
-  Go as dateToSerial,
-  re as defaultTabs,
-  qo as defineAlias,
-  Xo as defineFunction,
-  Zo as packDate,
-  Yo as packTime,
-  Qo as serialToDate,
-  ea as unpackDate,
-  ta as unpackTime
+  te as AddColumnLeft,
+  ne as AddColumnRight,
+  ae as AddRowAbove,
+  me as AddRowBelow,
+  z as AlignHorizontally,
+  E as AlignVertically,
+  L as Alignment,
+  b as BackgroundColor,
+  B as Bold,
+  n as CalcError,
+  a as CellRef,
+  J as CleanFormatting,
+  m as Context,
+  M as DecreaseFontSize,
+  fe as DeleteColumn,
+  le as DeleteRow,
+  V as ExcelExport,
+  G as FontFamily,
+  O as FontSize,
+  P as Format,
+  X as GridLines,
+  j as IncreaseFontSize,
+  Z as Italic,
+  f as Matrix,
+  l as NULLREF,
+  p as NameRef,
+  $ as Open,
+  i as Range,
+  x as RangeRef,
+  oe as Redo,
+  d as Ref,
+  c as Sheet,
+  r as Spreadsheet,
+  R as SpreadsheetWidget,
+  ie as TextColor,
+  de as TextWrap,
+  Re as Underline,
+  se as Undo,
+  g as UnionRef,
+  s as View,
+  u as Workbook,
+  A as dateToSerial,
+  I as defaultTabs,
+  C as defineAlias,
+  F as defineFunction,
+  k as packDate,
+  S as packTime,
+  T as serialToDate,
+  D as unpackDate,
+  w as unpackTime
 };