@zohodesk/dot 1.0.0-temp-146 → 1.0.0-temp-148
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/README.md +0 -4
- package/es/form/fields/TextEditor/TextEditor.js +10 -16
- package/es/version2/AlertClose/AlertClose.js +2 -1
- package/lib/form/fields/TextEditor/TextEditor.js +10 -16
- package/lib/version2/AlertClose/AlertClose.js +2 -1
- package/package.json +2 -2
- package/es/common/dot_docStyle.module.css +0 -35
- package/lib/common/dot_docStyle.module.css +0 -35
package/README.md
CHANGED
|
@@ -2,10 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
In this Library, we Provide Some Basic Components to Build Your Application
|
|
4
4
|
|
|
5
|
-
# 1.0.0-beta.256
|
|
6
|
-
|
|
7
|
-
- **TextEditor** - blockquote css style tag removed and added margin inline style via editor object support "ZohoDeskEditor_Init.quoteData"
|
|
8
|
-
|
|
9
5
|
# 1.0.0-beta.255
|
|
10
6
|
|
|
11
7
|
- **TagWithIcon** - New component Added.
|
|
@@ -86,11 +86,6 @@ export default class TextEditor extends Component {
|
|
|
86
86
|
}
|
|
87
87
|
defaultObj = Object.assign(defaultObj, editorOptions);
|
|
88
88
|
ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
|
|
89
|
-
ZohoDeskEditor_Init.quoteData = {
|
|
90
|
-
STYLE: {
|
|
91
|
-
'margin': '0 0 0 4px'
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
89
|
ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
|
|
95
90
|
}
|
|
96
91
|
}
|
|
@@ -193,17 +188,16 @@ export default class TextEditor extends Component {
|
|
|
193
188
|
if (!global.editor[id]) {
|
|
194
189
|
global.editor[id] = editorObj;
|
|
195
190
|
}
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
191
|
+
const css = 'blockquote {margin:0 0 0 4px; }',
|
|
192
|
+
head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
|
|
193
|
+
style = document.createElement('style');
|
|
194
|
+
style.type = 'text/css';
|
|
195
|
+
if (style.styleSheet) {
|
|
196
|
+
style.styleSheet.cssText = css;
|
|
197
|
+
} else {
|
|
198
|
+
style.appendChild(editorObj.doc.createTextNode(css));
|
|
199
|
+
}
|
|
200
|
+
head.appendChild(style);
|
|
207
201
|
editorCallback && editorCallback(editorObj);
|
|
208
202
|
const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
|
|
209
203
|
const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;
|
|
@@ -21,7 +21,8 @@ export default class AlertClose extends PureComponent {
|
|
|
21
21
|
align: "both",
|
|
22
22
|
isInline: true,
|
|
23
23
|
alignBox: "row",
|
|
24
|
-
isCover: false
|
|
24
|
+
isCover: false,
|
|
25
|
+
tabIndex: "0"
|
|
25
26
|
}, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Icon, {
|
|
26
27
|
name: "GC-cross",
|
|
27
28
|
isBold: true,
|
|
@@ -112,11 +112,6 @@ var TextEditor = /*#__PURE__*/function (_Component) {
|
|
|
112
112
|
}
|
|
113
113
|
defaultObj = Object.assign(defaultObj, editorOptions);
|
|
114
114
|
ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
|
|
115
|
-
ZohoDeskEditor_Init.quoteData = {
|
|
116
|
-
STYLE: {
|
|
117
|
-
'margin': '0 0 0 4px'
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
115
|
ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
|
|
121
116
|
}
|
|
122
117
|
}
|
|
@@ -221,17 +216,16 @@ var TextEditor = /*#__PURE__*/function (_Component) {
|
|
|
221
216
|
if (!global.editor[id]) {
|
|
222
217
|
global.editor[id] = editorObj;
|
|
223
218
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
219
|
+
var css = 'blockquote {margin:0 0 0 4px; }',
|
|
220
|
+
head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
|
|
221
|
+
style = document.createElement('style');
|
|
222
|
+
style.type = 'text/css';
|
|
223
|
+
if (style.styleSheet) {
|
|
224
|
+
style.styleSheet.cssText = css;
|
|
225
|
+
} else {
|
|
226
|
+
style.appendChild(editorObj.doc.createTextNode(css));
|
|
227
|
+
}
|
|
228
|
+
head.appendChild(style);
|
|
235
229
|
editorCallback && editorCallback(editorObj);
|
|
236
230
|
var iframe = (0, _selectn["default"])('iframe.contentDocument.body', editorObj) || null;
|
|
237
231
|
var iframeHead = (0, _selectn["default"])('iframe.contentDocument.head', editorObj) || null;
|
|
@@ -49,7 +49,8 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
|
|
|
49
49
|
align: "both",
|
|
50
50
|
isInline: true,
|
|
51
51
|
alignBox: "row",
|
|
52
|
-
isCover: false
|
|
52
|
+
isCover: false,
|
|
53
|
+
tabIndex: "0"
|
|
53
54
|
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
54
55
|
name: "GC-cross",
|
|
55
56
|
isBold: true,
|
package/package.json
CHANGED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
[data-mode='default']:global(.zd-contrast) {
|
|
2
|
-
color: #000;
|
|
3
|
-
background: #fff;
|
|
4
|
-
border-color: #000;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-mode='dark']:global(.zd-contrast) {
|
|
8
|
-
color: #fff;
|
|
9
|
-
background-color: #101319;
|
|
10
|
-
border-color: #fff;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-mode='pureDark']:global(.zd-contrast) {
|
|
14
|
-
color: #fff;
|
|
15
|
-
background-color: #080808;
|
|
16
|
-
border-color: #fff;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
:global(.zd-contrast) {
|
|
20
|
-
--zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
|
|
21
|
-
--zd_bs_contrast_none: 0 0 0 transparent;
|
|
22
|
-
--zd_lightmode_grey_bg: -0%;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
:global(.zd-contrast-level1) {
|
|
26
|
-
--zd_contrastLevel: 10;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
:global(.zd-contrast-level2) {
|
|
30
|
-
--zd_contrastLevel: 20;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:global(.zd-contrast-level3) {
|
|
34
|
-
--zd_contrastLevel: 40;
|
|
35
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
[data-mode='default']:global(.zd-contrast) {
|
|
2
|
-
color: #000;
|
|
3
|
-
background: #fff;
|
|
4
|
-
border-color: #000;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
[data-mode='dark']:global(.zd-contrast) {
|
|
8
|
-
color: #fff;
|
|
9
|
-
background-color: #101319;
|
|
10
|
-
border-color: #fff;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-mode='pureDark']:global(.zd-contrast) {
|
|
14
|
-
color: #fff;
|
|
15
|
-
background-color: #080808;
|
|
16
|
-
border-color: #fff;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
:global(.zd-contrast) {
|
|
20
|
-
--zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
|
|
21
|
-
--zd_bs_contrast_none: 0 0 0 transparent;
|
|
22
|
-
--zd_lightmode_grey_bg: -0%;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
:global(.zd-contrast-level1) {
|
|
26
|
-
--zd_contrastLevel: 10;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
:global(.zd-contrast-level2) {
|
|
30
|
-
--zd_contrastLevel: 20;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
:global(.zd-contrast-level3) {
|
|
34
|
-
--zd_contrastLevel: 40;
|
|
35
|
-
}
|