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

package/tools/table-wizard/tableProperties.mjs

@@ -0,0 +1,292 @@
+/**
+ * @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 { Button as A } from "@progress/kendo-react-buttons";
+import { NumericTextBox as s, ColorPicker as se, Checkbox as Ne, TextBox as L } from "@progress/kendo-react-inputs";
+import { AutoComplete as ie, DropDownList as d } from "@progress/kendo-react-dropdowns";
+import { Window as Se, WindowActionsBar as xe } from "@progress/kendo-react-dialogs";
+import { TabStrip as he, TabStripTab as ce } from "@progress/kendo-react-layout";
+import { tablePropertiesIcon as Ce, tablePositionStartIcon as we, tablePositionCenterIcon as ye, tablePositionEndIcon as Re, tableAlignMiddleLeftIcon as Le, tableAlignMiddleCenterIcon as Ae, tableAlignMiddleRightIcon as Ie, tableAlignRemoveIcon as Be, positionTopIcon as Ke, positionBottomIcon as Ve } from "@progress/kendo-svg-icons";
+import { parentNode as Te, onDownPreventDefault as De, units as me, popupSettings as c, borderStyles as ue } from "../utils.mjs";
+import { valueRenderWithIcon as k, itemRenderWithIcon as v } from "./tableCellProperties.mjs";
+import { useLocalization as ge } from "@progress/kendo-react-intl";
+import { keys as t, messages as l } from "../../messages/index.mjs";
+import { applyTableData as ze, tablePositionStyles as He, tableDefaultData as We, initialTableData as Ue } from "./tablePropsUtils.mjs";
+const _e = (o) => {
+  const { view: n, ...r } = o, P = ge(), [N, b] = e.useState(!1), g = !!(n && Te(n.state.selection.$from, (i) => i.type.spec.tableRole === "table")), p = e.useCallback(() => {
+    b(!0);
+  }, []), m = e.useCallback(() => {
+    b(!1), n == null || n.focus();
+  }, [n]), f = e.useCallback((i) => {
+    if (n && i) {
+      const u = ze(n.state, i);
+      u && n.dispatch(u);
+    }
+    m();
+  }, [n, m]);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    A,
+    {
+      type: "button",
+      title: P.toLanguageString(t.tableProperties, l[t.tableProperties]),
+      icon: "table-properties",
+      svgIcon: Ce,
+      onClick: p,
+      disabled: !g,
+      ...De,
+      ...r
+    }
+  ), N && /* @__PURE__ */ e.createElement(Fe, { onClose: m, onSave: f, view: n }));
+}, E = [
+  {
+    textKey: t.tablePropertiesAlignLeft,
+    text: l[t.tablePropertiesAlignLeft],
+    value: "left",
+    icon: "table-align-middle-left",
+    svgIcon: Le
+  },
+  {
+    textKey: t.tablePropertiesAlignCenter,
+    text: l[t.tablePropertiesAlignCenter],
+    value: "center",
+    icon: "table-align-middle-center",
+    svgIcon: Ae
+  },
+  {
+    textKey: t.tablePropertiesAlignRight,
+    text: l[t.tablePropertiesAlignRight],
+    value: "right",
+    icon: "table-align-middle-right",
+    svgIcon: Ie
+  },
+  {
+    textKey: t.tablePropertiesNoAlignment,
+    text: l[t.tablePropertiesNoAlignment],
+    value: "",
+    icon: "align-remove",
+    svgIcon: Be
+  }
+], de = [{
+  textKey: t.tablePropertiesLeft,
+  text: l[t.tablePropertiesLeft],
+  value: "left",
+  style: {},
+  icon: "table-position-left",
+  svgIcon: we
+}, {
+  textKey: t.tablePropertiesCenter,
+  text: l[t.tablePropertiesCenter],
+  value: "center",
+  style: {},
+  icon: "table-position-center",
+  svgIcon: ye
+}, {
+  textKey: t.tablePropertiesRight,
+  text: l[t.tablePropertiesRight],
+  value: "right",
+  style: {},
+  icon: "table-position-right",
+  svgIcon: Re
+}].map((o) => ({ ...o, style: He[o.value] })), fe = [{
+  textKey: t.tablePropertiesTop,
+  text: l[t.tablePropertiesTop],
+  value: "top",
+  icon: "position-top",
+  svgIcon: Ke
+}, {
+  textKey: t.tablePropertiesBottom,
+  text: l[t.tablePropertiesBottom],
+  value: "bottom",
+  icon: "position-bottom",
+  svgIcon: Ve
+}], be = [
+  { textKey: t.tablePropertiesNone, text: l[t.tablePropertiesNone], value: "none" },
+  { textKey: t.tablePropertiesUsingScopeAttribute, text: l[t.tablePropertiesUsingScopeAttribute], value: "scope" },
+  { textKey: t.tablePropertiesUsingIdAttributes, text: l[t.tablePropertiesUsingIdAttributes], value: "id" }
+], Fe = (o) => {
+  const n = e.useMemo(() => {
+    const a = o.view && o.view.state;
+    return a ? We(a) : Ue;
+  }, [o.view]), r = ge(), [P, N] = e.useState(0), b = e.useCallback((a) => {
+    N(a.selected);
+  }, []), g = e.useRef(null), p = e.useRef(null), m = e.useRef(null), f = e.useRef(null), i = e.useRef(null), u = e.useRef(null), S = e.useRef(null), I = e.useRef(null), B = e.useRef(null), K = e.useRef(null), x = e.useRef(null), h = e.useRef(null), V = e.useRef(null), T = e.useRef(null), D = e.useRef(null), z = e.useRef(null), H = e.useRef(null), W = e.useRef(null), U = e.useRef(null), F = e.useRef(null), C = e.useRef(null), w = e.useRef(null), y = e.useRef(null), pe = e.useCallback(() => {
+    var R, M, G, $, j, q, J, O, Q, X, Y, Z, _, ee, te, ae, le, re, ne, oe;
+    const a = {
+      rows: ((R = g.current) == null ? void 0 : R.value) || 0,
+      columns: ((M = p.current) == null ? void 0 : M.value) || 0,
+      width: m.current ? m.current.value : null,
+      height: f.current ? f.current.value : null,
+      cellSpacing: i.current ? i.current.value : null,
+      cellPadding: u.current ? u.current.value : null,
+      borderWidth: S.current ? S.current.value : null,
+      widthUnit: ((G = I.current) == null ? void 0 : G.value) || "",
+      heightUnit: (($ = B.current) == null ? void 0 : $.value) || "",
+      position: ((q = (j = K.current) == null ? void 0 : j.value) == null ? void 0 : q.value) || null,
+      textAlign: (J = x.current) != null && J.value ? x.current.value.value : null,
+      borderStyle: (O = h.current) != null && O.value ? h.current.value.value : null,
+      backgroundColor: (Q = V.current) == null ? void 0 : Q.value,
+      borderColor: (X = T.current) == null ? void 0 : X.value,
+      collapseBorders: !!((Z = (Y = D.current) == null ? void 0 : Y.element) != null && Z.checked),
+      id: String(((_ = z.current) == null ? void 0 : _.value) || ""),
+      className: String(((ee = H.current) == null ? void 0 : ee.value) || ""),
+      caption: String(((te = W.current) == null ? void 0 : te.value) || ""),
+      headerRows: ((ae = U.current) == null ? void 0 : ae.value) || 0,
+      headerColumns: ((le = F.current) == null ? void 0 : le.value) || 0,
+      captionAlignment: (re = C.current) != null && re.value ? C.current.value.value : null,
+      captionPosition: (ne = w.current) != null && ne.value ? w.current.value.value : null,
+      associateHeaders: (oe = y.current) != null && oe.value ? y.current.value.value : "none"
+    };
+    o.onSave.call(void 0, a);
+  }, [o.onSave]), ke = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesRows, l[t.tablePropertiesRows])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: g, defaultValue: n.rows, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesColumns, l[t.tablePropertiesColumns])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: p, defaultValue: n.columns, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesWidth, l[t.tablePropertiesWidth])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    s,
+    {
+      ref: m,
+      defaultValue: n.width,
+      min: 0,
+      placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto])
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, " "), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    ie,
+    {
+      ref: I,
+      defaultValue: n.widthUnit,
+      data: me,
+      popupSettings: c
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeight, l[t.tablePropertiesHeight])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    s,
+    {
+      ref: f,
+      defaultValue: n.height,
+      min: 0,
+      placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto])
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, " "), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    ie,
+    {
+      ref: B,
+      defaultValue: n.heightUnit,
+      data: me.filter((a) => a !== "%"),
+      popupSettings: c
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesPosition, l[t.tablePropertiesPosition])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: K,
+      defaultValue: de.find((a) => a.value === n.position),
+      popupSettings: c,
+      data: de.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      textField: "text",
+      dataItemKey: "value",
+      valueRender: k,
+      itemRender: v
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesAlignment, l[t.tablePropertiesAlignment])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: x,
+      defaultValue: E.find((a) => a.value === n.textAlign),
+      data: E.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      textField: "text",
+      dataItemKey: "value",
+      popupSettings: c,
+      valueRender: k,
+      itemRender: v
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCellSpacing, l[t.tablePropertiesCellSpacing])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    s,
+    {
+      ref: i,
+      defaultValue: n.cellSpacing,
+      placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
+      min: 0
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCellPadding, l[t.tablePropertiesCellPadding])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    s,
+    {
+      ref: u,
+      defaultValue: n.cellPadding,
+      placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
+      min: 0
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesTableBackground, l[t.tablePropertiesTableBackground])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: V, defaultValue: n.backgroundColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderWidth, l[t.tablePropertiesBorderWidth])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: S, defaultValue: n.borderWidth, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderColor, l[t.tablePropertiesBorderColor])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: T, defaultValue: n.borderColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesBorderStyle, l[t.tablePropertiesBorderStyle])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: h,
+      defaultValue: ue.find((a) => a.value === n.borderStyle),
+      popupSettings: c,
+      data: ue.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      textField: "text",
+      dataItemKey: "value"
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    Ne,
+    {
+      ref: D,
+      className: "k-checkbox-wrap",
+      label: r.toLanguageString(t.tablePropertiesCollapseBorders, l[t.tablePropertiesCollapseBorders]),
+      defaultChecked: n.collapseBorders
+    }
+  )))))), ve = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesId, l[t.tablePropertiesId])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: z, defaultValue: n.id }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCssClass, l[t.tablePropertiesCssClass])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: H, defaultValue: n.className }))), /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.toLanguageString(t.tablePropertiesAccessibility, l[t.tablePropertiesAccessibility])), /* @__PURE__ */ e.createElement("div", { className: "k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaption, l[t.tablePropertiesCaption])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: W, defaultValue: n.caption }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaptionPosition, l[t.tablePropertiesCaptionPosition])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: w,
+      defaultValue: fe.find((a) => a.value === n.captionPosition),
+      data: fe.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      popupSettings: c,
+      textField: "text",
+      dataItemKey: "value",
+      valueRender: k,
+      itemRender: v
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesCaptionAlignment, l[t.tablePropertiesCaptionAlignment])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: C,
+      defaultValue: E.find((a) => a.value === n.captionAlignment),
+      data: E.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      popupSettings: c,
+      textField: "text",
+      dataItemKey: "value",
+      valueRender: k,
+      itemRender: v
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeaderRows, l[t.tablePropertiesHeaderRows])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: U, defaultValue: n.headerRows, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesHeaderCols, l[t.tablePropertiesHeaderCols])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: F, defaultValue: n.headerColumns, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesAssociateHeaders, l[t.tablePropertiesAssociateHeaders])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+    d,
+    {
+      ref: y,
+      defaultValue: be.find((a) => a.value === n.associateHeaders),
+      data: be.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
+      popupSettings: c,
+      textField: "text",
+      dataItemKey: "value"
+    }
+  )))))))), Ee = /* @__PURE__ */ e.createElement(he, { selected: P, onSelect: b, animation: !1, keepTabsMounted: !0 }, /* @__PURE__ */ e.createElement(ce, { title: r.toLanguageString(t.tablePropertiesGeneral, l[t.tablePropertiesGeneral]) }, ke), /* @__PURE__ */ e.createElement(ce, { title: r.toLanguageString(t.tablePropertiesAdvanced, l[t.tablePropertiesAdvanced]) }, ve)), Pe = [/* @__PURE__ */ e.createElement(A, { themeColor: "primary", key: "save", onClick: pe }, r.toLanguageString(t.tablePropertiesSave, l[t.tablePropertiesSave])), /* @__PURE__ */ e.createElement(A, { onClick: o.onClose, key: "cancel" }, r.toLanguageString(t.tablePropertiesCancel, l[t.tablePropertiesCancel]))];
+  return /* @__PURE__ */ e.createElement(
+    Se,
+    {
+      className: "k-editor-window k-editor-table-wizard-window",
+      title: r.toLanguageString(t.tableProperties, l[t.tableProperties]),
+      onClose: o.onClose,
+      key: "dialog",
+      style: { userSelect: "none" },
+      width: 480,
+      height: 630,
+      modal: !0,
+      minimizeButton: () => null,
+      maximizeButton: () => null,
+      resizable: !1
+    },
+    Ee,
+    /* @__PURE__ */ e.createElement(xe, { layout: "start" }, ...Pe)
+  );
+};
+export {
+  _e as TableProperties
+};

