pds-dev-kit-web 2.2.227 → 2.2.229
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/desktop/components/RichTextEditor/RichTextEditor.js +3 -3
- package/dist/src/mobile/components/RichTextEditor/RichTextEditor.js +3 -3
- package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +2 -1
- package/dist/src/sub/AdminList/ToolBar/ToolBar.js +3 -3
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -70,15 +70,15 @@ function RichTextEditor(_a) {
|
|
|
70
70
|
if (defaultText && defaultText.length === 0) {
|
|
71
71
|
setCount(defaultText.length);
|
|
72
72
|
}
|
|
73
|
-
if (defaultText && defaultText.length !== 0 && editorRef.current) {
|
|
74
|
-
handleEditorValueChange(defaultText, editorRef.current);
|
|
75
|
-
}
|
|
76
73
|
}, [defaultText]);
|
|
77
74
|
var handleInit = function (evt, editor) {
|
|
78
75
|
if (isLoadingUsed) {
|
|
79
76
|
setIsEditorLoading(false);
|
|
80
77
|
}
|
|
81
78
|
editorRef.current = editor;
|
|
79
|
+
if (defaultText && defaultText.length !== 0) {
|
|
80
|
+
handleEditorValueChange(defaultText, editor);
|
|
81
|
+
}
|
|
82
82
|
var isSourceCodeToolActive = toolbar.some(function (group) {
|
|
83
83
|
var tools = group.split(' ');
|
|
84
84
|
return tools.includes('code');
|
|
@@ -70,15 +70,15 @@ function RichTextEditor(_a) {
|
|
|
70
70
|
if (defaultText && defaultText.length === 0) {
|
|
71
71
|
setCount(defaultText.length);
|
|
72
72
|
}
|
|
73
|
-
if (defaultText && defaultText.length !== 0 && editorRef.current) {
|
|
74
|
-
handleEditorValueChange(defaultText, editorRef.current);
|
|
75
|
-
}
|
|
76
73
|
}, [defaultText]);
|
|
77
74
|
var handleInit = function (evt, editor) {
|
|
78
75
|
if (isLoadingUsed) {
|
|
79
76
|
setIsEditorLoading(false);
|
|
80
77
|
}
|
|
81
78
|
editorRef.current = editor;
|
|
79
|
+
if (defaultText && defaultText.length !== 0) {
|
|
80
|
+
handleEditorValueChange(defaultText, editor);
|
|
81
|
+
}
|
|
82
82
|
var isSourceCodeToolActive = toolbar.some(function (group) {
|
|
83
83
|
var tools = group.split(' ');
|
|
84
84
|
return tools.includes('code');
|
|
@@ -3,6 +3,7 @@ import type { DropdownValueOption, PDSIconType, PDSTextType, PDSValueOption } fr
|
|
|
3
3
|
type Props = {
|
|
4
4
|
searchFieldHintText?: PDSTextType;
|
|
5
5
|
searchFieldDefaultText?: PDSTextType;
|
|
6
|
+
searchFieldWidth?: string;
|
|
6
7
|
chipTextArray?: PDSValueOption[];
|
|
7
8
|
chipValue?: PDSValueOption;
|
|
8
9
|
searchMode?: 'none' | 'use';
|
|
@@ -29,5 +30,5 @@ type Props = {
|
|
|
29
30
|
onClickIBtn2?: () => void;
|
|
30
31
|
onClickIBtn3?: () => void;
|
|
31
32
|
};
|
|
32
|
-
declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, chipTextArray, chipValue, searchMode, searchStyleTheme, dropdownArray, dropdownDefaultText, dropdownHintText, dropdownWidth, dropdownValue, onChangeDropdown, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchFieldResetIBtn, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
|
|
33
|
+
declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, searchFieldWidth, chipTextArray, chipValue, searchMode, searchStyleTheme, dropdownArray, dropdownDefaultText, dropdownHintText, dropdownWidth, dropdownValue, onChangeDropdown, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchFieldResetIBtn, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
|
|
33
34
|
export default ToolBar;
|
|
@@ -28,8 +28,8 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
28
28
|
var ChipList_1 = __importDefault(require("./ChipList"));
|
|
29
29
|
var SearchField_1 = __importDefault(require("./SearchField"));
|
|
30
30
|
function ToolBar(_a) {
|
|
31
|
-
var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue,
|
|
32
|
-
var
|
|
31
|
+
var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, _b = _a.searchFieldWidth, searchFieldWidth = _b === void 0 ? '424px' : _b, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _c = _a.searchMode, searchMode = _c === void 0 ? 'none' : _c, _d = _a.searchStyleTheme, searchStyleTheme = _d === void 0 ? 'searchField' : _d, dropdownArray = _a.dropdownArray, dropdownDefaultText = _a.dropdownDefaultText, dropdownHintText = _a.dropdownHintText, _e = _a.dropdownWidth, dropdownWidth = _e === void 0 ? '240px' : _e, dropdownValue = _a.dropdownValue, onChangeDropdown = _a.onChangeDropdown, _f = _a.chipMode, chipMode = _f === void 0 ? 'none' : _f, _g = _a.iBtnMode, iBtnMode = _g === void 0 ? 'none' : _g, iBtn1IconName = _a.iBtn1IconName, _h = _a.iBtn1IconFillType, iBtn1IconFillType = _h === void 0 ? 'line' : _h, iBtn2IconName = _a.iBtn2IconName, _j = _a.iBtn2IconFillType, iBtn2IconFillType = _j === void 0 ? 'line' : _j, iBtn3IconName = _a.iBtn3IconName, _k = _a.iBtn3IconFillType, iBtn3IconFillType = _k === void 0 ? 'line' : _k, onClickChip = _a.onClickChip, onClickSearchFieldResetIBtn = _a.onClickSearchFieldResetIBtn, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
|
|
32
|
+
var _l = (0, react_1.useState)(!!searchFieldDefaultText), isShowSearchField = _l[0], setIsShowSearchField = _l[1];
|
|
33
33
|
var methods = (0, react_hook_form_1.useForm)();
|
|
34
34
|
var reset = methods.reset, handleSubmit = methods.handleSubmit;
|
|
35
35
|
var onSubmit = function (_a) {
|
|
@@ -73,7 +73,7 @@ function ToolBar(_a) {
|
|
|
73
73
|
onClickIBtn3();
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ToolBarBox, { children: [(0, jsx_runtime_1.jsx)(S_FilterBox, { children: isShowSearchField ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: [searchStyleTheme === 'searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickArrowIBtn: handleArrowIBtnClick, onClickSearchIBtn: handleSearchIBtnClick, customWidth:
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ToolBarBox, { children: [(0, jsx_runtime_1.jsx)(S_FilterBox, { children: isShowSearchField ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: [searchStyleTheme === 'searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickArrowIBtn: handleArrowIBtnClick, onClickSearchIBtn: handleSearchIBtnClick, customWidth: searchFieldWidth })] })), searchStyleTheme === 'dropdown_searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick }), (0, jsx_runtime_1.jsx)(components_2.Dropdown, { valueArray: dropdownArray || [], defaultValue: dropdownDefaultText, hintText: dropdownHintText, value: dropdownValue, onChange: onChangeDropdown, size: "medium", customWidth: dropdownWidth }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", arrowBtnMode: "none", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickSearchIBtn: handleSearchIBtnClick, customWidth: searchFieldWidth })] }))] })) })) })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_SearchIconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_search", iconFillType: "fill", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchFieldShowIBtnClick }) })] })), chipMode === 'use' && chipTextArray && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: searchMode === 'use' ? 'spacing_d' : 'spacing_e', spacingType: "width" }), (0, jsx_runtime_1.jsx)(ChipList_1.default, { textArray: chipTextArray, value: chipValue, onClickChip: handleChipClick })] }))] })) }), (0, jsx_runtime_1.jsx)(S_IconButtonBox, { children: iBtnMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iBtnMode === 'iBtn_amount3' && iBtn3IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn3IconName, iconFillType: iBtn3IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn3Click })), (iBtnMode === 'iBtn_amount2' || iBtnMode === 'iBtn_amount3') && iBtn2IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn2IconName, iconFillType: iBtn2IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn2Click })), iBtn1IconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn1IconName, iconFillType: iBtn1IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn1Click }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" })] }))] })) })] }) }));
|
|
77
77
|
}
|
|
78
78
|
var S_ToolBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n justify-content: space-between;\n min-height: 40px;\n"], ["\n align-items: flex-start;\n display: flex;\n justify-content: space-between;\n min-height: 40px;\n"])));
|
|
79
79
|
var S_FilterBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v2.2.
|
|
2
|
+
## [v2.2.229]
|
|
3
3
|
## daily|https://design.storybook.publ.biz/
|
|
4
4
|
|
|
5
5
|
### 업데이트 사항
|
|
6
|
-
* [PDS-
|
|
6
|
+
* [DAILY][PDS-1357] ToolBar에 searchFieldWidth Prop 추가
|