pds-dev-kit-web-test 2.5.625 → 2.5.627
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/dist/scripts/copy-tinymce.d.ts +1 -0
- package/dist/scripts/copy-tinymce.js +32 -0
- package/dist/src/common/styles/theme.d.ts +1 -0
- package/dist/src/common/styles/theme.js +1 -1
- package/dist/src/desktop/components/AdminList/AdminList.d.ts +1 -10
- package/dist/src/desktop/components/AdminList/AdminList.js +2 -2
- package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +1 -10
- package/dist/src/desktop/components/AdminList/HeaderRow.js +2 -2
- package/dist/src/desktop/components/AdminListHeader/AdminListHeader.d.ts +1 -2
- package/dist/src/desktop/components/AdminListHeader/AdminListHeader.js +2 -2
- package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts +1 -2
- package/dist/src/desktop/components/AdminListHeader/HeaderBar.js +2 -2
- package/dist/src/desktop/components/RichTextEditor/RichTextEditor.d.ts +34 -0
- package/dist/src/desktop/components/RichTextEditor/RichTextEditor.js +268 -0
- package/dist/src/desktop/components/RichTextEditor/index.d.ts +2 -0
- package/dist/src/desktop/components/RichTextEditor/index.js +8 -0
- package/dist/src/desktop/components/index.d.ts +2 -1
- package/dist/src/desktop/components/index.js +4 -2
- package/dist/src/desktop/index.d.ts +1 -1
- package/dist/src/desktop/index.js +3 -2
- package/dist/src/mobile/components/RichTextEditor/RichTextEditor.d.ts +34 -0
- package/dist/src/mobile/components/RichTextEditor/RichTextEditor.js +272 -0
- package/dist/src/mobile/components/RichTextEditor/index.d.ts +2 -0
- package/dist/src/mobile/components/RichTextEditor/index.js +8 -0
- package/dist/src/mobile/components/index.d.ts +2 -1
- package/dist/src/mobile/components/index.js +3 -1
- package/dist/src/mobile/index.d.ts +1 -1
- package/dist/src/mobile/index.js +2 -1
- package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +1 -10
- package/dist/src/sub/AdminList/AdminList/AdminList.js +2 -2
- package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +1 -10
- package/dist/src/sub/AdminList/AdminList/HeaderRow.js +2 -2
- package/dist/tinymce/CHANGELOG.md +3453 -0
- package/dist/tinymce/README.md +73 -0
- package/dist/tinymce/bower.json +27 -0
- package/dist/tinymce/composer.json +52 -0
- package/dist/tinymce/icons/default/icons.js +194 -0
- package/dist/tinymce/icons/default/icons.min.js +1 -0
- package/dist/tinymce/icons/default/index.js +7 -0
- package/dist/tinymce/license.txt +21 -0
- package/dist/tinymce/models/dom/index.js +7 -0
- package/dist/tinymce/models/dom/model.js +8040 -0
- package/dist/tinymce/models/dom/model.min.js +1 -0
- package/dist/tinymce/notices.txt +21 -0
- package/dist/tinymce/package.json +32 -0
- package/dist/tinymce/plugins/accordion/index.js +7 -0
- package/dist/tinymce/plugins/accordion/plugin.js +1054 -0
- package/dist/tinymce/plugins/accordion/plugin.min.js +5 -0
- package/dist/tinymce/plugins/advlist/index.js +7 -0
- package/dist/tinymce/plugins/advlist/plugin.js +259 -0
- package/dist/tinymce/plugins/advlist/plugin.min.js +5 -0
- package/dist/tinymce/plugins/anchor/index.js +7 -0
- package/dist/tinymce/plugins/anchor/plugin.js +214 -0
- package/dist/tinymce/plugins/anchor/plugin.min.js +5 -0
- package/dist/tinymce/plugins/autolink/index.js +7 -0
- package/dist/tinymce/plugins/autolink/plugin.js +228 -0
- package/dist/tinymce/plugins/autolink/plugin.min.js +5 -0
- package/dist/tinymce/plugins/autoresize/index.js +7 -0
- package/dist/tinymce/plugins/autoresize/plugin.js +192 -0
- package/dist/tinymce/plugins/autoresize/plugin.min.js +5 -0
- package/dist/tinymce/plugins/autosave/index.js +7 -0
- package/dist/tinymce/plugins/autosave/plugin.js +233 -0
- package/dist/tinymce/plugins/autosave/plugin.min.js +5 -0
- package/dist/tinymce/plugins/charmap/index.js +7 -0
- package/dist/tinymce/plugins/charmap/plugin.js +1658 -0
- package/dist/tinymce/plugins/charmap/plugin.min.js +5 -0
- package/dist/tinymce/plugins/code/index.js +7 -0
- package/dist/tinymce/plugins/code/plugin.js +85 -0
- package/dist/tinymce/plugins/code/plugin.min.js +5 -0
- package/dist/tinymce/plugins/codesample/index.js +7 -0
- package/dist/tinymce/plugins/codesample/plugin.js +2471 -0
- package/dist/tinymce/plugins/codesample/plugin.min.js +13 -0
- package/dist/tinymce/plugins/directionality/index.js +7 -0
- package/dist/tinymce/plugins/directionality/plugin.js +395 -0
- package/dist/tinymce/plugins/directionality/plugin.min.js +5 -0
- package/dist/tinymce/plugins/emoticons/index.js +7 -0
- package/dist/tinymce/plugins/emoticons/js/emojiimages.js +1 -0
- package/dist/tinymce/plugins/emoticons/js/emojiimages.min.js +1 -0
- package/dist/tinymce/plugins/emoticons/js/emojis.js +1 -0
- package/dist/tinymce/plugins/emoticons/js/emojis.min.js +1 -0
- package/dist/tinymce/plugins/emoticons/plugin.js +595 -0
- package/dist/tinymce/plugins/emoticons/plugin.min.js +5 -0
- package/dist/tinymce/plugins/fullscreen/index.js +7 -0
- package/dist/tinymce/plugins/fullscreen/plugin.js +1249 -0
- package/dist/tinymce/plugins/fullscreen/plugin.min.js +5 -0
- package/dist/tinymce/plugins/help/index.js +7 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ar.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/bg_BG.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ca.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/cs.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/da.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/de.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/el.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/en.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/es.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/eu.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/fa.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/fi.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/fr_FR.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/he_IL.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/hi.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/hr.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/hu_HU.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/id.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/it.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ja.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/kk.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ko_KR.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ms.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/nb_NO.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/nl.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/pl.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/pt_BR.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/pt_PT.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ro.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/ru.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/sk.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/sl_SI.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/sv_SE.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/th_TH.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/tr.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/uk.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/vi.js +90 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/zh_CN.js +84 -0
- package/dist/tinymce/plugins/help/js/i18n/keynav/zh_TW.js +90 -0
- package/dist/tinymce/plugins/help/plugin.js +898 -0
- package/dist/tinymce/plugins/help/plugin.min.js +5 -0
- package/dist/tinymce/plugins/image/index.js +7 -0
- package/dist/tinymce/plugins/image/plugin.js +1505 -0
- package/dist/tinymce/plugins/image/plugin.min.js +5 -0
- package/dist/tinymce/plugins/importcss/index.js +7 -0
- package/dist/tinymce/plugins/importcss/plugin.js +344 -0
- package/dist/tinymce/plugins/importcss/plugin.min.js +5 -0
- package/dist/tinymce/plugins/insertdatetime/index.js +7 -0
- package/dist/tinymce/plugins/insertdatetime/plugin.js +187 -0
- package/dist/tinymce/plugins/insertdatetime/plugin.min.js +5 -0
- package/dist/tinymce/plugins/link/index.js +7 -0
- package/dist/tinymce/plugins/link/plugin.js +1242 -0
- package/dist/tinymce/plugins/link/plugin.min.js +5 -0
- package/dist/tinymce/plugins/lists/index.js +7 -0
- package/dist/tinymce/plugins/lists/plugin.js +2172 -0
- package/dist/tinymce/plugins/lists/plugin.min.js +5 -0
- package/dist/tinymce/plugins/media/index.js +7 -0
- package/dist/tinymce/plugins/media/plugin.js +1217 -0
- package/dist/tinymce/plugins/media/plugin.min.js +5 -0
- package/dist/tinymce/plugins/nonbreaking/index.js +7 -0
- package/dist/tinymce/plugins/nonbreaking/plugin.js +123 -0
- package/dist/tinymce/plugins/nonbreaking/plugin.min.js +5 -0
- package/dist/tinymce/plugins/pagebreak/index.js +7 -0
- package/dist/tinymce/plugins/pagebreak/plugin.js +117 -0
- package/dist/tinymce/plugins/pagebreak/plugin.min.js +5 -0
- package/dist/tinymce/plugins/preview/index.js +7 -0
- package/dist/tinymce/plugins/preview/plugin.js +97 -0
- package/dist/tinymce/plugins/preview/plugin.min.js +5 -0
- package/dist/tinymce/plugins/quickbars/index.js +7 -0
- package/dist/tinymce/plugins/quickbars/plugin.js +447 -0
- package/dist/tinymce/plugins/quickbars/plugin.min.js +5 -0
- package/dist/tinymce/plugins/save/index.js +7 -0
- package/dist/tinymce/plugins/save/plugin.js +118 -0
- package/dist/tinymce/plugins/save/plugin.min.js +5 -0
- package/dist/tinymce/plugins/searchreplace/index.js +7 -0
- package/dist/tinymce/plugins/searchreplace/plugin.js +1093 -0
- package/dist/tinymce/plugins/searchreplace/plugin.min.js +5 -0
- package/dist/tinymce/plugins/table/index.js +7 -0
- package/dist/tinymce/plugins/table/plugin.js +3462 -0
- package/dist/tinymce/plugins/table/plugin.min.js +5 -0
- package/dist/tinymce/plugins/template/index.js +7 -0
- package/dist/tinymce/plugins/template/plugin.js +567 -0
- package/dist/tinymce/plugins/template/plugin.min.js +5 -0
- package/dist/tinymce/plugins/visualblocks/index.js +7 -0
- package/dist/tinymce/plugins/visualblocks/plugin.js +98 -0
- package/dist/tinymce/plugins/visualblocks/plugin.min.js +5 -0
- package/dist/tinymce/plugins/visualchars/index.js +7 -0
- package/dist/tinymce/plugins/visualchars/plugin.js +560 -0
- package/dist/tinymce/plugins/visualchars/plugin.min.js +5 -0
- package/dist/tinymce/plugins/wordcount/index.js +7 -0
- package/dist/tinymce/plugins/wordcount/plugin.js +405 -0
- package/dist/tinymce/plugins/wordcount/plugin.min.js +5 -0
- package/dist/tinymce/skins/content/dark/content.css +79 -0
- package/dist/tinymce/skins/content/dark/content.js +15 -0
- package/dist/tinymce/skins/content/dark/content.min.css +14 -0
- package/dist/tinymce/skins/content/default/content.css +74 -0
- package/dist/tinymce/skins/content/default/content.js +15 -0
- package/dist/tinymce/skins/content/default/content.min.css +14 -0
- package/dist/tinymce/skins/content/document/content.css +79 -0
- package/dist/tinymce/skins/content/document/content.js +15 -0
- package/dist/tinymce/skins/content/document/content.min.css +14 -0
- package/dist/tinymce/skins/content/tinymce-5/content.css +74 -0
- package/dist/tinymce/skins/content/tinymce-5/content.js +15 -0
- package/dist/tinymce/skins/content/tinymce-5/content.min.css +14 -0
- package/dist/tinymce/skins/content/tinymce-5-dark/content.css +79 -0
- package/dist/tinymce/skins/content/tinymce-5-dark/content.js +15 -0
- package/dist/tinymce/skins/content/tinymce-5-dark/content.min.css +14 -0
- package/dist/tinymce/skins/content/writer/content.css +75 -0
- package/dist/tinymce/skins/content/writer/content.js +15 -0
- package/dist/tinymce/skins/content/writer/content.min.css +14 -0
- package/dist/tinymce/skins/ui/oxide/content.css +798 -0
- package/dist/tinymce/skins/ui/oxide/content.inline.css +792 -0
- package/dist/tinymce/skins/ui/oxide/content.inline.js +15 -0
- package/dist/tinymce/skins/ui/oxide/content.inline.min.css +14 -0
- package/dist/tinymce/skins/ui/oxide/content.js +15 -0
- package/dist/tinymce/skins/ui/oxide/content.min.css +14 -0
- package/dist/tinymce/skins/ui/oxide/skin.css +3763 -0
- package/dist/tinymce/skins/ui/oxide/skin.js +2 -0
- package/dist/tinymce/skins/ui/oxide/skin.min.css +1 -0
- package/dist/tinymce/skins/ui/oxide/skin.shadowdom.css +30 -0
- package/dist/tinymce/skins/ui/oxide/skin.shadowdom.js +2 -0
- package/dist/tinymce/skins/ui/oxide/skin.shadowdom.min.css +1 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.css +779 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.inline.css +792 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.inline.js +15 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.inline.min.css +14 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.js +15 -0
- package/dist/tinymce/skins/ui/oxide-dark/content.min.css +14 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.css +3766 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.js +2 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.min.css +1 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.shadowdom.css +30 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
- package/dist/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.css +798 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.inline.css +792 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.inline.js +15 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.inline.min.css +14 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.js +15 -0
- package/dist/tinymce/skins/ui/tinymce-5/content.min.css +14 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.css +3857 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.js +2 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.min.css +1 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.shadowdom.css +30 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
- package/dist/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css +1 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.css +779 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.inline.css +792 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.inline.js +15 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +14 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.js +15 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/content.min.css +14 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.css +3857 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.js +2 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.min.css +1 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css +30 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
- package/dist/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +1 -0
- package/dist/tinymce/themes/silver/index.js +7 -0
- package/dist/tinymce/themes/silver/theme.js +30775 -0
- package/dist/tinymce/themes/silver/theme.min.js +1 -0
- package/dist/tinymce/tinymce.d.ts +3238 -0
- package/dist/tinymce/tinymce.js +31779 -0
- package/dist/tinymce/tinymce.min.js +11 -0
- package/package.json +7 -2
- package/scripts/copy-tinymce.js +37 -0
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-var-requires */
|
2
|
+
var fs = require('fs');
|
3
|
+
var path = require('path');
|
4
|
+
var sourceDir = path.join(__dirname, '../node_modules/tinymce');
|
5
|
+
var targetDir = path.join(__dirname, '../dist/tinymce');
|
6
|
+
function copyDir(src, dest) {
|
7
|
+
if (!fs.existsSync(dest)) {
|
8
|
+
fs.mkdirSync(dest, { recursive: true });
|
9
|
+
}
|
10
|
+
var items = fs.readdirSync(src);
|
11
|
+
items.forEach(function (item) {
|
12
|
+
var srcPath = path.join(src, item);
|
13
|
+
var destPath = path.join(dest, item);
|
14
|
+
if (fs.statSync(srcPath).isDirectory()) {
|
15
|
+
copyDir(srcPath, destPath);
|
16
|
+
}
|
17
|
+
else {
|
18
|
+
fs.copyFileSync(srcPath, destPath);
|
19
|
+
}
|
20
|
+
});
|
21
|
+
}
|
22
|
+
console.log('Copying TinyMCE static files to dist...');
|
23
|
+
if (fs.existsSync(sourceDir)) {
|
24
|
+
copyDir(sourceDir, targetDir);
|
25
|
+
console.log('TinyMCE static files copied successfully!');
|
26
|
+
console.log("Files copied to: ".concat(targetDir));
|
27
|
+
}
|
28
|
+
else {
|
29
|
+
console.error('TinyMCE source directory not found:', sourceDir);
|
30
|
+
console.log('Make sure tinymce is installed: npm install tinymce');
|
31
|
+
process.exit(1);
|
32
|
+
}
|
@@ -113,4 +113,5 @@ export declare const language = "ko";
|
|
113
113
|
declare const theme: DefaultTheme;
|
114
114
|
type ToneType = 'DARK' | 'LIGHT';
|
115
115
|
export declare const themeByGivenTone: (tone: ToneType) => any;
|
116
|
+
export type AppTheme = ReturnType<typeof themeByGivenTone>;
|
116
117
|
export default theme;
|
@@ -125,6 +125,6 @@ exports.spacing = {
|
|
125
125
|
};
|
126
126
|
exports.language = 'ko';
|
127
127
|
var theme = __assign({ fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language }, (0, ui_colors_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {}));
|
128
|
-
var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language })); };
|
128
|
+
var themeByGivenTone = function (tone) { return (__assign(__assign({}, (0, ui_colors_1.customTheme)(tone)), { fontWeight: exports.fontWeight, desktopFontSize: exports.desktopFontSize, desktopLineHeight: exports.desktopLineHeight, desktopEditorFontSize: exports.desktopEditorFontSize, desktopEditorLineHeight: exports.desktopEditorLineHeight, mobileFontSize: exports.mobileFontSize, mobileLineHeight: exports.mobileLineHeight, mobileEditorFontSize: exports.mobileEditorFontSize, mobileEditorLineHeight: exports.mobileEditorLineHeight, boxShadow: exports.boxShadow, spacing: exports.spacing, language: exports.language, mode: tone === 'DARK' ? 'dark' : 'light' })); };
|
129
129
|
exports.themeByGivenTone = themeByGivenTone;
|
130
130
|
exports.default = theme;
|
@@ -6,30 +6,21 @@ type Props = {
|
|
6
6
|
selectionMode?: 'none' | 'single' | 'multi';
|
7
7
|
headerRowMode?: 'none' | 'use';
|
8
8
|
column2HeaderText: TFunctionResult;
|
9
|
-
column2HeaderTooltipText?: TFunctionResult;
|
10
9
|
column3HeaderText?: TFunctionResult;
|
11
|
-
column3HeaderTooltipText?: TFunctionResult;
|
12
10
|
column3Width?: ColumnWidthType;
|
13
11
|
column4HeaderText?: TFunctionResult;
|
14
|
-
column4HeaderTooltipText?: TFunctionResult;
|
15
12
|
column4Width?: ColumnWidthType;
|
16
13
|
column5HeaderText?: TFunctionResult;
|
17
|
-
column5HeaderTooltipText?: TFunctionResult;
|
18
14
|
column5Width?: ColumnWidthType;
|
19
15
|
column6HeaderText?: TFunctionResult;
|
20
|
-
column6HeaderTooltipText?: TFunctionResult;
|
21
16
|
column6Width?: ColumnWidthType;
|
22
17
|
column7HeaderText?: TFunctionResult;
|
23
|
-
column7HeaderTooltipText?: TFunctionResult;
|
24
18
|
column7Width?: ColumnWidthType;
|
25
19
|
column8HeaderText?: TFunctionResult;
|
26
|
-
column8HeaderTooltipText?: TFunctionResult;
|
27
20
|
column8Width?: ColumnWidthType;
|
28
21
|
column9HeaderText?: TFunctionResult;
|
29
|
-
column9HeaderTooltipText?: TFunctionResult;
|
30
22
|
column9Width?: ColumnWidthType;
|
31
23
|
column10HeaderText?: TFunctionResult;
|
32
|
-
column10HeaderTooltipText?: TFunctionResult;
|
33
24
|
column10Width?: ColumnWidthType;
|
34
25
|
dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
|
35
26
|
dropdown1Value?: AdminListDropdownValueOption;
|
@@ -92,5 +83,5 @@ type Props = {
|
|
92
83
|
/** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
|
93
84
|
onClickMBtn3?: () => void;
|
94
85
|
};
|
95
|
-
declare function AdminList({ selectionMode, headerRowMode, column2HeaderText,
|
86
|
+
declare function AdminList({ selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, mBtnMode, mBtn1Text, mBtn2Text, mBtn3Text, onClickMBtn1, onClickMBtn2, onClickMBtn3 }: Props): JSX.Element;
|
96
87
|
export default AdminList;
|
@@ -58,7 +58,7 @@ var TextLabel_1 = require("../TextLabel");
|
|
58
58
|
var BulkActionBar_1 = __importDefault(require("./BulkActionBar"));
|
59
59
|
var HeaderRow_1 = __importDefault(require("./HeaderRow"));
|
60
60
|
function AdminList(_a) {
|
61
|
-
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText,
|
61
|
+
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _s = _a.headerRowCheckboxName, headerRowCheckboxName = _s === void 0 ? 'all' : _s, _t = _a.flexibleHideInfoMode, flexibleHideInfoMode = _t === void 0 ? 'use' : _t, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _u = _a.mBtnMode, mBtnMode = _u === void 0 ? 'mbtn_amount1' : _u, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
|
62
62
|
var selectAllMethods = (0, react_hook_form_1.useForm)();
|
63
63
|
var checkboxMethods = (0, react_hook_form_1.useForm)();
|
64
64
|
var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({
|
@@ -194,7 +194,7 @@ function AdminList(_a) {
|
|
194
194
|
}
|
195
195
|
}
|
196
196
|
};
|
197
|
-
return ((0, jsx_runtime_1.jsxs)(S_AdminList, __assign({ "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [isBulkActionBarOpen && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText,
|
197
|
+
return ((0, jsx_runtime_1.jsxs)(S_AdminList, __assign({ "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [isBulkActionBarOpen && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }) })) }))), (0, jsx_runtime_1.jsx)(S_ScrollBox, __assign({ scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, { children: react_1.default.Children.count(children) ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, checkboxMethods, { children: (0, jsx_runtime_1.jsx)("form", { children: childrenWithWidthProps }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
|
198
198
|
}
|
199
199
|
var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
|
200
200
|
var scrollVisibleType = _a.scrollVisibleType;
|
@@ -4,30 +4,21 @@ type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
|
|
4
4
|
type Props = {
|
5
5
|
selectionMode: 'none' | 'single' | 'multi';
|
6
6
|
column2HeaderText?: TFunctionResult;
|
7
|
-
column2HeaderTooltipText?: TFunctionResult;
|
8
7
|
column3HeaderText?: TFunctionResult;
|
9
8
|
column3HeaderWidth?: ColumnWidthType;
|
10
|
-
column3HeaderTooltipText?: TFunctionResult;
|
11
9
|
column4HeaderText?: TFunctionResult;
|
12
|
-
column4HeaderTooltipText?: TFunctionResult;
|
13
10
|
column4HeaderWidth?: ColumnWidthType;
|
14
11
|
column5HeaderText?: TFunctionResult;
|
15
|
-
column5HeaderTooltipText?: TFunctionResult;
|
16
12
|
column5HeaderWidth?: ColumnWidthType;
|
17
13
|
column6HeaderText?: TFunctionResult;
|
18
|
-
column6HeaderTooltipText?: TFunctionResult;
|
19
14
|
column6HeaderWidth?: ColumnWidthType;
|
20
15
|
column7HeaderText?: TFunctionResult;
|
21
|
-
column7HeaderTooltipText?: TFunctionResult;
|
22
16
|
column7HeaderWidth?: ColumnWidthType;
|
23
17
|
column8HeaderText?: TFunctionResult;
|
24
|
-
column8HeaderTooltipText?: TFunctionResult;
|
25
18
|
column8HeaderWidth?: ColumnWidthType;
|
26
19
|
column9HeaderText?: TFunctionResult;
|
27
|
-
column9HeaderTooltipText?: TFunctionResult;
|
28
20
|
column9HeaderWidth?: ColumnWidthType;
|
29
21
|
column10HeaderText?: TFunctionResult;
|
30
|
-
column10HeaderTooltipText?: TFunctionResult;
|
31
22
|
column10HeaderWidth?: ColumnWidthType;
|
32
23
|
quickActionBtnType?: 'hover' | 'fix';
|
33
24
|
quickActionButtonCount?: number;
|
@@ -35,5 +26,5 @@ type Props = {
|
|
35
26
|
flexibleHideInfoMode?: 'use' | 'none';
|
36
27
|
onClickSelectAllCheckbox?: () => void;
|
37
28
|
};
|
38
|
-
declare function HeaderRow({ selectionMode, column2HeaderText,
|
29
|
+
declare function HeaderRow({ selectionMode, column2HeaderText, column3HeaderText, column3HeaderWidth, column4HeaderText, column4HeaderWidth, column5HeaderText, column5HeaderWidth, column6HeaderText, column6HeaderWidth, column7HeaderText, column7HeaderWidth, column8HeaderText, column8HeaderWidth, column9HeaderText, column9HeaderWidth, column10HeaderText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, flexibleHideInfoMode, onClickSelectAllCheckbox }: Props): JSX.Element;
|
39
30
|
export default HeaderRow;
|
@@ -44,8 +44,8 @@ var hybrid_1 = require("../../../hybrid");
|
|
44
44
|
var Checkbox_1 = require("../Checkbox");
|
45
45
|
var TextLabel_1 = require("../TextLabel");
|
46
46
|
function HeaderRow(_a) {
|
47
|
-
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText,
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(S_HeaderRow, __assign({ flexibleHideInfoMode: flexibleHideInfoMode }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular"
|
47
|
+
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, _o = _a.headerRowCheckboxName, headerRowCheckboxName = _o === void 0 ? 'all' : _o, _p = _a.flexibleHideInfoMode, flexibleHideInfoMode = _p === void 0 ? 'use' : _p, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;
|
48
|
+
return ((0, jsx_runtime_1.jsxs)(S_HeaderRow, __assign({ flexibleHideInfoMode: flexibleHideInfoMode }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }), column3HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column3HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column3HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column4HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column4HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column4HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column5HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column5HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column5HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column6HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column6HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column6HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column7HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column7HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column7HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column8HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column8HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column8HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column9HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column9HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column9HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column10HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column10HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column10HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f", spacingType: "width" }), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
|
49
49
|
.fill(0)
|
50
50
|
.map(function (el, i) { return ((0, jsx_runtime_1.jsx)(S_EmptyDiv, {}, "".concat(el).concat(i))); }) }))] })));
|
51
51
|
}
|
@@ -4,7 +4,6 @@ import type { TFunctionResult } from 'i18next';
|
|
4
4
|
type Props = {
|
5
5
|
headerBarSize?: 'regular' | 'small';
|
6
6
|
headerBarTitleText?: TFunctionResult;
|
7
|
-
tooltipText?: TFunctionResult;
|
8
7
|
currentPage?: number;
|
9
8
|
totalPage?: number;
|
10
9
|
contentText?: TFunctionResult;
|
@@ -17,5 +16,5 @@ type Props = {
|
|
17
16
|
/** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */
|
18
17
|
itemCountUnit?: number;
|
19
18
|
};
|
20
|
-
declare function AdminListHeader({ headerBarSize, headerBarTitleText,
|
19
|
+
declare function AdminListHeader({ headerBarSize, headerBarTitleText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, dropdownDefaultValue, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
|
21
20
|
export default AdminListHeader;
|
@@ -42,12 +42,12 @@ var defaultPaginationTextArray = [
|
|
42
42
|
}
|
43
43
|
];
|
44
44
|
function AdminListHeader(_a) {
|
45
|
-
var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText,
|
45
|
+
var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText,
|
46
46
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
47
47
|
_c = _a.itemCountUnit,
|
48
48
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
49
49
|
itemCountUnit = _c === void 0 ? 15 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, _e = _a.totalPage, totalPage = _e === void 0 ? 1 : _e, contentText = _a.contentText, filterBar = _a.filterBar, _f = _a.dropdownTextArray, dropdownTextArray = _f === void 0 ? defaultPaginationTextArray : _f, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeCount = _a.onChangeCount, onClickNextButton = _a.onClickNextButton, onClickPrevButton = _a.onClickPrevButton;
|
50
|
-
return ((0, jsx_runtime_1.jsxs)(S_AdminListHeader, __assign({ "x-pds-name": "AdminListHeader", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(HeaderBar_1.default, { titleText: headerBarTitleText,
|
50
|
+
return ((0, jsx_runtime_1.jsxs)(S_AdminListHeader, __assign({ "x-pds-name": "AdminListHeader", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(HeaderBar_1.default, { titleText: headerBarTitleText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, dropdownDefaultValue: dropdownDefaultValue, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }), headerBarTitleText && !contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), headerBarTitleText && contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), contentText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ContentTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }) }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), filterBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_FilterBarWrapper, { children: filterBar }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] }))] })));
|
51
51
|
}
|
52
52
|
var S_AdminListHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
53
53
|
var S_ContentTextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
|
@@ -3,7 +3,6 @@ import type { AdminListDropdownValueOption } from '../../../common/types';
|
|
3
3
|
import type { TFunctionResult } from 'i18next';
|
4
4
|
type Props = {
|
5
5
|
titleText?: TFunctionResult;
|
6
|
-
tooltipText?: TFunctionResult;
|
7
6
|
size?: 'regular' | 'small';
|
8
7
|
currentPage?: number;
|
9
8
|
totalPage?: number;
|
@@ -13,5 +12,5 @@ type Props = {
|
|
13
12
|
onClickIBtn1?: () => void;
|
14
13
|
onClickIBtn2?: () => void;
|
15
14
|
};
|
16
|
-
declare function HeaderBar({ titleText,
|
15
|
+
declare function HeaderBar({ titleText, size, currentPage, totalPage, dropdownTextArray, dropdownDefaultValue, onChangeDropdown, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
|
17
16
|
export default HeaderBar;
|
@@ -46,14 +46,14 @@ var Dropdown_1 = require("../Dropdown");
|
|
46
46
|
var IconButton_1 = require("../IconButton");
|
47
47
|
var TextLabel_1 = require("../TextLabel");
|
48
48
|
function HeaderBar(_a) {
|
49
|
-
var titleText = _a.titleText,
|
49
|
+
var titleText = _a.titleText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
|
50
50
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
51
51
|
var handleDropdown = function (option) {
|
52
52
|
if (onChangeDropdown) {
|
53
53
|
onChangeDropdown(option);
|
54
54
|
}
|
55
55
|
};
|
56
|
-
return ((0, jsx_runtime_1.jsxs)(S_HeaderBar, __assign({ size: size }, { children: [(0, jsx_runtime_1.jsx)(S_HeaderTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText,
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(S_HeaderBar, __assign({ size: size }, { children: [(0, jsx_runtime_1.jsx)(S_HeaderTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: size === 'regular' ? 'headingBold' : 'body1Bold' }) }), (0, jsx_runtime_1.jsxs)(S_HeaderControl, { children: [(0, jsx_runtime_1.jsxs)(S_ListCount, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_rows_per_page'), styleTheme: "caption1Regular" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { customWidth: "88px", size: "small", valueArray: dropdownTextArray, onChange: handleDropdown, defaultValue: dropdownDefaultValue !== null && dropdownDefaultValue !== void 0 ? dropdownDefaultValue : dropdownTextArray[0] })] }), (0, jsx_runtime_1.jsxs)(S_Page, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: currentPage, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: " / ", styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: totalPage, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary" })] }), (0, jsx_runtime_1.jsxs)(S_IconButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn2 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn1 })] })] })] })));
|
57
57
|
}
|
58
58
|
var regular = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 40px;\n"], ["\n height: 40px;\n"])));
|
59
59
|
var small = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n"], ["\n height: 40px;\n"])));
|
@@ -0,0 +1,34 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export interface ImageUploadResult {
|
3
|
+
location?: string;
|
4
|
+
error?: unknown;
|
5
|
+
}
|
6
|
+
export type ImageUploadHandler = (file: File) => Promise<ImageUploadResult>;
|
7
|
+
/**
|
8
|
+
* NOTE
|
9
|
+
* toolbar에 사용하고싶은 옵션들을 배열 내부에 차례대로 작성해줍니다.
|
10
|
+
* toolbar 옵션은 아래 링크를 참고해주세요.
|
11
|
+
* https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
|
12
|
+
* ex) 'undo | redo' => ['undo', 'redo']
|
13
|
+
*/
|
14
|
+
export type RichTextEditorProps = {
|
15
|
+
toolbar: string[];
|
16
|
+
defaultText?: string;
|
17
|
+
hintText?: string;
|
18
|
+
requirementMode?: 'none' | 'use';
|
19
|
+
maxLength?: number;
|
20
|
+
minLength?: number;
|
21
|
+
maxFileSize?: number;
|
22
|
+
lengthValidationText?: string;
|
23
|
+
requiredValidationText?: string;
|
24
|
+
fileSizeValidationText?: string;
|
25
|
+
height?: string | number;
|
26
|
+
tinymceScriptSrc?: string;
|
27
|
+
onChange?: (value: string) => void;
|
28
|
+
onBlur?: (value: string, count: number) => void;
|
29
|
+
onCountCharacter?: (count: number) => void;
|
30
|
+
onImageUpload?: ImageUploadHandler;
|
31
|
+
isLoadingUsed?: boolean;
|
32
|
+
};
|
33
|
+
declare function RichTextEditor({ toolbar, defaultText, hintText, maxLength, minLength, maxFileSize, requirementMode, lengthValidationText, requiredValidationText, fileSizeValidationText, height, tinymceScriptSrc, onChange, onBlur, onCountCharacter, onImageUpload, isLoadingUsed }: RichTextEditorProps): JSX.Element;
|
34
|
+
export default RichTextEditor;
|
@@ -0,0 +1,268 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
7
|
+
if (k2 === undefined) k2 = k;
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
11
|
+
}
|
12
|
+
Object.defineProperty(o, k2, desc);
|
13
|
+
}) : (function(o, m, k, k2) {
|
14
|
+
if (k2 === undefined) k2 = k;
|
15
|
+
o[k2] = m[k];
|
16
|
+
}));
|
17
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
18
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
19
|
+
}) : function(o, v) {
|
20
|
+
o["default"] = v;
|
21
|
+
});
|
22
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
23
|
+
if (mod && mod.__esModule) return mod;
|
24
|
+
var result = {};
|
25
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
26
|
+
__setModuleDefault(result, mod);
|
27
|
+
return result;
|
28
|
+
};
|
29
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
30
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
31
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
32
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
33
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
34
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
35
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
36
|
+
});
|
37
|
+
};
|
38
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
39
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
40
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
41
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
42
|
+
function step(op) {
|
43
|
+
if (f) throw new TypeError("Generator is already executing.");
|
44
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
45
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
46
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
47
|
+
switch (op[0]) {
|
48
|
+
case 0: case 1: t = op; break;
|
49
|
+
case 4: _.label++; return { value: op[1], done: false };
|
50
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
51
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
52
|
+
default:
|
53
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
54
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
55
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
56
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
57
|
+
if (t[2]) _.ops.pop();
|
58
|
+
_.trys.pop(); continue;
|
59
|
+
}
|
60
|
+
op = body.call(thisArg, _);
|
61
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
62
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
63
|
+
}
|
64
|
+
};
|
65
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
66
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
67
|
+
/* eslint-disable prefer-promise-reject-errors */
|
68
|
+
var tinymce_react_1 = require("@tinymce/tinymce-react");
|
69
|
+
var react_1 = require("react");
|
70
|
+
var react_i18next_1 = require("react-i18next");
|
71
|
+
var uuid_1 = require("uuid");
|
72
|
+
var components_1 = require("../../../common/components");
|
73
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
74
|
+
var DesktopAlertDialog_1 = require("../DesktopAlertDialog");
|
75
|
+
function RichTextEditor(_a) {
|
76
|
+
var _this = this;
|
77
|
+
var _b;
|
78
|
+
var toolbar = _a.toolbar, defaultText = _a.defaultText, hintText = _a.hintText, maxLength = _a.maxLength, minLength = _a.minLength, maxFileSize = _a.maxFileSize, _c = _a.requirementMode, requirementMode = _c === void 0 ? 'none' : _c, lengthValidationText = _a.lengthValidationText, requiredValidationText = _a.requiredValidationText, fileSizeValidationText = _a.fileSizeValidationText, _d = _a.height, height = _d === void 0 ? 600 : _d, _e = _a.tinymceScriptSrc, tinymceScriptSrc = _e === void 0 ? '/tinymce/tinymce.min.js' : _e, onChange = _a.onChange, onBlur = _a.onBlur, onCountCharacter = _a.onCountCharacter, onImageUpload = _a.onImageUpload, _f = _a.isLoadingUsed, isLoadingUsed = _f === void 0 ? true : _f;
|
79
|
+
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
80
|
+
var _g = (0, react_1.useState)(0), count = _g[0], setCount = _g[1];
|
81
|
+
var _h = (0, react_1.useState)(true), isEditorLoading = _h[0], setIsEditorLoading = _h[1];
|
82
|
+
var _j = (0, react_1.useState)(false), isFileValidationAlertDialogOpen = _j[0], setIsFilValidationAlertDialogOpen = _j[1];
|
83
|
+
var editorRef = (0, react_1.useRef)(null);
|
84
|
+
var isEditorDirty = (0, react_1.useRef)(false);
|
85
|
+
var editorContent = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.getContent();
|
86
|
+
var theme = (0, styled_components_1.useTheme)();
|
87
|
+
var useDarkMode = theme.mode === 'dark';
|
88
|
+
var validationText = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
89
|
+
(0, react_1.useEffect)(function () {
|
90
|
+
if (defaultText && defaultText.length === 0) {
|
91
|
+
setCount(defaultText.length);
|
92
|
+
}
|
93
|
+
}, [defaultText]);
|
94
|
+
var handleInit = function (evt, editor) {
|
95
|
+
if (isLoadingUsed) {
|
96
|
+
setIsEditorLoading(false);
|
97
|
+
}
|
98
|
+
editorRef.current = editor;
|
99
|
+
var isSourceCodeToolActive = toolbar.some(function (group) {
|
100
|
+
var tools = group.split(' ');
|
101
|
+
return tools.includes('code');
|
102
|
+
});
|
103
|
+
if (isSourceCodeToolActive) {
|
104
|
+
var container = editor.getContainer();
|
105
|
+
var sourceCodeButton = container.querySelector('[aria-label="Source code"]');
|
106
|
+
if (sourceCodeButton instanceof HTMLElement) {
|
107
|
+
sourceCodeButton.style.width = 'fit-content';
|
108
|
+
sourceCodeButton.style.display = 'flex';
|
109
|
+
sourceCodeButton.style.alignItems = 'center';
|
110
|
+
var textElement = document.createElement('span');
|
111
|
+
textElement.innerHTML = 'HTML';
|
112
|
+
textElement.style.fontWeight = 'bold';
|
113
|
+
sourceCodeButton.append(textElement);
|
114
|
+
}
|
115
|
+
}
|
116
|
+
};
|
117
|
+
var handleEditorValueChange = function (value, editor) {
|
118
|
+
var wordCount = editor.plugins.wordcount;
|
119
|
+
if (wordCount) {
|
120
|
+
var charCount = wordCount.body.getCharacterCount();
|
121
|
+
onCountCharacter === null || onCountCharacter === void 0 ? void 0 : onCountCharacter(charCount);
|
122
|
+
setCount(charCount);
|
123
|
+
}
|
124
|
+
isEditorDirty.current = true;
|
125
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
126
|
+
};
|
127
|
+
var handleEditorBlur = function () {
|
128
|
+
var _a, _b;
|
129
|
+
var editorContent = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getContent();
|
130
|
+
var wordCount = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.plugins.wordcount;
|
131
|
+
if (editorContent && onBlur) {
|
132
|
+
onBlur(editorContent, (wordCount === null || wordCount === void 0 ? void 0 : wordCount.body.getCharacterCount()) || 0);
|
133
|
+
}
|
134
|
+
};
|
135
|
+
var handleFileChangeByFilePicker = function (cb) {
|
136
|
+
var input = document.createElement('input');
|
137
|
+
input.setAttribute('type', 'file');
|
138
|
+
input.setAttribute('accept', 'image/*');
|
139
|
+
input.addEventListener('change', function () { return __awaiter(_this, void 0, void 0, function () {
|
140
|
+
var file, result, error_1;
|
141
|
+
return __generator(this, function (_a) {
|
142
|
+
switch (_a.label) {
|
143
|
+
case 0:
|
144
|
+
file = input === null || input === void 0 ? void 0 : input.files[0];
|
145
|
+
if (!file)
|
146
|
+
return [2 /*return*/];
|
147
|
+
if (maxFileSize && file.size > maxFileSize * 1024 * 1024) {
|
148
|
+
setIsFilValidationAlertDialogOpen(true);
|
149
|
+
return [2 /*return*/];
|
150
|
+
}
|
151
|
+
if (!onImageUpload) return [3 /*break*/, 4];
|
152
|
+
_a.label = 1;
|
153
|
+
case 1:
|
154
|
+
_a.trys.push([1, 3, , 4]);
|
155
|
+
return [4 /*yield*/, onImageUpload(file)];
|
156
|
+
case 2:
|
157
|
+
result = _a.sent();
|
158
|
+
if (result.location) {
|
159
|
+
cb(result.location, { title: file.name, alt: 'image' });
|
160
|
+
}
|
161
|
+
return [3 /*break*/, 4];
|
162
|
+
case 3:
|
163
|
+
error_1 = _a.sent();
|
164
|
+
return [2 /*return*/, Promise.reject(new Error('Request failed'))];
|
165
|
+
case 4: return [2 /*return*/];
|
166
|
+
}
|
167
|
+
});
|
168
|
+
}); });
|
169
|
+
input.click();
|
170
|
+
};
|
171
|
+
var handleUploadImageByDragAndDrop = function (blobInfo) { return __awaiter(_this, void 0, void 0, function () {
|
172
|
+
var convertedFile, result, error_2;
|
173
|
+
return __generator(this, function (_a) {
|
174
|
+
switch (_a.label) {
|
175
|
+
case 0:
|
176
|
+
if (maxFileSize && blobInfo.blob().size > maxFileSize * 1024 * 1024) {
|
177
|
+
setIsFilValidationAlertDialogOpen(true);
|
178
|
+
return [2 /*return*/, Promise.reject({ remove: true })];
|
179
|
+
}
|
180
|
+
if (blobInfo.blobUri().startsWith('blob')) {
|
181
|
+
convertedFile = new File([blobInfo.blob()], (0, uuid_1.v4)());
|
182
|
+
}
|
183
|
+
if (!(convertedFile && onImageUpload)) return [3 /*break*/, 5];
|
184
|
+
_a.label = 1;
|
185
|
+
case 1:
|
186
|
+
_a.trys.push([1, 3, , 4]);
|
187
|
+
return [4 /*yield*/, onImageUpload(convertedFile)];
|
188
|
+
case 2:
|
189
|
+
result = _a.sent();
|
190
|
+
if (result.location) {
|
191
|
+
return [2 /*return*/, Promise.resolve(result.location)];
|
192
|
+
}
|
193
|
+
return [2 /*return*/, Promise.reject({ remove: true })];
|
194
|
+
case 3:
|
195
|
+
error_2 = _a.sent();
|
196
|
+
return [2 /*return*/, Promise.reject({ remove: true })];
|
197
|
+
case 4: return [3 /*break*/, 6];
|
198
|
+
case 5: return [2 /*return*/, Promise.reject({ remove: true })];
|
199
|
+
case 6: return [2 /*return*/];
|
200
|
+
}
|
201
|
+
});
|
202
|
+
}); };
|
203
|
+
if (requirementMode === 'use' &&
|
204
|
+
isEditorDirty.current &&
|
205
|
+
(!editorContent || editorContent.length === 0)) {
|
206
|
+
validationText = (0, jsx_runtime_1.jsx)(S_Error, { children: requiredValidationText });
|
207
|
+
}
|
208
|
+
if (minLength && count > 0 && count < minLength) {
|
209
|
+
validationText = (0, jsx_runtime_1.jsx)(S_Error, { children: lengthValidationText });
|
210
|
+
}
|
211
|
+
if (maxLength && count > 0 && count > maxLength) {
|
212
|
+
validationText = (0, jsx_runtime_1.jsx)(S_Error, { children: lengthValidationText });
|
213
|
+
}
|
214
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_Editor, { children: [isEditorLoading && isLoadingUsed && ((0, jsx_runtime_1.jsx)(S_LoadingWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.CircularProgress, {}) })), (0, jsx_runtime_1.jsx)(tinymce_react_1.Editor, { tinymceScriptSrc: tinymceScriptSrc, onInit: handleInit, onEditorChange: handleEditorValueChange, initialValue: defaultText, init: {
|
215
|
+
menubar: false,
|
216
|
+
promotion: false,
|
217
|
+
branding: false,
|
218
|
+
elementpath: false,
|
219
|
+
plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap emoticons',
|
220
|
+
editimage_cors_hosts: ['picsum.photos'],
|
221
|
+
toolbar: toolbar.join(' | '),
|
222
|
+
toolbar_sticky: false,
|
223
|
+
toolbar_sticky_offset: 108,
|
224
|
+
autosave_ask_before_unload: true,
|
225
|
+
placeholder: hintText,
|
226
|
+
autosave_interval: '30s',
|
227
|
+
autosave_prefix: '{path}{query}-{id}-',
|
228
|
+
autosave_restore_when_empty: false,
|
229
|
+
autosave_retention: '2m',
|
230
|
+
image_advtab: false,
|
231
|
+
image_title: true,
|
232
|
+
file_picker_types: 'image',
|
233
|
+
importcss_append: true,
|
234
|
+
file_picker_callback: handleFileChangeByFilePicker,
|
235
|
+
images_upload_handler: handleUploadImageByDragAndDrop,
|
236
|
+
height: height,
|
237
|
+
image_caption: true,
|
238
|
+
noneditable_class: 'mceNonEditable',
|
239
|
+
toolbar_mode: 'wrap',
|
240
|
+
skin: useDarkMode ? 'oxide-dark' : 'oxide',
|
241
|
+
content_css: useDarkMode ? 'dark' : 'default',
|
242
|
+
indent: false,
|
243
|
+
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px } img { height: auto; max-width: 100%; } p, div { overflow: hidden; } pre { white-space: pre-wrap; }',
|
244
|
+
setup: function (editor) {
|
245
|
+
editor.on('blur', handleEditorBlur);
|
246
|
+
}
|
247
|
+
} }), validationText] }), isFileValidationAlertDialogOpen && ((0, jsx_runtime_1.jsx)(DesktopAlertDialog_1.DesktopAlertDialog, { contentText: fileSizeValidationText, tBtn1Text: t('str_confirm'), onClickTBtn1: function () { return setIsFilValidationAlertDialogOpen(false); } }))] }));
|
248
|
+
}
|
249
|
+
var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"], ["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"])));
|
250
|
+
var S_LoadingWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"], ["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"])));
|
251
|
+
var S_Error = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
|
252
|
+
var theme = _a.theme;
|
253
|
+
return theme.ui_cpnt_textfield_text_error;
|
254
|
+
}, function (_a) {
|
255
|
+
var theme = _a.theme;
|
256
|
+
return theme.desktopFontSize.caption2;
|
257
|
+
}, function (_a) {
|
258
|
+
var theme = _a.theme;
|
259
|
+
return theme.fontWeight.normal;
|
260
|
+
}, function (_a) {
|
261
|
+
var theme = _a.theme;
|
262
|
+
return theme.desktopLineHeight.caption2;
|
263
|
+
}, function (_a) {
|
264
|
+
var theme = _a.theme;
|
265
|
+
return theme.spacing.spacingA;
|
266
|
+
});
|
267
|
+
exports.default = RichTextEditor;
|
268
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
exports.RichTextEditor = void 0;
|
7
|
+
var RichTextEditor_1 = require("./RichTextEditor");
|
8
|
+
Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return __importDefault(RichTextEditor_1).default; } });
|