pds-dev-kit-web 1.9.14 → 1.9.15
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/common/components/TextFieldBase/TextFieldBase.d.ts +2 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +10 -7
- 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/PageTitleTextGroup/CompoundButton.d.ts +12 -0
- package/dist/src/desktop/components/PageTitleTextGroup/CompoundButton.js +71 -0
- package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.d.ts +9 -3
- package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.js +21 -5
- package/dist/src/desktop/components/TextField/TextField.d.ts +2 -1
- package/dist/src/desktop/components/TextField/TextField.js +7 -7
- package/dist/src/desktop/components/TextLabel/TextLabel.js +1 -1
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.d.ts +2 -1
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +10 -7
- package/dist/src/mobile/components/TextField/TextField.d.ts +2 -1
- package/dist/src/mobile/components/TextField/TextField.js +7 -7
- package/dist/storybook-static/{main.12d33990.iframe.bundle.js → main.7cdd8d73.iframe.bundle.js} +29 -29
- package/package.json +1 -1
- package/release-note.md +15 -3
- /package/dist/storybook-static/{main.12d33990.iframe.bundle.d.ts → main.7cdd8d73.iframe.bundle.d.ts} +0 -0
|
@@ -34,7 +34,7 @@ var IconButton_1 = require("../IconButton");
|
|
|
34
34
|
var TextLabel_1 = require("../TextLabel");
|
|
35
35
|
function TextField(_a) {
|
|
36
36
|
var _b;
|
|
37
|
-
var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation,
|
|
37
|
+
var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation, _d = _a.validationPoint, validationPoint = _d === void 0 ? 'onBlur' : _d, _e = _a.preventBlankMode, preventBlankMode = _e === void 0 ? 'none' : _e, _f = _a.enterSubmitMode, enterSubmitMode = _f === void 0 ? 'none' : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.textLineType, textLineType = _j === void 0 ? 'single' : _j, _k = _a.multiRows, multiRows = _k === void 0 ? 8 : _k, _l = _a.autoMinRows, autoMinRows = _l === void 0 ? 8 : _l, autoMaxRows = _a.autoMaxRows, _m = _a.inputType, inputType = _m === void 0 ? 'text' : _m, _o = _a.state, state = _o === void 0 ? 'normal' : _o, iBtn1IconName = _a.iBtn1IconName, _p = _a.iBtn1IconFillType, iBtn1IconFillType = _p === void 0 ? 'line' : _p, iBtn2IconName = _a.iBtn2IconName, _q = _a.iBtn2IconFillType, iBtn2IconFillType = _q === void 0 ? 'line' : _q, _r = _a.colorTheme, colorTheme = _r === void 0 ? 'none' : _r, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onTarget = _a.onTarget;
|
|
38
38
|
var basicThemeIconColors = {
|
|
39
39
|
normal: 'ui_cpnt_button_icon_default',
|
|
40
40
|
read_only: 'ui_cpnt_button_icon_default',
|
|
@@ -50,9 +50,9 @@ function TextField(_a) {
|
|
|
50
50
|
read_only: 'ui_cpnt_textfield_icon_colortheme_transparent_readonly',
|
|
51
51
|
disabled: 'ui_cpnt_textfield_icon_colortheme_transparent_disabled'
|
|
52
52
|
};
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
53
|
+
var _t = (0, react_1.useState)(false), isFocused = _t[0], setIsFocused = _t[1];
|
|
54
|
+
var _u = (0, react_hook_form_1.useFormContext)(), register = _u.register, trigger = _u.trigger, errors = _u.formState.errors;
|
|
55
|
+
var _v = register(name, validation), validateOnChange = _v.onChange, validateOnBlur = _v.onBlur;
|
|
56
56
|
var isError = Object.keys(errors).some(function (error) { return error === name; });
|
|
57
57
|
var handleClickIBtn1 = function () {
|
|
58
58
|
if (onClickIBtn1) {
|
|
@@ -107,10 +107,10 @@ function TextField(_a) {
|
|
|
107
107
|
}
|
|
108
108
|
var S_TextField = function () {
|
|
109
109
|
if (textLineType === 'multi') {
|
|
110
|
-
return (react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "multi", multiRows: multiRows, state: state, colorTheme: colorTheme, maxLength: maxLength, textSize: "form2", textWeight: "normal", autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }));
|
|
110
|
+
return (react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: textAlign, validation: validation, textLineType: "multi", multiRows: multiRows, state: state, colorTheme: colorTheme, maxLength: maxLength, textSize: "form2", textWeight: "normal", autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }));
|
|
111
111
|
}
|
|
112
112
|
if (textLineType === 'auto') {
|
|
113
|
-
return (react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, textLineType: "auto", autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, colorTheme: colorTheme, maxLength: maxLength, textSize: "form2", textWeight: "normal", autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }));
|
|
113
|
+
return (react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: textAlign, validation: validation, textLineType: "auto", autoMinRows: autoMinRows, autoMaxRows: autoMaxRows, state: state, colorTheme: colorTheme, maxLength: maxLength, textSize: "form2", textWeight: "normal", autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }));
|
|
114
114
|
}
|
|
115
115
|
if (textLineType === 'single') {
|
|
116
116
|
var deleteIconColor = 'ui_cpnt_button_icon_disabled';
|
|
@@ -128,7 +128,7 @@ function TextField(_a) {
|
|
|
128
128
|
prefixText && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
129
129
|
react_1.default.createElement(TextLabel_1.TextLabel, { text: prefixText, styleTheme: "caption1Bold", colorTheme: "sysTextTertiary", singleLineMode: "use" }),
|
|
130
130
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }))),
|
|
131
|
-
react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: "normal", deleteIconMode: "use", deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }),
|
|
131
|
+
react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, textAlign: textAlign, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: enterSubmitMode, textLineType: "single", inputType: inputType, state: state, colorTheme: colorTheme, min: min, max: max, maxLength: maxLength, textSize: "form2", textWeight: "normal", deleteIconMode: "use", deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isFocused, autoComplete: autoComplete, onFocus: handleFocus, onTarget: handleTarget, onChange: handleChange, onBlur: handleBlur, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown }),
|
|
132
132
|
react_1.default.createElement(S_RightBox, null,
|
|
133
133
|
suffixText && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
134
134
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
|