pds-dev-kit-web 2.2.223 → 2.2.224
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/src/common/styles/theme.d.ts +0 -1
- package/dist/src/common/styles/theme.js +1 -1
- package/dist/src/desktop/components/RichTextEditor/RichTextEditor.js +5 -26
- package/dist/src/mobile/components/RichTextEditor/RichTextEditor.js +5 -26
- package/package.json +1 -1
- package/release-note.md +2 -3
|
@@ -113,5 +113,4 @@ 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>;
|
|
117
116
|
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 })); };
|
|
129
129
|
exports.themeByGivenTone = themeByGivenTone;
|
|
130
130
|
exports.default = theme;
|
|
@@ -3,29 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
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
6
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
30
7
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
31
8
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -62,6 +39,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
62
39
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
63
40
|
}
|
|
64
41
|
};
|
|
42
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
43
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
44
|
+
};
|
|
65
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
66
46
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
47
|
/* eslint-disable prefer-promise-reject-errors */
|
|
@@ -70,7 +50,7 @@ var react_1 = require("react");
|
|
|
70
50
|
var react_i18next_1 = require("react-i18next");
|
|
71
51
|
var uuid_1 = require("uuid");
|
|
72
52
|
var components_1 = require("../../../common/components");
|
|
73
|
-
var styled_components_1 =
|
|
53
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
74
54
|
var DesktopAlertDialog_1 = require("../DesktopAlertDialog");
|
|
75
55
|
function RichTextEditor(_a) {
|
|
76
56
|
var _this = this;
|
|
@@ -83,8 +63,7 @@ function RichTextEditor(_a) {
|
|
|
83
63
|
var editorRef = (0, react_1.useRef)(null);
|
|
84
64
|
var isEditorDirty = (0, react_1.useRef)(false);
|
|
85
65
|
var editorContent = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.getContent();
|
|
86
|
-
var
|
|
87
|
-
var useDarkMode = theme.mode === 'dark';
|
|
66
|
+
var useDarkMode = window.PdsUtils.tone === 'DARK';
|
|
88
67
|
var validationText = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
89
68
|
(0, react_1.useEffect)(function () {
|
|
90
69
|
if (defaultText && defaultText.length === 0) {
|
|
@@ -3,29 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
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
6
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
30
7
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
31
8
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -62,6 +39,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
62
39
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
63
40
|
}
|
|
64
41
|
};
|
|
42
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
43
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
44
|
+
};
|
|
65
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
66
46
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
47
|
/* eslint-disable prefer-promise-reject-errors */
|
|
@@ -70,7 +50,7 @@ var react_1 = require("react");
|
|
|
70
50
|
var react_i18next_1 = require("react-i18next");
|
|
71
51
|
var uuid_1 = require("uuid");
|
|
72
52
|
var components_1 = require("../../../common/components");
|
|
73
|
-
var styled_components_1 =
|
|
53
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
74
54
|
var MobileAlertDialog_1 = require("../MobileAlertDialog");
|
|
75
55
|
function RichTextEditor(_a) {
|
|
76
56
|
var _this = this;
|
|
@@ -80,11 +60,10 @@ function RichTextEditor(_a) {
|
|
|
80
60
|
var _f = (0, react_1.useState)(0), count = _f[0], setCount = _f[1];
|
|
81
61
|
var _g = (0, react_1.useState)(true), isEditorLoading = _g[0], setIsEditorLoading = _g[1];
|
|
82
62
|
var _h = (0, react_1.useState)(false), isFileValidationAlertDialogOpen = _h[0], setIsFilValidationAlertDialogOpen = _h[1];
|
|
83
|
-
var theme = (0, styled_components_1.useTheme)();
|
|
84
|
-
var useDarkMode = theme.mode === 'dark';
|
|
85
63
|
var editorRef = (0, react_1.useRef)(null);
|
|
86
64
|
var isEditorDirty = (0, react_1.useRef)(false);
|
|
87
65
|
var editorContent = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.getContent();
|
|
66
|
+
var useDarkMode = window.PdsUtils.tone === 'DARK';
|
|
88
67
|
var validationText = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
89
68
|
(0, react_1.useEffect)(function () {
|
|
90
69
|
if (defaultText && defaultText.length === 0) {
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v2.2.
|
|
2
|
+
## [v2.2.224]
|
|
3
3
|
## daily|https://design.storybook.publ.biz/
|
|
4
4
|
|
|
5
5
|
### 업데이트 사항
|
|
6
|
-
* [PDS-
|
|
7
|
-
* [PDS-1347] BoxItem selectedState / checkboxMode 분리 업데이트
|
|
6
|
+
* [PDS-1351] RichTextEditor의 톤 적용이 되지 않는 현상
|