package/tools/table-wizard/tablePropsUtils.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@progress/kendo-editor-common"),k=require("../tableEdit.js"),d=require("./utils.js"),N=require("../utils.js"),E={rows:0,columns:0,width:null,widthUnit:"",height:null,heightUnit:"",position:null,textAlign:"",cellPadding:null,cellSpacing:null,backgroundColor:void 0,borderWidth:null,borderColor:void 0,borderStyle:null,collapseBorders:!1,id:"",className:"",caption:"",captionAlignment:null,captionPosition:null,headerRows:0,headerColumns:0,associateHeaders:"none"},A={left:{"margin-left":"","margin-right":"auto"},center:{"margin-left":"auto","margin-right":"auto"},right:{"margin-left":"auto","margin-right":""},"":{}},M=o=>{const t=[];for(let s=0;s<o.height;s++){const l=s*o.width,e=l+o.width;t.push(o.map.slice(l,e))}return t},$=(o,t)=>{let s=0,l=0;const e=M(t);e.forEach(n=>{let i=!0;n.forEach(r=>{const c=o.nodeAt(r);c&&c.type.name!=="table_header"&&(i=!1)}),i&&s++});for(let n=0;n<t.width;n++){let i=!0;for(let r=0;r<t.height;r++){const c=e[r]&&e[r][n],u=typeof c=="number"&&o.nodeAt(c);u&&u.type.name!=="table_header"&&(i=!1)}i&&l++}return{rows:s,columns:l}},v=o=>{const t=new Set;return o.content.forEach(s=>{s.content.forEach(l=>{t.add(d.parseStyle(l.attrs.style).padding||"")})}),t.size===1?Array.from(t)[0]:""},j=o=>{let t=!0,s=!0;return o.content.forEach(l=>{l.content.forEach(e=>{let n=e.type.name==="table_header",i=e.type.name==="table_cell";n&&!e.attrs.scope&&(t=!1),(n&&!e.attrs.id||i&&!e.attrs.headers)&&(s=!1)})}),t?"scope":s?"id":"none"},F=o=>{var a,h,m;const t=d.selectedCells(o),s=o.selection.$from,l=t.length?N.parentNode(s,f=>f.type.spec.tableRole==="table"):null;if(!l)return E;const e=N.parentNode(s,f=>f.type.name==="table_wrapper");let n="",i={},r={};e&&(r=d.parseStyle(e.node.attrs.style),e.node.content.forEach(f=>{if(f.type.name==="table_caption_external"){const S=w.pmDocToFragment(f);n=w.fragmentToHtml(S),n=n==="<img>"?"":n,i=d.parseStyle(f.attrs.style)}}));const c=d.parseStyle(((a=l.node.attrs)==null?void 0:a.style)||""),u=w.TableMap.get(l.node),p=r["margin-left"]==="auto"&&r["margin-right"]==="auto"?"center":r["margin-right"]==="auto"?"left":r["margin-left"]==="auto"?"right":null,y=$(l.node,u),g=v(l.node);return{...E,columns:u.width,rows:u.height,...d.nodeSize(l.node,"width"),...e&&/%/.test(r.width||"")?d.nodeSize(e.node,"width"):{},...d.nodeSize(l.node,"height"),textAlign:c["text-align"]||"",position:p||null,cellPadding:g?parseFloat(g):null,cellSpacing:c["border-spacing"]?parseFloat(c["border-spacing"]):null,backgroundColor:c["background-color"],borderWidth:c["border-width"]?parseFloat(c["border-width"]):null,borderColor:c["border-color"],borderStyle:c["border-style"]||null,collapseBorders:c["border-collapse"]==="collapse",caption:n||void 0,captionAlignment:i["text-align"]||"",captionPosition:i["caption-side"]||null,headerRows:y.rows,headerColumns:y.columns,associateHeaders:y.rows||y.columns?j(l.node):"none",id:((h=l.node.attrs)==null?void 0:h.id)||"",className:((m=l.node.attrs)==null?void 0:m.class)||""}},x=o=>{const s=o.lastChild.lastChild;return{node:s,pos:o.content.size-s.nodeSize}},_=(o,t,s,l,e)=>{const n=x(s),i=t+n.pos;if(!o.doc.nodeAt(i))return o;const c=o.doc.resolve(i),u=new w.CellSelection(c,c),p=o.tr.setSelection(u);let y=o.apply(p);for(let g=0;g<l;g++)e(y,a=>{y=y.apply(a)});return y},R=(o,t,s,l)=>{let e=o;for(let n=0;n<s;n++){const i=e.doc.nodeAt(t);if(i){const r=x(i),c=t+r.pos,u=e.doc.resolve(c),p=new w.CellSelection(u,u),y=e.tr.setSelection(p);e=e.apply(y),l(e,g=>{e=e.apply(g)})}}return e},O=(o,t,s,l)=>{let e=o,n=e.doc.nodeAt(t);if(!n)return e;let i=w.TableMap.get(n);return i.width===l&&i.height===s||(l>i.width?e=_(e,t,n,l-i.width,w.addColumnAfter):l<i.width&&(e=R(e,t,i.width-l,k.deleteColumnCmd)),n=e.doc.nodeAt(t),!n)||(i=w.TableMap.get(n),s>i.height?e=_(e,t,n,s-i.height,w.addRowAfter):s<i.height&&(e=R(e,t,i.height-s,k.deleteRowCmd))),e},q=(o,t,s)=>{const l=o.doc.nodeAt(s);if(!l)return o;let e={...l.attrs};const n=t.width!==null&&(t.widthUnit!=="%"||!t.caption&&!t.position);e=d.setNodeStyle(e,"width",n?t.width+t.widthUnit:""),e=d.setNodeStyle(e,"height",t.height!==null?t.height+t.heightUnit:""),e=d.setNodeStyle(e,"text-align",t.textAlign||""),e=d.setNodeStyle(e,"background-color",t.backgroundColor||""),e=d.setNodeStyle(e,"border-width",t.borderWidth?t.borderWidth+"px":""),e=d.setNodeStyle(e,"border-style",t.borderStyle||""),e=d.setNodeStyle(e,"border-color",t.borderColor||""),e=d.setNodeStyle(e,"border-spacing",t.cellSpacing!==null?t.cellSpacing+"px":""),t.cellSpacing!==null?e=d.setNodeStyle(e,"border-collapse","unset"):e=d.setNodeStyle(e,"border-collapse",t.collapseBorders?"collapse":"");const i=A[t.position||""]||{};Object.keys(i).forEach(c=>{e=d.setNodeStyle(e,c,i[c])}),e.id=t.id||null,e.class=t.className||null;const r=o.tr.setNodeMarkup(s,null,e);return o=o.apply(r),o},z=(o,t,s,l,e)=>{if(t.type.name!==l.name||Object.keys(e).length>0){const n=o.tr.setNodeMarkup(s,l,{...t.attrs,...e});return o.apply(n)}return o},B=(o,t)=>{/^cell-[0-9]+-[0-9]+$/.test(o.attrs.id||"")&&(t.id=null)},P=(o,t,s)=>{const l=o.doc.nodeAt(s),e=l&&w.TableMap.get(l);if(!l||!e)return o;const n=M(e);let i=o;const{table_header:r,table_cell:c}=o.schema.nodes,u=String(new Date().getTime()),p=[],y=(a,h)=>{const m=`cell-${a}${h}-${u}`;return p[a]||p.push([]),p[a][h]||p[a].push([]),p[a][h]=m,m},g=(a,h,m,f)=>{const S=[];if(f)for(let b=0;b<a;b++)p[b]&&p[b][h]&&S.push(p[b][h]);if(m)for(let b=0;b<h;b++)p[a]&&p[a][b]&&S.push(p[a][b]);return S.join(" ")};return n.forEach((a,h)=>{a.forEach((m,f)=>{const S=l.nodeAt(m);if(S){const b=f<t.headerColumns,T=h<t.headerRows,C={...S.attrs};B(S,C),C.headers=null,C.scope=null,T||b?(t.associateHeaders==="scope"&&(C.scope=T?"col":"row"),t.associateHeaders==="id"&&(C.id=y(h,f),(f>0||h>0)&&(C.headers=g(h,f,b,T)||null)),i=z(i,S,s+m+1,r,C)):(t.associateHeaders==="id"&&(C.headers=g(h,f,t.headerColumns>0,t.headerRows>0)||null),i=z(i,S,s+m+1,c,C))}})}),i},G=(o,t,s,l)=>{let e={...t.attrs};return e=d.setNodeStyle(e,"margin-left",""),e=d.setNodeStyle(e,"margin-right",""),Object.keys(l||{}).forEach(n=>{e=d.setNodeStyle(e,n,(l||{})[n]||"")}),o.apply(o.tr.setNodeMarkup(s,null,e))},D=(o,t)=>w.parseContent("<p>"+o+"</p>",t).content.firstChild.content,H=(o,t)=>{if(!o.caption)return;let s={caption:"",style:"display: table-caption"};o.captionAlignment&&(s=d.setNodeStyle(s,"text-align",o.captionAlignment)),o.captionPosition&&(s=d.setNodeStyle(s,"caption-side",o.captionPosition));const l=D(o.caption,t);return l&&t.nodes.table_caption_external.createAndFill(s,l)||void 0},U=o=>o.firstChild&&o.firstChild.type.name==="table_caption_external",J=(o,t,s,l)=>{let e=o,n;const i=s+2,r=s+1,c=e.schema;if(U(t))if(n=t.firstChild,l.caption){const u=D(l.caption,c);if(e=e.apply(e.tr.replaceWith(i,i+n.content.size,u)),n=e.doc.nodeAt(r),n){let p={...n.attrs};p=d.setNodeStyle(p,"text-align",l.captionAlignment||""),p=d.setNodeStyle(p,"caption-side",l.captionPosition||""),e=e.apply(e.tr.setNodeAttribute(r,"style",p.style))}}else e=e.apply(e.tr.deleteRange(i,i+n.content.size));else n=H(l,c),n&&(e=e.apply(e.tr.replaceWith(r,r,n)));return e},K=(o,t,s,l,e)=>{let n={state:o,pos:s};if(!l&&(t.position||t.caption)){let r={table:"",style:"display: table"};const c=[],u=t.position,p=u&&A[u];p&&Object.keys(p).forEach(h=>{r=d.setNodeStyle(r,h,p[h]||"")}),typeof t.width=="number"&&t.widthUnit==="%"&&(r=d.setNodeStyle(r,"width",t.width+t.widthUnit));const y=H(t,o.schema);y&&c.push(y);const g=o.doc.nodeAt(s);c.push(g);const a=o.schema.nodes.table_wrapper.createAndFill(r,c);if(a){const h=o.tr.replaceWith(s,s+g.content.size,a);o=o.apply(h),n={state:o,pos:s}}}else l&&(t.position||t.caption||!t.caption&&U(l.node))?(o=G(o,l.node,e,t.position&&A[t.position]),o=J(o,l.node,e,t),n={state:o,pos:e}):l&&!(t.position||t.caption)?n={state:o,node:l.node,pos:o.selection.$from.start(l.depth)-1}:n={state:o,pos:s};const i=l&&n.state.doc.nodeAt(e);if(i){let r;typeof t.width=="number"&&t.widthUnit==="%"?r=d.setNodeStyle(i.attrs,"width",t.width+t.widthUnit):t.widthUnit!=="%"&&/%/.test(d.parseStyle(i.attrs.style||"").width||"")&&(r=d.setNodeStyle(i.attrs,"width","")),r&&(n.state=n.state.apply(n.state.tr.setNodeMarkup(e,null,r)))}return n},L=(o,t)=>{const s=o.selection.$from;let l=N.parentNode(s,f=>f.type.spec.tableRole==="table");if(!l)return;const e=s.start(l.depth)-1;let n=O(o,e,t.rows,t.columns);if(!n)return;const i=n.tr;d.tableCells(n).forEach(f=>{let S={...f.node.attrs};S=d.setNodeStyle(S,"padding",typeof t.cellPadding=="number"?t.cellPadding+"px":""),i.setNodeMarkup(f.pos,null,S)}),n=n.apply(i),n=q(n,t,e),n=P(n,t,e);const r=N.parentNode(s,f=>f.type.name==="table_wrapper"),c=s.start((r==null?void 0:r.depth)||0)-1;let u=K(n,t,e,r,c);n=u.state;const p=u.pos,y=n.doc.nodeAt(u.pos);if(!y)return;const g=p+(r||l).node.content.size,a=o.tr.replaceWith(p,g,y),h=w.Selection.atEnd(y),m=w.TextSelection.create(a.doc,p+h.to+1);return a.setSelection(m),a};exports.applyTableData=L;exports.initialTableData=E;exports.tableDefaultData=F;exports.tablePositionStyles=A;

