@progress/kendo-react-editor 14.5.0-develop.1 → 14.5.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/toolsSettings.js +1 -1
- package/config/toolsSettings.mjs +2 -2
- package/dist/cdn/js/kendo-react-editor.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +18 -13
- package/tools/index.js +1 -1
- package/tools/index.mjs +78 -78
- package/tools/table-wizard/tableCellProperties.js +1 -1
- package/tools/table-wizard/tableCellProperties.mjs +6 -6
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-editor",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-editor",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1778664293,version:"14.5.0-develop.10",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '14.5.0-develop.
|
|
10
|
+
publishDate: 1778664293,
|
|
11
|
+
version: '14.5.0-develop.10',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-editor",
|
|
3
|
-
"version": "14.5.0-develop.
|
|
3
|
+
"version": "14.5.0-develop.10",
|
|
4
4
|
"description": "React Editor enables users to create rich text content through a WYSIWYG interface. KendoReact Editor package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-drawing": "^1.21.2",
|
|
29
29
|
"@progress/kendo-licensing": "^1.7.2",
|
|
30
|
-
"@progress/kendo-react-buttons": "14.5.0-develop.
|
|
31
|
-
"@progress/kendo-react-common": "14.5.0-develop.
|
|
32
|
-
"@progress/kendo-react-dialogs": "14.5.0-develop.
|
|
33
|
-
"@progress/kendo-react-dropdowns": "14.5.0-develop.
|
|
34
|
-
"@progress/kendo-react-form": "14.5.0-develop.
|
|
35
|
-
"@progress/kendo-react-inputs": "14.5.0-develop.
|
|
36
|
-
"@progress/kendo-react-intl": "14.5.0-develop.
|
|
37
|
-
"@progress/kendo-react-layout": "14.5.0-develop.
|
|
38
|
-
"@progress/kendo-react-pdf": "14.5.0-develop.
|
|
39
|
-
"@progress/kendo-react-popup": "14.5.0-develop.
|
|
40
|
-
"@progress/kendo-svg-icons": "^4.0.0",
|
|
30
|
+
"@progress/kendo-react-buttons": "14.5.0-develop.10",
|
|
31
|
+
"@progress/kendo-react-common": "14.5.0-develop.10",
|
|
32
|
+
"@progress/kendo-react-dialogs": "14.5.0-develop.10",
|
|
33
|
+
"@progress/kendo-react-dropdowns": "14.5.0-develop.10",
|
|
34
|
+
"@progress/kendo-react-form": "14.5.0-develop.10",
|
|
35
|
+
"@progress/kendo-react-inputs": "14.5.0-develop.10",
|
|
36
|
+
"@progress/kendo-react-intl": "14.5.0-develop.10",
|
|
37
|
+
"@progress/kendo-react-layout": "14.5.0-develop.10",
|
|
38
|
+
"@progress/kendo-react-pdf": "14.5.0-develop.10",
|
|
39
|
+
"@progress/kendo-react-popup": "14.5.0-develop.10",
|
|
40
|
+
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
41
41
|
"react": "^18.0.0 || ^19.0.0",
|
|
42
42
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
43
43
|
},
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"package": {
|
|
64
64
|
"productName": "KendoReact",
|
|
65
65
|
"productCode": "KENDOUIREACT",
|
|
66
|
-
"publishDate":
|
|
66
|
+
"publishDate": 1778664293,
|
|
67
67
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
@@ -73,5 +73,10 @@
|
|
|
73
73
|
"repository": {
|
|
74
74
|
"type": "git",
|
|
75
75
|
"url": "git+https://github.com/telerik/kendo-react.git"
|
|
76
|
+
},
|
|
77
|
+
"peerDependenciesMeta": {
|
|
78
|
+
"@progress/kendo-svg-icons": {
|
|
79
|
+
"optional": true
|
|
80
|
+
}
|
|
76
81
|
}
|
|
77
82
|
}
|
package/tools/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const fe=require("react"),n=require("../config/toolsSettings.js"),pe=require("./insertTable/tool.js"),Ie=require("./insertTable/popup.js"),ye=require("./align.js"),be=require("./fontStyle.js"),U=require("./applyColor.js"),Ae=require("./formatBlock.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const fe=require("react"),n=require("../config/toolsSettings.js"),pe=require("./insertTable/tool.js"),Ie=require("./insertTable/popup.js"),ye=require("./align.js"),be=require("./fontStyle.js"),U=require("./applyColor.js"),Ae=require("./formatBlock.js"),P=require("./history.js"),Ce=require("./indent.js"),xe=require("./inlineFormat.js"),Le=require("./insertImage.js"),ke=require("./insertLink.js"),we=require("./lists.js"),Re=require("./outdent.js"),r=require("./tableEdit.js"),qe=require("./unlink.js"),De=require("./viewHtml.js"),Ne=require("./print.js"),Fe=require("./pdf.js"),Be=require("./selectAll.js"),Ue=require("./cleanFormatting.js"),Pe=require("./findReplace.js"),v=require("./lists-styled.js"),l=require("@progress/kendo-svg-icons"),s=require("../messages/index.js"),ve=require("./table-wizard/tableCellProperties.js"),Oe=require("./table-wizard/tableProperties.js");function he(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(o,a,d.get?d:{enumerable:!0,get:()=>t[a]})}}return o.default=t,Object.freeze(o)}const i=he(fe);exports.EditorTools=void 0;(t=>{function o(e){return ye.createAlignTool(e)}t.createAlignTool=o;class a extends o(n.EditorToolsSettings.alignLeft){}t.AlignLeft=a;class d extends o(n.EditorToolsSettings.alignRight){}t.AlignRight=d;class O extends o(n.EditorToolsSettings.alignCenter){}t.AlignCenter=O;class h extends o(n.EditorToolsSettings.alignJustify){}t.AlignJustify=h;function m(e){return pe.InsertTableToolNS.createInsertTableTool(e)}t.createInsertTableTool=m;class H extends m(n.EditorToolsSettings.insertTable){}t.InsertTable=H;class K extends Ie.InsertTablePopupNS.InsertTablePopup{}t.InsertTablePopup=K;function u(e){return be.FontStyleToolNS.createStyleDropDownList(e)}t.createStyleDropDownList=u;class M extends u(n.EditorToolsSettings.fontSize){}t.FontSize=M;class V extends u(n.EditorToolsSettings.fontName){}t.FontName=V,t.ForeColor=e=>i.createElement(U.ApplyColorTool,{...n.EditorToolsSettings.foreColor,...e}),t.BackColor=e=>i.createElement(U.ApplyColorTool,{...n.EditorToolsSettings.backColor,...e});function f(e){return Ae.FormatBlockToolNS.createFormatBlockDropDownList(e)}t.createFormatBlockDropDownList=f;class j extends f(n.EditorToolsSettings.formatBlock){}t.FormatBlock=j;function p(e){return P.HistoryToolNS.createUndoTool(e)}t.createUndoTool=p;function I(e){return P.HistoryToolNS.createRedoTool(e)}t.createRedoTool=I;class z extends p(n.EditorToolsSettings.undo){}t.Undo=z;class J extends I(n.EditorToolsSettings.redo){}t.Redo=J;function y(e){return Ce.IndentToolNS.createIndentTool(e)}t.createIndentTool=y;class _ extends y(n.EditorToolsSettings.indent){}t.Indent=_;function c(e){return xe.InlineFormatToolNS.createInlineFormatTool(e)}t.createInlineFormatTool=c;class G extends c(n.EditorToolsSettings.bold){}t.Bold=G;class Q extends c(n.EditorToolsSettings.italic){}t.Italic=Q;class W extends c(n.EditorToolsSettings.underline){}t.Underline=W;class X extends c(n.EditorToolsSettings.strikethrough){}t.Strikethrough=X;class Y extends c(n.EditorToolsSettings.subscript){}t.Subscript=Y;class Z extends c(n.EditorToolsSettings.superscript){}t.Superscript=Z;function b(e){return Le.createInsertImageTool(e)}t.createInsertImageTool=b;class $ extends b(n.EditorToolsSettings.image){}t.InsertImage=$;function g(e){return ke.LinkToolNS.createLinkTool(e)}t.createLinkTool=g;class E extends g(n.EditorToolsSettings.link){}t.Link=E;class ee extends g(n.EditorToolsSettings.insertFile){}t.InsertFile=ee;function S(e){return we.ListToolNS.createListTool(e)}t.createListTool=S;class te extends S(n.EditorToolsSettings.orderedList){}t.OrderedList=te;class ne extends S(n.EditorToolsSettings.bulletList){}t.UnorderedList=ne,t.BulletedList=e=>{const T=[{icon:"list-unordered",svgIcon:l.listUnorderedIcon,textKey:s.keys.listStyleDisc,style:"disc"},{icon:"list-unordered",svgIcon:l.listUnorderedIcon,textKey:s.keys.listStyleCircle,style:"circle"},{icon:"list-unordered-square",svgIcon:l.listUnorderedSquareIcon,textKey:s.keys.listStyleSquare,style:"square"}];return i.createElement(v.ListTool,{listType:n.EditorToolsSettings.bulletList.listType,items:T,icon:"list-unordered",svgIcon:l.listUnorderedIcon,titleKey:n.EditorToolsSettings.bulletList.messages.title,...e})},t.NumberedList=e=>{const T=[{icon:"list-ordered",svgIcon:l.listOrderedIcon,textKey:s.keys.listStyleDecimal},{icon:"list-roman-upper",svgIcon:l.listRomanUpperIcon,textKey:s.keys.listStyleUpperRoman,style:"upper-roman"},{icon:"list-roman-lower",svgIcon:l.listRomanLowerIcon,textKey:s.keys.listStyleLowerRoman,style:"lower-roman"},{icon:"list-latin-big",svgIcon:l.listLatinBigIcon,textKey:s.keys.listStyleUpperLatin,style:"upper-latin"},{icon:"list-latin-small",svgIcon:l.listLatinSmallIcon,textKey:s.keys.listStyleLowerLatin,style:"lower-latin"}];return i.createElement(v.ListTool,{listType:n.EditorToolsSettings.orderedList.listType,items:T,icon:"list-ordered",svgIcon:l.listOrderedIcon,titleKey:n.EditorToolsSettings.orderedList.messages.title,...e})},t.TableCellProperties=ve.TableCellProperties,t.TableProperties=Oe.TableProperties;function A(e){return Re.OutdentToolNS.createOutdentTool(e)}t.createOutdentTool=A;class le extends A(n.EditorToolsSettings.outdent){}t.Outdent=le,t.Print=e=>i.createElement(Ne.Print,{...e}),t.Pdf=e=>i.createElement(Fe.Pdf,{...e}),t.SelectAll=e=>i.createElement(Be.SelectAll,{...e}),t.CleanFormatting=e=>i.createElement(Ue.CleanFormatting,{...e});function C(e){return r.TableEditNS.createAddRowBeforeTool(e)}t.createAddRowBeforeTool=C;function x(e){return r.TableEditNS.createAddRowAfterTool(e)}t.createAddRowAfterTool=x;function L(e){return r.TableEditNS.createAddColumnBeforeTool(e)}t.createAddColumnBeforeTool=L;function k(e){return r.TableEditNS.createAddColumnAfterTool(e)}t.createAddColumnAfterTool=k;function w(e){return r.TableEditNS.createDeleteRowTool(e)}t.createDeleteRowTool=w;function R(e){return r.TableEditNS.createDeleteColumnTool(e)}t.createDeleteColumnTool=R;function q(e){return r.TableEditNS.createDeleteTableTool(e)}t.createDeleteTableTool=q;function D(e){return r.TableEditNS.createMergeCellsTool(e)}t.createMergeCellsTool=D;function N(e){return r.TableEditNS.createSplitCellTool(e)}t.createSplitCellTool=N;class oe extends C(n.EditorToolsSettings.addRowBefore){}t.AddRowBefore=oe;class re extends x(n.EditorToolsSettings.addRowAfter){}t.AddRowAfter=re;class se extends L(n.EditorToolsSettings.addColumnBefore){}t.AddColumnBefore=se;class ie extends k(n.EditorToolsSettings.addColumnAfter){}t.AddColumnAfter=ie;class ce extends w(n.EditorToolsSettings.deleteRow){}t.DeleteRow=ce;class ae extends R(n.EditorToolsSettings.deleteColumn){}t.DeleteColumn=ae;class de extends q(n.EditorToolsSettings.deleteTable){}t.DeleteTable=de;class ue extends D(n.EditorToolsSettings.mergeCells){}t.MergeCells=ue;class ge extends N(n.EditorToolsSettings.splitCell){}t.SplitCell=ge;function F(e){return qe.UnlinkToolNS.createUnlinkTool(e)}t.createUnlinkTool=F;class Se extends F(n.EditorToolsSettings.unlink){}t.Unlink=Se;function B(e){return De.ViewHtmlToolNS.createViewHtmlTool(e)}t.createViewHtmlTool=B;class Te extends B(n.EditorToolsSettings.viewHtml){}t.ViewHtml=Te;class me extends Pe.FindAndReplace{}t.FindAndReplace=me})(exports.EditorTools||(exports.EditorTools={}));
|
package/tools/index.mjs
CHANGED
|
@@ -11,9 +11,9 @@ import { InsertTableToolNS as xe } from "./insertTable/tool.mjs";
|
|
|
11
11
|
import { InsertTablePopupNS as Se } from "./insertTable/popup.mjs";
|
|
12
12
|
import { createAlignTool as Ce } from "./align.mjs";
|
|
13
13
|
import { FontStyleToolNS as ye } from "./fontStyle.mjs";
|
|
14
|
-
import { ApplyColorTool as
|
|
14
|
+
import { ApplyColorTool as U } from "./applyColor.mjs";
|
|
15
15
|
import { FormatBlockToolNS as Le } from "./formatBlock.mjs";
|
|
16
|
-
import { HistoryToolNS as
|
|
16
|
+
import { HistoryToolNS as N } from "./history.mjs";
|
|
17
17
|
import { IndentToolNS as we } from "./indent.mjs";
|
|
18
18
|
import { InlineFormatToolNS as Te } from "./inlineFormat.mjs";
|
|
19
19
|
import { createInsertImageTool as Re } from "./insertImage.mjs";
|
|
@@ -28,34 +28,34 @@ import { Pdf as Ne } from "./pdf.mjs";
|
|
|
28
28
|
import { SelectAll as ve } from "./selectAll.mjs";
|
|
29
29
|
import { CleanFormatting as Pe } from "./cleanFormatting.mjs";
|
|
30
30
|
import { FindAndReplace as Ke } from "./findReplace.mjs";
|
|
31
|
-
import { ListTool as
|
|
32
|
-
import { listUnorderedIcon as
|
|
31
|
+
import { ListTool as v } from "./lists-styled.mjs";
|
|
32
|
+
import { listUnorderedIcon as d, listUnorderedSquareIcon as he, listOrderedIcon as P, listRomanUpperIcon as Oe, listRomanLowerIcon as He, listLatinBigIcon as Ve, listLatinSmallIcon as Me } from "@progress/kendo-svg-icons";
|
|
33
33
|
import { keys as o } from "../messages/index.mjs";
|
|
34
|
-
import { TableCellProperties as
|
|
35
|
-
import { TableProperties as
|
|
34
|
+
import { TableCellProperties as qe } from "./table-wizard/tableCellProperties.mjs";
|
|
35
|
+
import { TableProperties as ze } from "./table-wizard/tableProperties.mjs";
|
|
36
36
|
var K;
|
|
37
37
|
((t) => {
|
|
38
38
|
function c(e) {
|
|
39
39
|
return Ce(e);
|
|
40
40
|
}
|
|
41
41
|
t.createAlignTool = c;
|
|
42
|
-
class
|
|
42
|
+
class h extends c(n.alignLeft) {
|
|
43
43
|
}
|
|
44
|
-
t.AlignLeft =
|
|
45
|
-
class
|
|
44
|
+
t.AlignLeft = h;
|
|
45
|
+
class O extends c(n.alignRight) {
|
|
46
46
|
}
|
|
47
|
-
t.AlignRight =
|
|
47
|
+
t.AlignRight = O;
|
|
48
48
|
class H extends c(n.alignCenter) {
|
|
49
49
|
}
|
|
50
50
|
t.AlignCenter = H;
|
|
51
51
|
class V extends c(n.alignJustify) {
|
|
52
52
|
}
|
|
53
53
|
t.AlignJustify = V;
|
|
54
|
-
function
|
|
54
|
+
function f(e) {
|
|
55
55
|
return xe.createInsertTableTool(e);
|
|
56
56
|
}
|
|
57
|
-
t.createInsertTableTool =
|
|
58
|
-
class M extends
|
|
57
|
+
t.createInsertTableTool = f;
|
|
58
|
+
class M extends f(n.insertTable) {
|
|
59
59
|
}
|
|
60
60
|
t.InsertTable = M;
|
|
61
61
|
class q extends Se.InsertTablePopup {
|
|
@@ -70,33 +70,33 @@ var K;
|
|
|
70
70
|
t.FontSize = z;
|
|
71
71
|
class J extends s(n.fontName) {
|
|
72
72
|
}
|
|
73
|
-
t.FontName = J, t.ForeColor = (e) => /* @__PURE__ */ r.createElement(
|
|
74
|
-
function
|
|
73
|
+
t.FontName = J, t.ForeColor = (e) => /* @__PURE__ */ r.createElement(U, { ...n.foreColor, ...e }), t.BackColor = (e) => /* @__PURE__ */ r.createElement(U, { ...n.backColor, ...e });
|
|
74
|
+
function p(e) {
|
|
75
75
|
return Le.createFormatBlockDropDownList(e);
|
|
76
76
|
}
|
|
77
|
-
t.createFormatBlockDropDownList =
|
|
78
|
-
class $ extends
|
|
77
|
+
t.createFormatBlockDropDownList = p;
|
|
78
|
+
class $ extends p(n.formatBlock) {
|
|
79
79
|
}
|
|
80
80
|
t.FormatBlock = $;
|
|
81
|
-
function p(e) {
|
|
82
|
-
return U.createUndoTool(e);
|
|
83
|
-
}
|
|
84
|
-
t.createUndoTool = p;
|
|
85
81
|
function I(e) {
|
|
86
|
-
return
|
|
82
|
+
return N.createUndoTool(e);
|
|
87
83
|
}
|
|
88
|
-
t.
|
|
89
|
-
|
|
84
|
+
t.createUndoTool = I;
|
|
85
|
+
function g(e) {
|
|
86
|
+
return N.createRedoTool(e);
|
|
87
|
+
}
|
|
88
|
+
t.createRedoTool = g;
|
|
89
|
+
class j extends I(n.undo) {
|
|
90
90
|
}
|
|
91
91
|
t.Undo = j;
|
|
92
|
-
class G extends
|
|
92
|
+
class G extends g(n.redo) {
|
|
93
93
|
}
|
|
94
94
|
t.Redo = G;
|
|
95
|
-
function
|
|
95
|
+
function A(e) {
|
|
96
96
|
return we.createIndentTool(e);
|
|
97
97
|
}
|
|
98
|
-
t.createIndentTool =
|
|
99
|
-
class Q extends
|
|
98
|
+
t.createIndentTool = A;
|
|
99
|
+
class Q extends A(n.indent) {
|
|
100
100
|
}
|
|
101
101
|
t.Indent = Q;
|
|
102
102
|
function a(e) {
|
|
@@ -121,11 +121,11 @@ var K;
|
|
|
121
121
|
class E extends a(n.superscript) {
|
|
122
122
|
}
|
|
123
123
|
t.Superscript = E;
|
|
124
|
-
function
|
|
124
|
+
function x(e) {
|
|
125
125
|
return Re(e);
|
|
126
126
|
}
|
|
127
|
-
t.createInsertImageTool =
|
|
128
|
-
class ee extends
|
|
127
|
+
t.createInsertImageTool = x;
|
|
128
|
+
class ee extends x(n.image) {
|
|
129
129
|
}
|
|
130
130
|
t.InsertImage = ee;
|
|
131
131
|
function i(e) {
|
|
@@ -149,10 +149,10 @@ var K;
|
|
|
149
149
|
}
|
|
150
150
|
t.UnorderedList = re, t.BulletedList = (e) => {
|
|
151
151
|
const u = [
|
|
152
|
-
{ icon: "list-unordered", svgIcon:
|
|
152
|
+
{ icon: "list-unordered", svgIcon: d, textKey: o.listStyleDisc, style: "disc" },
|
|
153
153
|
{
|
|
154
|
-
icon: "list-unordered
|
|
155
|
-
svgIcon:
|
|
154
|
+
icon: "list-unordered",
|
|
155
|
+
svgIcon: d,
|
|
156
156
|
textKey: o.listStyleCircle,
|
|
157
157
|
style: "circle"
|
|
158
158
|
},
|
|
@@ -164,12 +164,12 @@ var K;
|
|
|
164
164
|
}
|
|
165
165
|
];
|
|
166
166
|
return /* @__PURE__ */ r.createElement(
|
|
167
|
-
|
|
167
|
+
v,
|
|
168
168
|
{
|
|
169
169
|
listType: n.bulletList.listType,
|
|
170
170
|
items: u,
|
|
171
171
|
icon: "list-unordered",
|
|
172
|
-
svgIcon:
|
|
172
|
+
svgIcon: d,
|
|
173
173
|
titleKey: n.bulletList.messages.title,
|
|
174
174
|
...e
|
|
175
175
|
}
|
|
@@ -180,31 +180,31 @@ var K;
|
|
|
180
180
|
// { icon: 'list-leading-zero', text: 'Decimal with leading zero', styleType: 'decimal-leading-zero' },
|
|
181
181
|
{
|
|
182
182
|
icon: "list-roman-upper",
|
|
183
|
-
svgIcon:
|
|
183
|
+
svgIcon: Oe,
|
|
184
184
|
textKey: o.listStyleUpperRoman,
|
|
185
185
|
style: "upper-roman"
|
|
186
186
|
},
|
|
187
187
|
{
|
|
188
188
|
icon: "list-roman-lower",
|
|
189
|
-
svgIcon:
|
|
189
|
+
svgIcon: He,
|
|
190
190
|
textKey: o.listStyleLowerRoman,
|
|
191
191
|
style: "lower-roman"
|
|
192
192
|
},
|
|
193
193
|
{
|
|
194
194
|
icon: "list-latin-big",
|
|
195
|
-
svgIcon:
|
|
195
|
+
svgIcon: Ve,
|
|
196
196
|
textKey: o.listStyleUpperLatin,
|
|
197
197
|
style: "upper-latin"
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
icon: "list-latin-small",
|
|
201
|
-
svgIcon:
|
|
201
|
+
svgIcon: Me,
|
|
202
202
|
textKey: o.listStyleLowerLatin,
|
|
203
203
|
style: "lower-latin"
|
|
204
204
|
}
|
|
205
205
|
];
|
|
206
206
|
return /* @__PURE__ */ r.createElement(
|
|
207
|
-
|
|
207
|
+
v,
|
|
208
208
|
{
|
|
209
209
|
listType: n.orderedList.listType,
|
|
210
210
|
items: u,
|
|
@@ -214,89 +214,89 @@ var K;
|
|
|
214
214
|
...e
|
|
215
215
|
}
|
|
216
216
|
);
|
|
217
|
-
}, t.TableCellProperties =
|
|
218
|
-
function
|
|
217
|
+
}, t.TableCellProperties = qe, t.TableProperties = ze;
|
|
218
|
+
function S(e) {
|
|
219
219
|
return ke.createOutdentTool(e);
|
|
220
220
|
}
|
|
221
|
-
t.createOutdentTool =
|
|
222
|
-
class oe extends
|
|
221
|
+
t.createOutdentTool = S;
|
|
222
|
+
class oe extends S(n.outdent) {
|
|
223
223
|
}
|
|
224
224
|
t.Outdent = oe, t.Print = (e) => /* @__PURE__ */ r.createElement(Ue, { ...e }), t.Pdf = (e) => /* @__PURE__ */ r.createElement(Ne, { ...e }), t.SelectAll = (e) => /* @__PURE__ */ r.createElement(ve, { ...e }), t.CleanFormatting = (e) => /* @__PURE__ */ r.createElement(Pe, { ...e });
|
|
225
|
-
function
|
|
225
|
+
function C(e) {
|
|
226
226
|
return l.createAddRowBeforeTool(e);
|
|
227
227
|
}
|
|
228
|
-
t.createAddRowBeforeTool =
|
|
229
|
-
function
|
|
228
|
+
t.createAddRowBeforeTool = C;
|
|
229
|
+
function y(e) {
|
|
230
230
|
return l.createAddRowAfterTool(e);
|
|
231
231
|
}
|
|
232
|
-
t.createAddRowAfterTool =
|
|
233
|
-
function
|
|
232
|
+
t.createAddRowAfterTool = y;
|
|
233
|
+
function L(e) {
|
|
234
234
|
return l.createAddColumnBeforeTool(e);
|
|
235
235
|
}
|
|
236
|
-
t.createAddColumnBeforeTool =
|
|
237
|
-
function
|
|
236
|
+
t.createAddColumnBeforeTool = L;
|
|
237
|
+
function w(e) {
|
|
238
238
|
return l.createAddColumnAfterTool(e);
|
|
239
239
|
}
|
|
240
|
-
t.createAddColumnAfterTool =
|
|
241
|
-
function
|
|
240
|
+
t.createAddColumnAfterTool = w;
|
|
241
|
+
function T(e) {
|
|
242
242
|
return l.createDeleteRowTool(e);
|
|
243
243
|
}
|
|
244
|
-
t.createDeleteRowTool =
|
|
245
|
-
function
|
|
244
|
+
t.createDeleteRowTool = T;
|
|
245
|
+
function R(e) {
|
|
246
246
|
return l.createDeleteColumnTool(e);
|
|
247
247
|
}
|
|
248
|
-
t.createDeleteColumnTool =
|
|
249
|
-
function
|
|
248
|
+
t.createDeleteColumnTool = R;
|
|
249
|
+
function b(e) {
|
|
250
250
|
return l.createDeleteTableTool(e);
|
|
251
251
|
}
|
|
252
|
-
t.createDeleteTableTool =
|
|
253
|
-
function
|
|
252
|
+
t.createDeleteTableTool = b;
|
|
253
|
+
function D(e) {
|
|
254
254
|
return l.createMergeCellsTool(e);
|
|
255
255
|
}
|
|
256
|
-
t.createMergeCellsTool =
|
|
257
|
-
function
|
|
256
|
+
t.createMergeCellsTool = D;
|
|
257
|
+
function k(e) {
|
|
258
258
|
return l.createSplitCellTool(e);
|
|
259
259
|
}
|
|
260
|
-
t.createSplitCellTool =
|
|
261
|
-
class ae extends
|
|
260
|
+
t.createSplitCellTool = k;
|
|
261
|
+
class ae extends C(n.addRowBefore) {
|
|
262
262
|
}
|
|
263
263
|
t.AddRowBefore = ae;
|
|
264
|
-
class ce extends
|
|
264
|
+
class ce extends y(n.addRowAfter) {
|
|
265
265
|
}
|
|
266
266
|
t.AddRowAfter = ce;
|
|
267
|
-
class se extends
|
|
267
|
+
class se extends L(n.addColumnBefore) {
|
|
268
268
|
}
|
|
269
269
|
t.AddColumnBefore = se;
|
|
270
|
-
class ie extends
|
|
270
|
+
class ie extends w(n.addColumnAfter) {
|
|
271
271
|
}
|
|
272
272
|
t.AddColumnAfter = ie;
|
|
273
|
-
class me extends
|
|
273
|
+
class me extends T(n.deleteRow) {
|
|
274
274
|
}
|
|
275
275
|
t.DeleteRow = me;
|
|
276
|
-
class ue extends
|
|
276
|
+
class ue extends R(n.deleteColumn) {
|
|
277
277
|
}
|
|
278
278
|
t.DeleteColumn = ue;
|
|
279
|
-
class de extends
|
|
279
|
+
class de extends b(n.deleteTable) {
|
|
280
280
|
}
|
|
281
281
|
t.DeleteTable = de;
|
|
282
|
-
class fe extends
|
|
282
|
+
class fe extends D(n.mergeCells) {
|
|
283
283
|
}
|
|
284
284
|
t.MergeCells = fe;
|
|
285
|
-
class pe extends
|
|
285
|
+
class pe extends k(n.splitCell) {
|
|
286
286
|
}
|
|
287
287
|
t.SplitCell = pe;
|
|
288
|
-
function
|
|
288
|
+
function F(e) {
|
|
289
289
|
return Fe.createUnlinkTool(e);
|
|
290
290
|
}
|
|
291
|
-
t.createUnlinkTool =
|
|
292
|
-
class Ie extends
|
|
291
|
+
t.createUnlinkTool = F;
|
|
292
|
+
class Ie extends F(n.unlink) {
|
|
293
293
|
}
|
|
294
294
|
t.Unlink = Ie;
|
|
295
|
-
function
|
|
295
|
+
function B(e) {
|
|
296
296
|
return Be.createViewHtmlTool(e);
|
|
297
297
|
}
|
|
298
|
-
t.createViewHtmlTool =
|
|
299
|
-
class ge extends
|
|
298
|
+
t.createViewHtmlTool = B;
|
|
299
|
+
class ge extends B(n.viewHtml) {
|
|
300
300
|
}
|
|
301
301
|
t.ViewHtml = ge;
|
|
302
302
|
class Ae extends Ke {
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ke=require("react"),x=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-react-inputs"),g=require("@progress/kendo-react-dropdowns"),X=require("@progress/kendo-react-dialogs"),o=require("@progress/kendo-svg-icons"),n=require("../utils.js"),ee=require("@progress/kendo-react-common"),te=require("@progress/kendo-react-intl"),t=require("../../messages/index.js"),le=require("./cellPropsUtils.js");function ye(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(l,a,i.get?i:{enumerable:!0,get:()=>r[a]})}}return l.default=r,Object.freeze(l)}const e=ye(ke),be=r=>{const{view:l,...a}=r,[i,p]=e.useState(!1),f=te.useLocalization(),b=!!(l&&n.parentNode(l.state.selection.$from,m=>m.type.spec.tableRole==="table")),k=e.useCallback(()=>{p(!0)},[]),u=e.useCallback(()=>{p(!1),l==null||l.focus()},[l]),y=e.useCallback(m=>{if(l&&m){const d=le.applyCellsData(l.state,m);d.docChanged&&l.dispatch(d)}u()},[l,u]);return e.createElement(e.Fragment,null,e.createElement(x.Button,{type:"button",title:f.toLanguageString(t.keys.cellProperties,t.messages[t.keys.cellProperties]),icon:"table-cell-properties",svgIcon:o.tableCellPropertiesIcon,onClick:k,disabled:!b,...n.onDownPreventDefault,...a}),i&&l&&e.createElement(ve,{view:l,onCancel:u,onSave:y}))},Y=[{textKey:t.keys.cellPropertiesLeftTop,text:t.messages[t.keys.cellPropertiesLeftTop],icon:"table-align-top-left",svgIcon:o.tableAlignTopLeftIcon,value:{x:"left",y:"top"}},{textKey:t.keys.cellPropertiesCenterTop,text:t.messages[t.keys.cellPropertiesCenterTop],icon:"table-align-top-center",svgIcon:o.tableAlignTopCenterIcon,value:{x:"center",y:"top"}},{textKey:t.keys.cellPropertiesRightTop,text:t.messages[t.keys.cellPropertiesRightTop],icon:"table-align-top-right",svgIcon:o.tableAlignTopRightIcon,value:{x:"right",y:"top"}},{textKey:t.keys.cellPropertiesLeftMiddle,text:t.messages[t.keys.cellPropertiesLeftMiddle],icon:"table-align-middle-left",svgIcon:o.tableAlignMiddleLeftIcon,value:{x:"left",y:"middle"}},{textKey:t.keys.cellPropertiesCenterMiddle,text:t.messages[t.keys.cellPropertiesCenterMiddle],icon:"table-align-middle-center",svgIcon:o.tableAlignMiddleCenterIcon,value:{x:"center",y:"middle"}},{textKey:t.keys.cellPropertiesRightMiddle,text:t.messages[t.keys.cellPropertiesRightMiddle],icon:"table-align-middle-right",svgIcon:o.tableAlignMiddleRightIcon,value:{x:"right",y:"middle"}},{textKey:t.keys.cellPropertiesLeftBottom,text:t.messages[t.keys.cellPropertiesLeftBottom],icon:"table-align-bottom-left",svgIcon:o.tableAlignBottomLeftIcon,value:{x:"left",y:"bottom"}},{textKey:t.keys.cellPropertiesCenterBottom,text:t.messages[t.keys.cellPropertiesCenterBottom],icon:"table-align-bottom-center",svgIcon:o.tableAlignBottomCenterIcon,value:{x:"center",y:"bottom"}},{textKey:t.keys.cellPropertiesRightBottom,text:t.messages[t.keys.cellPropertiesRightBottom],icon:"table-align-bottom-right",svgIcon:o.tableAlignBottomRightIcon,value:{x:"right",y:"bottom"}},{textKey:t.keys.cellPropertiesNoAlignment,text:t.messages[t.keys.cellPropertiesNoAlignment],icon:"align-remove",svgIcon:o.tableAlignRemoveIcon,value:{x:"",y:""}}],Z=[{textKey:t.keys.cellPropertiesWrap,text:t.messages[t.keys.cellPropertiesWrap],value:"",icon:"text-wrap",svgIcon:o.textWrapIcon},{textKey:t.keys.cellPropertiesFitToCell,text:t.messages[t.keys.cellPropertiesFitToCell],value:"nowrap",icon:"parameter-string",svgIcon:o.parameterStringIcon}],P=(r,l)=>l?e.createElement(e.Fragment,null,e.createElement(c.InputPrefix,null,e.createElement(ee.IconWrap,{icon:l.svgIcon,name:l.icon})),r):r,E=(r,l)=>{const a=e.createElement(e.Fragment,null,e.createElement(c.InputPrefix,null,e.createElement(ee.IconWrap,{icon:l.dataItem.svgIcon,name:l.dataItem.icon})),r.props.children);return e.cloneElement(r,r.props,a)},ve=r=>{const l=e.useMemo(()=>le.cellsDefaultData(r.view.state),[r.view]),a=te.useLocalization(),i=e.useRef(null),p=l.applyToAll,f=e.useRef(null),b=l.cellWidth,k=e.useRef(null);l.widthUnit&&!n.units.includes(l.widthUnit)&&n.units.push(l.widthUnit);const u=l.widthUnit||"",y=e.useRef(null),m=l.cellHeight,d=e.useRef(null);l.heightUnit&&!n.units.includes(l.heightUnit)&&n.units.push(l.heightUnit);const ae=l.heightUnit||"",C=e.useRef(null),re=Y.find(s=>s.value.x!==void 0&&l.alignment&&s.value.x===l.alignment.x&&s.value.y===l.alignment.y)||null,N=e.useRef(null),se=Z.find(s=>s.value===l.textControl),S=e.useRef(null),ne=l.backgroundColor,v=e.useRef(null),oe=l.cellPadding,h=e.useRef(null),ce=l.borderWidth,I=e.useRef(null),ie=l.borderColor,w=e.useRef(null),me=n.borderStyles.find(s=>s.value===l.borderStyle),R=e.useRef(null),ue=l.id,L=e.useRef(null),de=l.className,ge=e.useCallback(()=>{var D,T,A,B,W,K,U,V,M,q,z,F,H,O,j,_,$,G,J,Q;const s={applyToAll:!!((T=(D=i.current)==null?void 0:D.element)!=null&&T.checked),cellWidth:((A=f.current)==null?void 0:A.value)||null,widthUnit:((B=k.current)==null?void 0:B.value)||"",cellHeight:((W=y.current)==null?void 0:W.value)||null,heightUnit:((K=d.current)==null?void 0:K.value)||"",alignment:(V=(U=C.current)==null?void 0:U.value)==null?void 0:V.value,textControl:(q=(M=N.current)==null?void 0:M.value)==null?void 0:q.value,backgroundColor:(z=S.current)==null?void 0:z.value,cellPadding:typeof((F=v.current)==null?void 0:F.value)=="number"?(H=v.current)==null?void 0:H.value:null,borderWidth:typeof((O=h.current)==null?void 0:O.value)=="number"?(j=h.current)==null?void 0:j.value:null,borderColor:(_=I.current)==null?void 0:_.value,borderStyle:((G=($=w.current)==null?void 0:$.value)==null?void 0:G.value)||null,id:String(((J=R.current)==null?void 0:J.value)||""),className:String(((Q=L.current)==null?void 0:Q.value)||"")};r.onSave.call(void 0,s)},[r.onSave]),pe=e.createElement("div",{className:"k-form k-form-md"},e.createElement("fieldset",{className:"k-form-fieldset"},e.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4"},e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("div",{className:"k-form-field-wrap"},e.createElement("span",{className:"k-checkbox-wrap"},e.createElement(c.Checkbox,{ref:i,defaultChecked:p})),e.createElement("label",{className:"k-checkbox-label"},a.toLanguageString(t.keys.cellPropertiesApplyToAllCells,t.messages[t.keys.cellPropertiesApplyToAllCells])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesWidth,t.messages[t.keys.cellPropertiesWidth])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:f,defaultValue:b,min:0,placeholder:a.toLanguageString(t.keys.sizeAuto,t.messages[t.keys.sizeAuto])}),e.createElement("div",{className:"k-form-hint"},a.toLanguageString(t.keys.cellPropertiesApplyToColumn,t.messages[t.keys.cellPropertiesApplyToColumn])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"}," "),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.AutoComplete,{ref:k,defaultValue:u,data:n.units,popupSettings:n.popupSettings}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesHeight,t.messages[t.keys.cellPropertiesHeight])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:y,defaultValue:m,min:0,placeholder:a.toLanguageString(t.keys.sizeAuto,t.messages[t.keys.sizeAuto])}),e.createElement("div",{className:"k-form-hint"},a.toLanguageString(t.keys.cellPropertiesApplyToRow,t.messages[t.keys.cellPropertiesApplyToRow])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"}," "),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.AutoComplete,{ref:d,defaultValue:ae,data:n.units,popupSettings:n.popupSettings}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesAlignment,t.messages[t.keys.cellPropertiesAlignment])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:C,defaultValue:re,data:Y.map(s=>({...s,text:a.toLanguageString(s.textKey,s.text)})),textField:"text",dataItemKey:"text",popupSettings:n.popupSettings,valueRender:P,itemRender:E}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesTextControl,t.messages[t.keys.cellPropertiesTextControl])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:N,defaultValue:se,data:Z.map(s=>({...s,text:a.toLanguageString(s.textKey,s.text)})),textField:"text",dataItemKey:"value",popupSettings:n.popupSettings,valueRender:P,itemRender:E}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesCellPadding,t.messages[t.keys.cellPropertiesCellPadding])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:v,defaultValue:oe,min:0}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBackground,t.messages[t.keys.cellPropertiesBackground])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.ColorPicker,{ref:S,defaultValue:ne}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderWidth,t.messages[t.keys.cellPropertiesBorderWidth])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:h,defaultValue:ce,min:0}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderColor,t.messages[t.keys.cellPropertiesBorderColor])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.ColorPicker,{ref:I,defaultValue:ie}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderStyle,t.messages[t.keys.cellPropertiesBorderStyle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:w,defaultValue:me,popupSettings:n.popupSettings,data:n.borderStyles,textField:"text",dataItemKey:"value"}))),e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesId,t.messages[t.keys.cellPropertiesId])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.TextBox,{ref:R,defaultValue:ue}))),e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesCssClass,t.messages[t.keys.cellPropertiesCssClass])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.TextBox,{ref:L,defaultValue:de})))))),fe=[e.createElement(x.Button,{onClick:r.onCancel,key:"cancel"},a.toLanguageString(t.keys.cellPropertiesCancel,t.messages[t.keys.cellPropertiesCancel])),e.createElement(x.Button,{themeColor:"primary",key:"save",onClick:ge},a.toLanguageString(t.keys.cellPropertiesSave,t.messages[t.keys.cellPropertiesSave]))];return e.createElement(X.Window,{className:"k-editor-window k-editor-table-wizard-window",title:a.toLanguageString(t.keys.cellProperties,t.messages[t.keys.cellProperties]),onClose:r.onCancel,key:"dialog",style:{userSelect:"none"},width:408,height:587,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},pe,e.createElement(X.WindowActionsBar,{layout:"end"},...fe))};exports.TableCellProperties=be;exports.itemRenderWithIcon=E;exports.valueRenderWithIcon=P;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ke=require("react"),x=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-react-inputs"),g=require("@progress/kendo-react-dropdowns"),X=require("@progress/kendo-react-dialogs"),n=require("@progress/kendo-svg-icons"),o=require("../utils.js"),ee=require("@progress/kendo-react-common"),te=require("@progress/kendo-react-intl"),t=require("../../messages/index.js"),le=require("./cellPropsUtils.js");function ye(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(l,a,i.get?i:{enumerable:!0,get:()=>r[a]})}}return l.default=r,Object.freeze(l)}const e=ye(ke),be=r=>{const{view:l,...a}=r,[i,p]=e.useState(!1),f=te.useLocalization(),b=!!(l&&o.parentNode(l.state.selection.$from,m=>m.type.spec.tableRole==="table")),k=e.useCallback(()=>{p(!0)},[]),u=e.useCallback(()=>{p(!1),l==null||l.focus()},[l]),y=e.useCallback(m=>{if(l&&m){const d=le.applyCellsData(l.state,m);d.docChanged&&l.dispatch(d)}u()},[l,u]);return e.createElement(e.Fragment,null,e.createElement(x.Button,{type:"button",title:f.toLanguageString(t.keys.cellProperties,t.messages[t.keys.cellProperties]),icon:"table-cell-properties",svgIcon:n.tableCellPropertiesIcon,onClick:k,disabled:!b,...o.onDownPreventDefault,...a}),i&&l&&e.createElement(ve,{view:l,onCancel:u,onSave:y}))},Y=[{textKey:t.keys.cellPropertiesLeftTop,text:t.messages[t.keys.cellPropertiesLeftTop],icon:"table-align-top-left",svgIcon:n.tableAlignTopLeftIcon,value:{x:"left",y:"top"}},{textKey:t.keys.cellPropertiesCenterTop,text:t.messages[t.keys.cellPropertiesCenterTop],icon:"table-align-top-center",svgIcon:n.tableAlignTopCenterIcon,value:{x:"center",y:"top"}},{textKey:t.keys.cellPropertiesRightTop,text:t.messages[t.keys.cellPropertiesRightTop],icon:"table-align-top-right",svgIcon:n.tableAlignTopRightIcon,value:{x:"right",y:"top"}},{textKey:t.keys.cellPropertiesLeftMiddle,text:t.messages[t.keys.cellPropertiesLeftMiddle],icon:"table-align-middle-left",svgIcon:n.tableAlignMiddleLeftIcon,value:{x:"left",y:"middle"}},{textKey:t.keys.cellPropertiesCenterMiddle,text:t.messages[t.keys.cellPropertiesCenterMiddle],icon:"table-align-middle-center",svgIcon:n.tableAlignMiddleCenterIcon,value:{x:"center",y:"middle"}},{textKey:t.keys.cellPropertiesRightMiddle,text:t.messages[t.keys.cellPropertiesRightMiddle],icon:"table-align-middle-right",svgIcon:n.tableAlignMiddleRightIcon,value:{x:"right",y:"middle"}},{textKey:t.keys.cellPropertiesLeftBottom,text:t.messages[t.keys.cellPropertiesLeftBottom],icon:"table-align-bottom-left",svgIcon:n.tableAlignBottomLeftIcon,value:{x:"left",y:"bottom"}},{textKey:t.keys.cellPropertiesCenterBottom,text:t.messages[t.keys.cellPropertiesCenterBottom],icon:"table-align-bottom-center",svgIcon:n.tableAlignBottomCenterIcon,value:{x:"center",y:"bottom"}},{textKey:t.keys.cellPropertiesRightBottom,text:t.messages[t.keys.cellPropertiesRightBottom],icon:"table-align-bottom-right",svgIcon:n.tableAlignBottomRightIcon,value:{x:"right",y:"bottom"}},{textKey:t.keys.cellPropertiesNoAlignment,text:t.messages[t.keys.cellPropertiesNoAlignment],icon:"align-remove",svgIcon:n.tableAlignRemoveIcon,value:{x:"",y:""}}],Z=[{textKey:t.keys.cellPropertiesWrap,text:t.messages[t.keys.cellPropertiesWrap],value:"",icon:"text-wrap-arrow",svgIcon:n.textWrapArrowIcon},{textKey:t.keys.cellPropertiesFitToCell,text:t.messages[t.keys.cellPropertiesFitToCell],value:"nowrap",icon:"parameter-string",svgIcon:n.parameterStringIcon}],P=(r,l)=>l?e.createElement(e.Fragment,null,e.createElement(c.InputPrefix,null,e.createElement(ee.IconWrap,{icon:l.svgIcon,name:l.icon})),r):r,E=(r,l)=>{const a=e.createElement(e.Fragment,null,e.createElement(c.InputPrefix,null,e.createElement(ee.IconWrap,{icon:l.dataItem.svgIcon,name:l.dataItem.icon})),r.props.children);return e.cloneElement(r,r.props,a)},ve=r=>{const l=e.useMemo(()=>le.cellsDefaultData(r.view.state),[r.view]),a=te.useLocalization(),i=e.useRef(null),p=l.applyToAll,f=e.useRef(null),b=l.cellWidth,k=e.useRef(null);l.widthUnit&&!o.units.includes(l.widthUnit)&&o.units.push(l.widthUnit);const u=l.widthUnit||"",y=e.useRef(null),m=l.cellHeight,d=e.useRef(null);l.heightUnit&&!o.units.includes(l.heightUnit)&&o.units.push(l.heightUnit);const ae=l.heightUnit||"",C=e.useRef(null),re=Y.find(s=>s.value.x!==void 0&&l.alignment&&s.value.x===l.alignment.x&&s.value.y===l.alignment.y)||null,N=e.useRef(null),se=Z.find(s=>s.value===l.textControl),S=e.useRef(null),oe=l.backgroundColor,v=e.useRef(null),ne=l.cellPadding,h=e.useRef(null),ce=l.borderWidth,I=e.useRef(null),ie=l.borderColor,w=e.useRef(null),me=o.borderStyles.find(s=>s.value===l.borderStyle),R=e.useRef(null),ue=l.id,L=e.useRef(null),de=l.className,ge=e.useCallback(()=>{var D,T,A,B,W,K,U,V,M,q,z,F,H,O,j,_,$,G,J,Q;const s={applyToAll:!!((T=(D=i.current)==null?void 0:D.element)!=null&&T.checked),cellWidth:((A=f.current)==null?void 0:A.value)||null,widthUnit:((B=k.current)==null?void 0:B.value)||"",cellHeight:((W=y.current)==null?void 0:W.value)||null,heightUnit:((K=d.current)==null?void 0:K.value)||"",alignment:(V=(U=C.current)==null?void 0:U.value)==null?void 0:V.value,textControl:(q=(M=N.current)==null?void 0:M.value)==null?void 0:q.value,backgroundColor:(z=S.current)==null?void 0:z.value,cellPadding:typeof((F=v.current)==null?void 0:F.value)=="number"?(H=v.current)==null?void 0:H.value:null,borderWidth:typeof((O=h.current)==null?void 0:O.value)=="number"?(j=h.current)==null?void 0:j.value:null,borderColor:(_=I.current)==null?void 0:_.value,borderStyle:((G=($=w.current)==null?void 0:$.value)==null?void 0:G.value)||null,id:String(((J=R.current)==null?void 0:J.value)||""),className:String(((Q=L.current)==null?void 0:Q.value)||"")};r.onSave.call(void 0,s)},[r.onSave]),pe=e.createElement("div",{className:"k-form k-form-md"},e.createElement("fieldset",{className:"k-form-fieldset"},e.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4"},e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("div",{className:"k-form-field-wrap"},e.createElement("span",{className:"k-checkbox-wrap"},e.createElement(c.Checkbox,{ref:i,defaultChecked:p})),e.createElement("label",{className:"k-checkbox-label"},a.toLanguageString(t.keys.cellPropertiesApplyToAllCells,t.messages[t.keys.cellPropertiesApplyToAllCells])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesWidth,t.messages[t.keys.cellPropertiesWidth])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:f,defaultValue:b,min:0,placeholder:a.toLanguageString(t.keys.sizeAuto,t.messages[t.keys.sizeAuto])}),e.createElement("div",{className:"k-form-hint"},a.toLanguageString(t.keys.cellPropertiesApplyToColumn,t.messages[t.keys.cellPropertiesApplyToColumn])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"}," "),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.AutoComplete,{ref:k,defaultValue:u,data:o.units,popupSettings:o.popupSettings}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesHeight,t.messages[t.keys.cellPropertiesHeight])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:y,defaultValue:m,min:0,placeholder:a.toLanguageString(t.keys.sizeAuto,t.messages[t.keys.sizeAuto])}),e.createElement("div",{className:"k-form-hint"},a.toLanguageString(t.keys.cellPropertiesApplyToRow,t.messages[t.keys.cellPropertiesApplyToRow])))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"}," "),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.AutoComplete,{ref:d,defaultValue:ae,data:o.units,popupSettings:o.popupSettings}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesAlignment,t.messages[t.keys.cellPropertiesAlignment])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:C,defaultValue:re,data:Y.map(s=>({...s,text:a.toLanguageString(s.textKey,s.text)})),textField:"text",dataItemKey:"text",popupSettings:o.popupSettings,valueRender:P,itemRender:E}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesTextControl,t.messages[t.keys.cellPropertiesTextControl])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:N,defaultValue:se,data:Z.map(s=>({...s,text:a.toLanguageString(s.textKey,s.text)})),textField:"text",dataItemKey:"value",popupSettings:o.popupSettings,valueRender:P,itemRender:E}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesCellPadding,t.messages[t.keys.cellPropertiesCellPadding])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:v,defaultValue:ne,min:0}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBackground,t.messages[t.keys.cellPropertiesBackground])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.ColorPicker,{ref:S,defaultValue:oe}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderWidth,t.messages[t.keys.cellPropertiesBorderWidth])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.NumericTextBox,{ref:h,defaultValue:ce,min:0}))),e.createElement("div",{className:"k-form-field k-col-span-1"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderColor,t.messages[t.keys.cellPropertiesBorderColor])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.ColorPicker,{ref:I,defaultValue:ie}))),e.createElement("div",{className:"k-form-field k-col-span-2"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesBorderStyle,t.messages[t.keys.cellPropertiesBorderStyle])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(g.DropDownList,{ref:w,defaultValue:me,popupSettings:o.popupSettings,data:o.borderStyles,textField:"text",dataItemKey:"value"}))),e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesId,t.messages[t.keys.cellPropertiesId])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.TextBox,{ref:R,defaultValue:ue}))),e.createElement("div",{className:"k-form-field k-col-span-full"},e.createElement("label",{className:"k-label k-form-label"},a.toLanguageString(t.keys.cellPropertiesCssClass,t.messages[t.keys.cellPropertiesCssClass])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(c.TextBox,{ref:L,defaultValue:de})))))),fe=[e.createElement(x.Button,{onClick:r.onCancel,key:"cancel"},a.toLanguageString(t.keys.cellPropertiesCancel,t.messages[t.keys.cellPropertiesCancel])),e.createElement(x.Button,{themeColor:"primary",key:"save",onClick:ge},a.toLanguageString(t.keys.cellPropertiesSave,t.messages[t.keys.cellPropertiesSave]))];return e.createElement(X.Window,{className:"k-editor-window k-editor-table-wizard-window",title:a.toLanguageString(t.keys.cellProperties,t.messages[t.keys.cellProperties]),onClose:r.onCancel,key:"dialog",style:{userSelect:"none"},width:408,height:587,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},pe,e.createElement(X.WindowActionsBar,{layout:"end"},...fe))};exports.TableCellProperties=be;exports.itemRenderWithIcon=E;exports.valueRenderWithIcon=P;
|
|
@@ -10,7 +10,7 @@ import { Button as x } from "@progress/kendo-react-buttons";
|
|
|
10
10
|
import { Checkbox as Ee, NumericTextBox as k, ColorPicker as X, TextBox as Y, InputPrefix as re } from "@progress/kendo-react-inputs";
|
|
11
11
|
import { AutoComplete as Z, DropDownList as P } from "@progress/kendo-react-dropdowns";
|
|
12
12
|
import { Window as Pe, WindowActionsBar as xe } from "@progress/kendo-react-dialogs";
|
|
13
|
-
import { tableCellPropertiesIcon as Ce, tableAlignTopLeftIcon as ye, tableAlignTopCenterIcon as Ne, tableAlignTopRightIcon as Se, tableAlignMiddleLeftIcon as we, tableAlignMiddleCenterIcon as Ie, tableAlignMiddleRightIcon as Re, tableAlignBottomLeftIcon as
|
|
13
|
+
import { tableCellPropertiesIcon as Ce, tableAlignTopLeftIcon as ye, tableAlignTopCenterIcon as Ne, tableAlignTopRightIcon as Se, tableAlignMiddleLeftIcon as we, tableAlignMiddleCenterIcon as Ie, tableAlignMiddleRightIcon as Re, tableAlignBottomLeftIcon as Ae, tableAlignBottomCenterIcon as Le, tableAlignBottomRightIcon as Te, tableAlignRemoveIcon as De, textWrapArrowIcon as Be, parameterStringIcon as We } from "@progress/kendo-svg-icons";
|
|
14
14
|
import { parentNode as Ke, onDownPreventDefault as Ue, units as i, borderStyles as _, popupSettings as d } from "../utils.mjs";
|
|
15
15
|
import { IconWrap as oe } from "@progress/kendo-react-common";
|
|
16
16
|
import { useLocalization as ne } from "@progress/kendo-react-intl";
|
|
@@ -91,14 +91,14 @@ const Ye = (n) => {
|
|
|
91
91
|
textKey: l.cellPropertiesLeftBottom,
|
|
92
92
|
text: a[l.cellPropertiesLeftBottom],
|
|
93
93
|
icon: "table-align-bottom-left",
|
|
94
|
-
svgIcon:
|
|
94
|
+
svgIcon: Ae,
|
|
95
95
|
value: { x: "left", y: "bottom" }
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
textKey: l.cellPropertiesCenterBottom,
|
|
99
99
|
text: a[l.cellPropertiesCenterBottom],
|
|
100
100
|
icon: "table-align-bottom-center",
|
|
101
|
-
svgIcon:
|
|
101
|
+
svgIcon: Le,
|
|
102
102
|
value: { x: "center", y: "bottom" }
|
|
103
103
|
},
|
|
104
104
|
{
|
|
@@ -120,7 +120,7 @@ const Ye = (n) => {
|
|
|
120
120
|
textKey: l.cellPropertiesWrap,
|
|
121
121
|
text: a[l.cellPropertiesWrap],
|
|
122
122
|
value: "",
|
|
123
|
-
icon: "text-wrap",
|
|
123
|
+
icon: "text-wrap-arrow",
|
|
124
124
|
svgIcon: Be
|
|
125
125
|
},
|
|
126
126
|
{
|
|
@@ -141,9 +141,9 @@ const Ye = (n) => {
|
|
|
141
141
|
const ce = t.heightUnit || "", C = e.useRef(null), ie = ee.find(
|
|
142
142
|
(o) => o.value.x !== void 0 && t.alignment && o.value.x === t.alignment.x && o.value.y === t.alignment.y
|
|
143
143
|
) || null, y = e.useRef(null), se = le.find((o) => o.value === t.textControl), N = e.useRef(null), me = t.backgroundColor, h = e.useRef(null), de = t.cellPadding, E = e.useRef(null), ue = t.borderWidth, S = e.useRef(null), fe = t.borderColor, w = e.useRef(null), ge = _.find((o) => o.value === t.borderStyle), I = e.useRef(null), pe = t.id, R = e.useRef(null), be = t.className, ke = e.useCallback(() => {
|
|
144
|
-
var
|
|
144
|
+
var A, L, T, D, B, W, K, U, V, M, z, F, H, $, j, q, G, J, O, Q;
|
|
145
145
|
const o = {
|
|
146
|
-
applyToAll: !!((
|
|
146
|
+
applyToAll: !!((L = (A = u.current) == null ? void 0 : A.element) != null && L.checked),
|
|
147
147
|
cellWidth: ((T = g.current) == null ? void 0 : T.value) || null,
|
|
148
148
|
widthUnit: ((D = p.current) == null ? void 0 : D.value) || "",
|
|
149
149
|
cellHeight: ((B = b.current) == null ? void 0 : B.value) || null,
|