pds-dev-kit-web-test 0.1.3 → 0.1.4
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/GlobalStyle.js +1 -1
- package/dist/src/common/components/Navigations/ContextTextLabelNav.d.ts +1 -2
- package/dist/src/common/components/Navigations/ContextTextLabelNav.js +1 -1
- package/dist/src/common/decorators/withFormProvider.js +1 -0
- package/dist/src/desktop/components/AdminListHeader/AdminListHeader.js +5 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PAppMenuItemNav.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PageMenuItemNav.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/utils.js +1 -0
- package/dist/src/desktop/components/TextLabel/TextLabel.js +1 -1
- package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +0 -7
- package/dist/src/sub/AdminList/ToolBar/SearchField.js +2 -3
- package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +2 -1
- package/dist/src/sub/AdminList/ToolBar/ToolBar.js +7 -3
- package/package.json +1 -1
- package/release-note.md +16 -7
package/dist/src/GlobalStyle.js
CHANGED
|
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
var styled_components_1 = require("styled-components");
|
|
8
|
-
var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\
|
|
8
|
+
var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nhtml {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-text-fill-color: ", " !important;\n transition: background-color 9999s ease-in-out 0s !important;\n}\n"], ["\nhtml {\n height: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n width: 100%;\n }\n\n body {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 100%;\n margin: 0;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n width: 100%;\n }\n\n body::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n #root {\n height: 100%;\n width: 100%;\n }\n\n div, span, textarea, ul {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n display: none; /* Chrome, Safari, Opera */\n }\n\n input {\n font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n font-stretch: normal;\n font-style: normal;\n letter-spacing: normal;\n }\n\n a,\n [type='checkbox'],\n [type='radio'] {\n color: inherit;\n -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n text-decoration: none;\n }\n\n code {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n }\n\n button {\n cursor: pointer;\n font-family: inherit;\n outline: none;\n }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n -webkit-text-fill-color: ", " !important;\n transition: background-color 9999s ease-in-out 0s !important;\n}\n"])), function (_a) {
|
|
9
9
|
var theme = _a.theme;
|
|
10
10
|
return theme.ui_cpnt_textfield_text_typed;
|
|
11
11
|
});
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
import { ForwardedRefType } from '../../types';
|
|
3
3
|
declare type Props = {
|
|
4
4
|
to: string;
|
|
5
|
-
isActive?: boolean;
|
|
6
5
|
text: string;
|
|
7
6
|
openNewTab: boolean;
|
|
8
7
|
preventLineChange?: boolean;
|
|
9
8
|
onClick?: () => void;
|
|
10
9
|
};
|
|
11
|
-
declare function ContextTextLabelNav({ to, text, openNewTab,
|
|
10
|
+
declare function ContextTextLabelNav({ to, text, openNewTab, preventLineChange, onClick }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
|
|
12
11
|
export default ContextTextLabelNav;
|
|
@@ -9,7 +9,7 @@ var hybrid_1 = require("../../../hybrid");
|
|
|
9
9
|
var BoxLayout_1 = require("../BoxLayout");
|
|
10
10
|
var NavLink_1 = __importDefault(require("./NavLink"));
|
|
11
11
|
function ContextTextLabelNav(_a, ref) {
|
|
12
|
-
var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.
|
|
12
|
+
var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.preventLineChange, preventLineChange = _b === void 0 ? false : _b, onClick = _a.onClick;
|
|
13
13
|
return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { onClick: onClick, ref: ref, to: to, openNewTab: openNewTab, style: { minWidth: '100%', width: 'max-content' } },
|
|
14
14
|
react_1.default.createElement(BoxLayout_1.Row, null,
|
|
15
15
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }),
|
|
@@ -23,6 +23,7 @@ var components_1 = require("../components");
|
|
|
23
23
|
var withFormProvider = function (storyFn) {
|
|
24
24
|
var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
|
|
25
25
|
var handleSubmit = function (data) {
|
|
26
|
+
// eslint-disable-next-line no-console
|
|
26
27
|
console.log('submit success', data);
|
|
27
28
|
};
|
|
28
29
|
return (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods),
|
|
@@ -31,7 +31,11 @@ var defaultPaginationTextArray = [
|
|
|
31
31
|
}
|
|
32
32
|
];
|
|
33
33
|
function AdminListHeader(_a) {
|
|
34
|
-
var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText,
|
|
34
|
+
var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText,
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
+
_c = _a.itemCountUnit,
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
|
+
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;
|
|
35
39
|
return (react_1.default.createElement(S_AdminListHeader, { "x-pds-name": "AdminListHeader", "x-pds-element-type": "component", "x-pds-device-type": "desktop" },
|
|
36
40
|
react_1.default.createElement(HeaderBar_1.default, { titleText: headerBarTitleText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, dropdownDefaultValue: dropdownDefaultValue, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }),
|
|
37
41
|
headerBarTitleText && !contentText && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
|
|
@@ -56,7 +56,7 @@ function InternalLinkMenuItemNav(_a) {
|
|
|
56
56
|
return (react_1.default.createElement(IconNav_1.default, { onClick: onClickNav, to: internalPath, iconName: menu.iconName, openNewTab: false }));
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { onClick: onClickNav,
|
|
59
|
+
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { onClick: onClickNav, isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }));
|
|
60
60
|
}
|
|
61
61
|
function getInternalLink(basePath, url) {
|
|
62
62
|
var _a = new URL(url), pathname = _a.pathname, search = _a.search;
|
|
@@ -46,6 +46,6 @@ function PAppMenuItemNav(_a) {
|
|
|
46
46
|
return (react_1.default.createElement(IconNav_1.default, { to: basePath + "/" + menu.pAppCode, iconName: menu.iconName, openNewTab: false }));
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, {
|
|
49
|
+
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name }));
|
|
50
50
|
}
|
|
51
51
|
exports.default = PAppMenuItemNav;
|
|
@@ -46,6 +46,6 @@ function PageMenuItemNav(_a) {
|
|
|
46
46
|
return (react_1.default.createElement(IconNav_1.default, { to: basePath + "/pages/" + menu.slug, iconName: menu.iconName, openNewTab: false }));
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, {
|
|
49
|
+
return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: basePath + "/pages/" + menu.slug, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/pages/" + menu.slug, text: menu.name }));
|
|
50
50
|
}
|
|
51
51
|
exports.default = PageMenuItemNav;
|
|
@@ -391,7 +391,7 @@ var S_AfterTextBox = styled_components_1.default.div(templateObject_41 || (templ
|
|
|
391
391
|
}
|
|
392
392
|
});
|
|
393
393
|
var S_IconWrapper = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
|
|
394
|
-
var S_TooltipWrapper = styled_components_1.default.div(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
|
|
394
|
+
var S_TooltipWrapper = styled_components_1.default.div(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n z-index: 4;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n z-index: 4;\n\n ", ";\n\n ", ";\n"])), function (_a) {
|
|
395
395
|
var theme = _a.theme;
|
|
396
396
|
return theme.ui_cpnt_contextmenu_base;
|
|
397
397
|
}, function (_a) {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TFunctionResult } from 'i18next';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { PDSValueOption } from '../../../common';
|
|
4
3
|
import BulkActionBar from '../BulkActionBar/BulkActionBar';
|
|
5
4
|
import ToolBar from '../ToolBar/ToolBar';
|
|
6
5
|
declare type ColumnWidthType = 'small' | 'medium' | 'large';
|
|
@@ -36,12 +35,6 @@ declare type Props = {
|
|
|
36
35
|
flexibleHideInfoMode?: 'use' | 'none';
|
|
37
36
|
toolBar?: React.ReactElement<React.ComponentProps<typeof ToolBar>>;
|
|
38
37
|
bulkActionBar?: React.ReactElement<React.ComponentProps<typeof BulkActionBar>>;
|
|
39
|
-
onChangeDropdown1?: (value: PDSValueOption) => void;
|
|
40
|
-
onChangeDropdown2?: (value: PDSValueOption) => void;
|
|
41
|
-
onChangeDropdown3?: (value: PDSValueOption) => void;
|
|
42
|
-
onClickTBtn1?: () => void;
|
|
43
|
-
onClickTBtn2?: () => void;
|
|
44
|
-
onClickTBtn3?: () => void;
|
|
45
38
|
onClickQuickActionBtn1?: (id: number) => void;
|
|
46
39
|
onClickQuickActionBtn2?: (id: number) => void;
|
|
47
40
|
onClickQuickActionBtn3?: (id: number) => void;
|
|
@@ -34,13 +34,12 @@ function SearchField(_a) {
|
|
|
34
34
|
var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _b = _a.responsiveMode, responsiveMode = _b === void 0 ? 'none' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, customWidth = _a.customWidth, onTarget = _a.onTarget, onClickArrowIBtn = _a.onClickArrowIBtn, onClickSearchIBtn = _a.onClickSearchIBtn;
|
|
35
35
|
var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
36
36
|
var textFieldBaseRef = (0, react_1.useRef)(null);
|
|
37
|
-
var _e = (0, react_hook_form_1.useFormContext)(), register = _e.register, getValues = _e.getValues,
|
|
37
|
+
var _e = (0, react_hook_form_1.useFormContext)(), register = _e.register, getValues = _e.getValues, trigger = _e.trigger;
|
|
38
38
|
var validateOnBlur = register(name).onBlur;
|
|
39
39
|
var handleFocus = function () {
|
|
40
40
|
setIsFocused(true);
|
|
41
41
|
};
|
|
42
42
|
var handleArrowIBtnClick = function () {
|
|
43
|
-
reset();
|
|
44
43
|
if (onClickArrowIBtn) {
|
|
45
44
|
onClickArrowIBtn();
|
|
46
45
|
}
|
|
@@ -65,7 +64,7 @@ function SearchField(_a) {
|
|
|
65
64
|
react_1.default.createElement(S_SearchFieldWrapper, { size: size, textLineType: "single", isFocused: isFocused, state: "normal", colorTheme: "none", responsiveMode: responsiveMode, customWidth: customWidth },
|
|
66
65
|
react_1.default.createElement(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick }),
|
|
67
66
|
react_1.default.createElement(components_1.TextFieldBase, { inputRef: textFieldBaseRef, name: name, size: size, hintText: hintText, defaultText: defaultText, enterSubmitMode: "use", textLineType: "single", textSize: "form2", textWeight: "normal", textPadding: "0 0 0 8px", deleteIconMode: "use", deleteIconSize: size === 'large' ? 20 : 16, deleteIconColor: "ui_cpnt_button_icon_disabled", isFocused: isFocused, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: register('searchField').onChange }),
|
|
68
|
-
react_1.default.createElement(hybrid_1.Spacing, { size: "
|
|
67
|
+
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }),
|
|
69
68
|
react_1.default.createElement(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_search", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchIBtnClick }))));
|
|
70
69
|
}
|
|
71
70
|
var S_SearchFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), function (_a) {
|
|
@@ -15,11 +15,12 @@ declare type Props = {
|
|
|
15
15
|
iBtn3IconName?: FillIconNameKeys | LineIconNameKeys;
|
|
16
16
|
iBtn3IconFillType?: 'fill' | 'line';
|
|
17
17
|
onClickChip?: (option: PDSValueOption) => void;
|
|
18
|
+
onClickSearchFieldResetBtn?: () => void;
|
|
18
19
|
onClickSearchIBtn?: (value: string) => void;
|
|
19
20
|
onEnterKeyDown?: (value: string) => void;
|
|
20
21
|
onClickIBtn1?: () => void;
|
|
21
22
|
onClickIBtn2?: () => void;
|
|
22
23
|
onClickIBtn3?: () => void;
|
|
23
24
|
};
|
|
24
|
-
declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, chipTextArray, chipValue, searchMode, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
|
|
25
|
+
declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, chipTextArray, chipValue, searchMode, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchFieldResetBtn, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
|
|
25
26
|
export default ToolBar;
|
|
@@ -46,10 +46,10 @@ var hybrid_1 = require("../../../hybrid");
|
|
|
46
46
|
var ChipList_1 = __importDefault(require("./ChipList"));
|
|
47
47
|
var SearchField_1 = __importDefault(require("./SearchField"));
|
|
48
48
|
function ToolBar(_a) {
|
|
49
|
-
var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _b = _a.searchMode, searchMode = _b === void 0 ? 'none' : _b, _c = _a.chipMode, chipMode = _c === void 0 ? 'none' : _c, _d = _a.iBtnMode, iBtnMode = _d === void 0 ? 'none' : _d, iBtn1IconName = _a.iBtn1IconName, _e = _a.iBtn1IconFillType, iBtn1IconFillType = _e === void 0 ? 'line' : _e, iBtn2IconName = _a.iBtn2IconName, _f = _a.iBtn2IconFillType, iBtn2IconFillType = _f === void 0 ? 'line' : _f, iBtn3IconName = _a.iBtn3IconName, _g = _a.iBtn3IconFillType, iBtn3IconFillType = _g === void 0 ? 'line' : _g, onClickChip = _a.onClickChip, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
|
|
49
|
+
var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _b = _a.searchMode, searchMode = _b === void 0 ? 'none' : _b, _c = _a.chipMode, chipMode = _c === void 0 ? 'none' : _c, _d = _a.iBtnMode, iBtnMode = _d === void 0 ? 'none' : _d, iBtn1IconName = _a.iBtn1IconName, _e = _a.iBtn1IconFillType, iBtn1IconFillType = _e === void 0 ? 'line' : _e, iBtn2IconName = _a.iBtn2IconName, _f = _a.iBtn2IconFillType, iBtn2IconFillType = _f === void 0 ? 'line' : _f, iBtn3IconName = _a.iBtn3IconName, _g = _a.iBtn3IconFillType, iBtn3IconFillType = _g === void 0 ? 'line' : _g, onClickChip = _a.onClickChip, onClickSearchFieldResetBtn = _a.onClickSearchFieldResetBtn, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
|
|
50
50
|
var _h = (0, react_1.useState)(!!searchFieldDefaultText), isShowSearchField = _h[0], setIsShowSearchField = _h[1];
|
|
51
51
|
var methods = (0, react_hook_form_1.useForm)();
|
|
52
|
-
var handleSubmit = methods.handleSubmit;
|
|
52
|
+
var reset = methods.reset, handleSubmit = methods.handleSubmit;
|
|
53
53
|
var onSubmit = function (_a) {
|
|
54
54
|
var searchField = _a.searchField;
|
|
55
55
|
if (onEnterKeyDown) {
|
|
@@ -58,6 +58,10 @@ function ToolBar(_a) {
|
|
|
58
58
|
};
|
|
59
59
|
var handleArrowIBtnClick = function () {
|
|
60
60
|
setIsShowSearchField(false);
|
|
61
|
+
reset();
|
|
62
|
+
if (onClickSearchFieldResetBtn) {
|
|
63
|
+
onClickSearchFieldResetBtn();
|
|
64
|
+
}
|
|
61
65
|
};
|
|
62
66
|
var handleSearchIBtnClick = function (value) {
|
|
63
67
|
if (onClickSearchIBtn) {
|
|
@@ -108,7 +112,7 @@ function ToolBar(_a) {
|
|
|
108
112
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }))))))),
|
|
109
113
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" })));
|
|
110
114
|
}
|
|
111
|
-
var S_ToolBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
115
|
+
var S_ToolBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 40px;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 40px;\n"])));
|
|
112
116
|
var S_FilterBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
113
117
|
var S_IconButtonBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n\n & > :not(:first-child) {\n margin-left: ", ";\n }\n"], ["\n display: flex;\n\n & > :not(:first-child) {\n margin-left: ", ";\n }\n"])), function (_a) {
|
|
114
118
|
var theme = _a.theme;
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
# pds-dev-kit-web-test Release Notes
|
|
2
|
-
## [v0.1.
|
|
2
|
+
## [v0.1.4]
|
|
3
3
|
|
|
4
|
-
## 기준 pds-dev-kit-web 버전 @1.9.
|
|
5
|
-
### Component
|
|
6
|
-
* PageTitleTextGroup
|
|
7
|
-
* tooltipText prop 추가
|
|
8
|
-
* dateBtn 관련 props 추가
|
|
4
|
+
## 기준 pds-dev-kit-web 버전 @1.9.13
|
|
9
5
|
### sub
|
|
10
|
-
|
|
6
|
+
* AdminList
|
|
7
|
+
* SearchField
|
|
8
|
+
* arrowLeftIconButton 클릭시 SearchField 값이 지워지던 기능 삭제
|
|
9
|
+
* deleteIcon과 searchIcon 사이 간격 수정
|
|
10
|
+
* ToolBar
|
|
11
|
+
* SearchField의 arrowLeftIconButton 클릭시 SearchField 값이 지워지도록 기능 추가
|
|
12
|
+
* AdminList
|
|
13
|
+
* 사용되지 않는 props type 삭제
|
|
14
|
+
* onChangeDropdown1
|
|
15
|
+
* onChangeDropdown2
|
|
16
|
+
* onChangeDropdown3
|
|
17
|
+
* onClickTBtn1
|
|
18
|
+
* onClickTBtn2
|
|
19
|
+
* onClickTBtn3
|