package/tools/table-wizard/tablePropsUtils.mjs

@@ -0,0 +1,288 @@
+/**
+ * @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 { pmDocToFragment as F, fragmentToHtml as j, TableMap as A, Selection as O, TextSelection as B, CellSelection as U, addColumnAfter as q, addRowAfter as G, parseContent as J } from "@progress/kendo-editor-common";
+import { deleteColumnCmd as K, deleteRowCmd as L } from "../tableEdit.mjs";
+import { selectedCells as P, parseStyle as S, nodeSize as _, tableCells as Q, setNodeStyle as h } from "./utils.mjs";
+import { parentNode as T } from "../utils.mjs";
+const N = {
+  rows: 0,
+  columns: 0,
+  width: null,
+  widthUnit: "",
+  height: null,
+  heightUnit: "",
+  position: null,
+  textAlign: "",
+  cellPadding: null,
+  cellSpacing: null,
+  backgroundColor: void 0,
+  borderWidth: null,
+  borderColor: void 0,
+  borderStyle: null,
+  collapseBorders: !1,
+  id: "",
+  className: "",
+  caption: "",
+  captionAlignment: null,
+  captionPosition: null,
+  headerRows: 0,
+  headerColumns: 0,
+  associateHeaders: "none"
+}, k = {
+  left: { "margin-left": "", "margin-right": "auto" },
+  center: { "margin-left": "auto", "margin-right": "auto" },
+  right: { "margin-left": "auto", "margin-right": "" },
+  "": {}
+}, z = (n) => {
+  const t = [];
+  for (let i = 0; i < n.height; i++) {
+    const l = i * n.width, e = l + n.width;
+    t.push(n.map.slice(l, e));
+  }
+  return t;
+}, V = (n, t) => {
+  let i = 0, l = 0;
+  const e = z(t);
+  e.forEach((o) => {
+    let s = !0;
+    o.forEach((r) => {
+      const c = n.nodeAt(r);
+      c && c.type.name !== "table_header" && (s = !1);
+    }), s && i++;
+  });
+  for (let o = 0; o < t.width; o++) {
+    let s = !0;
+    for (let r = 0; r < t.height; r++) {
+      const c = e[r] && e[r][o], u = typeof c == "number" && n.nodeAt(c);
+      u && u.type.name !== "table_header" && (s = !1);
+    }
+    s && l++;
+  }
+  return { rows: i, columns: l };
+}, X = (n) => {
+  const t = /* @__PURE__ */ new Set();
+  return n.content.forEach((i) => {
+    i.content.forEach((l) => {
+      t.add(S(l.attrs.style).padding || "");
+    });
+  }), t.size === 1 ? Array.from(t)[0] : "";
+}, Y = (n) => {
+  let t = !0, i = !0;
+  return n.content.forEach((l) => {
+    l.content.forEach((e) => {
+      let o = e.type.name === "table_header", s = e.type.name === "table_cell";
+      o && !e.attrs.scope && (t = !1), (o && !e.attrs.id || s && !e.attrs.headers) && (i = !1);
+    });
+  }), t ? "scope" : i ? "id" : "none";
+}, ce = (n) => {
+  var p, a, b;
+  const t = P(n), i = n.selection.$from, l = t.length ? T(i, (f) => f.type.spec.tableRole === "table") : null;
+  if (!l)
+    return N;
+  const e = T(i, (f) => f.type.name === "table_wrapper");
+  let o = "", s = {}, r = {};
+  e && (r = S(e.node.attrs.style), e.node.content.forEach((f) => {
+    if (f.type.name === "table_caption_external") {
+      const y = F(f);
+      o = j(y), o = o === "<img>" ? "" : o, s = S(f.attrs.style);
+    }
+  }));
+  const c = S(((p = l.node.attrs) == null ? void 0 : p.style) || ""), u = A.get(l.node), d = r["margin-left"] === "auto" && r["margin-right"] === "auto" ? "center" : r["margin-right"] === "auto" ? "left" : r["margin-left"] === "auto" ? "right" : null, g = V(l.node, u), m = X(l.node);
+  return {
+    ...N,
+    columns: u.width,
+    rows: u.height,
+    ..._(l.node, "width"),
+    ...e && /%/.test(r.width || "") ? _(e.node, "width") : {},
+    ..._(l.node, "height"),
+    textAlign: c["text-align"] || "",
+    position: d || null,
+    cellPadding: m ? parseFloat(m) : null,
+    cellSpacing: c["border-spacing"] ? parseFloat(c["border-spacing"]) : null,
+    backgroundColor: c["background-color"],
+    borderWidth: c["border-width"] ? parseFloat(c["border-width"]) : null,
+    borderColor: c["border-color"],
+    borderStyle: c["border-style"] || null,
+    collapseBorders: c["border-collapse"] === "collapse",
+    caption: o || void 0,
+    captionAlignment: s["text-align"] || "",
+    captionPosition: s["caption-side"] || null,
+    headerRows: g.rows,
+    headerColumns: g.columns,
+    associateHeaders: g.rows || g.columns ? Y(l.node) : "none",
+    id: ((a = l.node.attrs) == null ? void 0 : a.id) || "",
+    className: ((b = l.node.attrs) == null ? void 0 : b.class) || ""
+  };
+}, $ = (n) => {
+  const i = n.lastChild.lastChild;
+  return { node: i, pos: n.content.size - i.nodeSize };
+}, R = (n, t, i, l, e) => {
+  const o = $(i), s = t + o.pos;
+  if (!n.doc.nodeAt(s))
+    return n;
+  const c = n.doc.resolve(s), u = new U(c, c), d = n.tr.setSelection(u);
+  let g = n.apply(d);
+  for (let m = 0; m < l; m++)
+    e(g, (p) => {
+      g = g.apply(p);
+    });
+  return g;
+}, x = (n, t, i, l) => {
+  let e = n;
+  for (let o = 0; o < i; o++) {
+    const s = e.doc.nodeAt(t);
+    if (s) {
+      const r = $(s), c = t + r.pos, u = e.doc.resolve(c), d = new U(u, u), g = e.tr.setSelection(d);
+      e = e.apply(g), l(e, (m) => {
+        e = e.apply(m);
+      });
+    }
+  }
+  return e;
+}, Z = (n, t, i, l) => {
+  let e = n, o = e.doc.nodeAt(t);
+  if (!o)
+    return e;
+  let s = A.get(o);
+  return s.width === l && s.height === i || (l > s.width ? e = R(e, t, o, l - s.width, q) : l < s.width && (e = x(e, t, s.width - l, K)), o = e.doc.nodeAt(t), !o) || (s = A.get(o), i > s.height ? e = R(e, t, o, i - s.height, G) : i < s.height && (e = x(e, t, s.height - i, L))), e;
+}, W = (n, t, i) => {
+  const l = n.doc.nodeAt(i);
+  if (!l)
+    return n;
+  let e = { ...l.attrs };
+  const o = t.width !== null && (t.widthUnit !== "%" || !t.caption && !t.position);
+  e = h(e, "width", o ? t.width + t.widthUnit : ""), e = h(e, "height", t.height !== null ? t.height + t.heightUnit : ""), e = h(e, "text-align", t.textAlign || ""), e = h(e, "background-color", t.backgroundColor || ""), e = h(e, "border-width", t.borderWidth ? t.borderWidth + "px" : ""), e = h(e, "border-style", t.borderStyle || ""), e = h(e, "border-color", t.borderColor || ""), e = h(e, "border-spacing", t.cellSpacing !== null ? t.cellSpacing + "px" : ""), t.cellSpacing !== null ? e = h(e, "border-collapse", "unset") : e = h(e, "border-collapse", t.collapseBorders ? "collapse" : "");
+  const s = k[t.position || ""] || {};
+  Object.keys(s).forEach((c) => {
+    e = h(e, c, s[c]);
+  }), e.id = t.id || null, e.class = t.className || null;
+  const r = n.tr.setNodeMarkup(i, null, e);
+  return n = n.apply(r), n;
+}, H = (n, t, i, l, e) => {
+  if (t.type.name !== l.name || Object.keys(e).length > 0) {
+    const o = n.tr.setNodeMarkup(i, l, { ...t.attrs, ...e });
+    return n.apply(o);
+  }
+  return n;
+}, I = (n, t) => {
+  /^cell-[0-9]+-[0-9]+$/.test(n.attrs.id || "") && (t.id = null);
+}, ee = (n, t, i) => {
+  const l = n.doc.nodeAt(i), e = l && A.get(l);
+  if (!l || !e)
+    return n;
+  const o = z(e);
+  let s = n;
+  const { table_header: r, table_cell: c } = n.schema.nodes, u = String((/* @__PURE__ */ new Date()).getTime()), d = [], g = (p, a) => {
+    const b = `cell-${p}${a}-${u}`;
+    return d[p] || d.push([]), d[p][a] || d[p].push([]), d[p][a] = b, b;
+  }, m = (p, a, b, f) => {
+    const y = [];
+    if (f)
+      for (let w = 0; w < p; w++)
+        d[w] && d[w][a] && y.push(d[w][a]);
+    if (b)
+      for (let w = 0; w < a; w++)
+        d[p] && d[p][w] && y.push(d[p][w]);
+    return y.join(" ");
+  };
+  return o.forEach((p, a) => {
+    p.forEach((b, f) => {
+      const y = l.nodeAt(b);
+      if (y) {
+        const w = f < t.headerColumns, E = a < t.headerRows, C = { ...y.attrs };
+        I(y, C), C.headers = null, C.scope = null, E || w ? (t.associateHeaders === "scope" && (C.scope = E ? "col" : "row"), t.associateHeaders === "id" && (C.id = g(a, f), (f > 0 || a > 0) && (C.headers = m(a, f, w, E) || null)), s = H(s, y, i + b + 1, r, C)) : (t.associateHeaders === "id" && (C.headers = m(a, f, t.headerColumns > 0, t.headerRows > 0) || null), s = H(s, y, i + b + 1, c, C));
+      }
+    });
+  }), s;
+}, te = (n, t, i, l) => {
+  let e = { ...t.attrs };
+  return e = h(e, "margin-left", ""), e = h(e, "margin-right", ""), Object.keys(l || {}).forEach((o) => {
+    e = h(e, o, (l || {})[o] || "");
+  }), n.apply(n.tr.setNodeMarkup(i, null, e));
+}, v = (n, t) => J("<p>" + n + "</p>", t).content.firstChild.content, M = (n, t) => {
+  if (!n.caption)
+    return;
+  let i = { caption: "", style: "display: table-caption" };
+  n.captionAlignment && (i = h(i, "text-align", n.captionAlignment)), n.captionPosition && (i = h(i, "caption-side", n.captionPosition));
+  const l = v(n.caption, t);
+  return l && t.nodes.table_caption_external.createAndFill(i, l) || void 0;
+}, D = (n) => n.firstChild && n.firstChild.type.name === "table_caption_external", ne = (n, t, i, l) => {
+  let e = n, o;
+  const s = i + 2, r = i + 1, c = e.schema;
+  if (D(t))
+    if (o = t.firstChild, l.caption) {
+      const u = v(l.caption, c);
+      if (e = e.apply(
+        e.tr.replaceWith(s, s + o.content.size, u)
+      ), o = e.doc.nodeAt(r), o) {
+        let d = { ...o.attrs };
+        d = h(d, "text-align", l.captionAlignment || ""), d = h(d, "caption-side", l.captionPosition || ""), e = e.apply(e.tr.setNodeAttribute(r, "style", d.style));
+      }
+    } else
+      e = e.apply(e.tr.deleteRange(s, s + o.content.size));
+  else
+    o = M(l, c), o && (e = e.apply(e.tr.replaceWith(r, r, o)));
+  return e;
+}, oe = (n, t, i, l, e) => {
+  let o = {
+    state: n,
+    pos: i
+  };
+  if (!l && (t.position || t.caption)) {
+    let r = { table: "", style: "display: table" };
+    const c = [], u = t.position, d = u && k[u];
+    d && Object.keys(d).forEach((a) => {
+      r = h(r, a, d[a] || "");
+    }), typeof t.width == "number" && t.widthUnit === "%" && (r = h(r, "width", t.width + t.widthUnit));
+    const g = M(t, n.schema);
+    g && c.push(g);
+    const m = n.doc.nodeAt(i);
+    c.push(m);
+    const p = n.schema.nodes.table_wrapper.createAndFill(r, c);
+    if (p) {
+      const a = n.tr.replaceWith(i, i + m.content.size, p);
+      n = n.apply(a), o = { state: n, pos: i };
+    }
+  } else
+    l && (t.position || t.caption || !t.caption && D(l.node)) ? (n = te(n, l.node, e, t.position && k[t.position]), n = ne(n, l.node, e, t), o = { state: n, pos: e }) : l && !(t.position || t.caption) ? o = { state: n, node: l.node, pos: n.selection.$from.start(l.depth) - 1 } : o = { state: n, pos: i };
+  const s = l && o.state.doc.nodeAt(e);
+  if (s) {
+    let r;
+    typeof t.width == "number" && t.widthUnit === "%" ? r = h(s.attrs, "width", t.width + t.widthUnit) : t.widthUnit !== "%" && /%/.test(S(s.attrs.style || "").width || "") && (r = h(s.attrs, "width", "")), r && (o.state = o.state.apply(o.state.tr.setNodeMarkup(e, null, r)));
+  }
+  return o;
+}, de = (n, t) => {
+  const i = n.selection.$from;
+  let l = T(i, (f) => f.type.spec.tableRole === "table");
+  if (!l)
+    return;
+  const e = i.start(l.depth) - 1;
+  let o = Z(n, e, t.rows, t.columns);
+  if (!o)
+    return;
+  const s = o.tr;
+  Q(o).forEach((f) => {
+    let y = { ...f.node.attrs };
+    y = h(y, "padding", typeof t.cellPadding == "number" ? t.cellPadding + "px" : ""), s.setNodeMarkup(f.pos, null, y);
+  }), o = o.apply(s), o = W(o, t, e), o = ee(o, t, e);
+  const r = T(i, (f) => f.type.name === "table_wrapper"), c = i.start((r == null ? void 0 : r.depth) || 0) - 1;
+  let u = oe(o, t, e, r, c);
+  o = u.state;
+  const d = u.pos, g = o.doc.nodeAt(u.pos);
+  if (!g)
+    return;
+  const m = d + (r || l).node.content.size, p = n.tr.replaceWith(d, m, g), a = O.atEnd(g), b = B.create(p.doc, d + a.to + 1);
+  return p.setSelection(b), p;
+};
+export {
+  de as applyTableData,
+  N as initialTableData,
+  ce as tableDefaultData,
+  k as tablePositionStyles
+};

package/tools/table-wizard/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@progress/kendo-editor-common"),i=require("../utils.js"),d=/[\D]+$/,f=e=>{const t=e.match(d);return t?t[0]:""},b=(e,t)=>{var n;const s=u(((n=e.attrs)==null?void 0:n.style)||"")[t]||"";return{[t]:parseFloat(s)||null,[t+"Unit"]:f(s)}},u=e=>(e||"").split(/\s*;\s*/).filter(Boolean).map(s=>{const n=s.split(/\s*:\s*/);return{[n[0]]:n[1]}}).reduce((s,n)=>({...s,...n}),{}),m=(e,t)=>{const s=t.style,n=t.value,l=t.newValue;if(!e)return{changed:!1,style:null};const o=e.split(/\s*;\s*/).filter(r=>!!r),c=o.filter(r=>{const a=r.split(/\s*:\s*/);return!(a[0].toLowerCase()===s&&n.test(a[1]))});return l&&c.push(`${s}: ${l}`),{style:c.join("; ")+(c.length?";":""),changed:!!l||c.length!==o.length}},g=/^.+$/;function $(e,t,s){let n;if(new RegExp("[^-]?"+t+":").test(e.style||"")){const{style:l}=m(e.style||"",{style:t,value:g,newValue:s});n={...e,style:l}}else if(e.style){const l=u(e.style);l[t]=s,n={...e,style:Object.keys(l).filter(o=>!!l[o]).reduce((o,c)=>o+c+": "+l[c]+"; ","").trim()}}else s?n={...e,style:t+": "+s+";"}:n={...e};return n}const N=e=>{const{doc:t,selection:s}=e,n=[];return s.ranges.forEach(l=>{const o=l.$from.pos,c=l.$to.pos;t.nodesBetween(o,c,(r,a,p,S)=>{(r.type.name==="table_cell"||r.type.name==="table_header")&&n.push({node:r,pos:a})})}),n},h=e=>{const t=i.parentNode(e.selection.$from,n=>n.type.name==="table"),s=i.parentNode(e.selection.$to,n=>n.type.name==="table");return t&&s&&t.depth===s.depth&&t.node.eq(s.node)?N(e).filter(({pos:l})=>{const o=i.parentNode(e.doc.resolve(l),c=>c.type.name==="table");return o&&o.depth===t.depth&&t.node.eq(o.node)}):[]},C=e=>{const t=[];if(h(e).length){const s=e.selection.$from,n=i.parentNode(s,a=>a.type.spec.tableRole==="table");if(n===null)return t;const l=s.start(n.depth),o=n.node,c=y.TableMap.get(o),r=e.doc;c.map.forEach(a=>{const p=a+l;t.push({pos:p,node:r.nodeAt(p)})})}return t};exports.getUnit=f;exports.nodeSize=b;exports.parseStyle=u;exports.reUnit=d;exports.selectedCells=h;exports.setNodeStyle=$;exports.tableCells=C;