pds-dev-kit-web-test 2.3.12 → 2.3.14

package/dist/src/common/assets/icons/line/index.js

@@ -117,6 +117,7 @@ var LiveEvent_1 = __importDefault(require("./LiveEvent"));
 var LivePersonal_1 = __importDefault(require("./LivePersonal"));
 var Lock_1 = __importDefault(require("./Lock"));
 var LogoGoogle_1 = __importDefault(require("./LogoGoogle"));
+var LogoSandoll_1 = __importDefault(require("./LogoSandoll"));
 var Mail_1 = __importDefault(require("./Mail"));
 var Menu_1 = __importDefault(require("./Menu"));
 var MenuDesign_1 = __importDefault(require("./MenuDesign"));
@@ -171,6 +172,7 @@ var Question_1 = __importDefault(require("./Question"));
 var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
 var Receipt_1 = __importDefault(require("./Receipt"));
+var Recent_1 = __importDefault(require("./Recent"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
 var Richtext_1 = __importDefault(require("./Richtext"));
@@ -247,11 +249,17 @@ var Time_1 = __importDefault(require("./Time"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
 var Trashcan_1 = __importDefault(require("./Trashcan"));
+var TypefaceBlackLetter20_1 = __importDefault(require("./TypefaceBlackLetter20"));
+var TypefaceDeco20_1 = __importDefault(require("./TypefaceDeco20"));
 var TypefaceDisplay20_1 = __importDefault(require("./TypefaceDisplay20"));
 var TypefaceHand20_1 = __importDefault(require("./TypefaceHand20"));
 var TypefaceMonospace20_1 = __importDefault(require("./TypefaceMonospace20"));
+var TypefaceRound20_1 = __importDefault(require("./TypefaceRound20"));
 var TypefaceSansSerif20_1 = __importDefault(require("./TypefaceSansSerif20"));
+var TypefaceScript20_1 = __importDefault(require("./TypefaceScript20"));
 var TypefaceSerif20_1 = __importDefault(require("./TypefaceSerif20"));
+var TypefaceSlab20_1 = __importDefault(require("./TypefaceSlab20"));
+var TypefaceSymbol20_1 = __importDefault(require("./TypefaceSymbol20"));
 var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
 var Unlock_1 = __importDefault(require("./Unlock"));
@@ -392,6 +400,7 @@ var lineIcons = {
     ic_live_personal: LivePersonal_1.default,
     ic_lock: Lock_1.default,
     ic_logo_google: LogoGoogle_1.default,
+    ic_logo_sandoll: LogoSandoll_1.default,
     ic_mail: Mail_1.default,
     ic_menu: Menu_1.default,
     ic_menu_design: MenuDesign_1.default,
@@ -446,6 +455,7 @@ var lineIcons = {
     ic_radio_off: RadioOff_1.default,
     ic_radio_on: RadioOn_1.default,
     ic_receipt: Receipt_1.default,
+    ic_recent: Recent_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
     ic_richtext: Richtext_1.default,
@@ -522,11 +532,17 @@ var lineIcons = {
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,
     ic_trashcan: Trashcan_1.default,
+    ic_typeface_blackletter_20: TypefaceBlackLetter20_1.default,
+    ic_typeface_deco_20: TypefaceDeco20_1.default,
     ic_typeface_display_20: TypefaceDisplay20_1.default,
     ic_typeface_hand_20: TypefaceHand20_1.default,
     ic_typeface_monospace_20: TypefaceMonospace20_1.default,
+    ic_typeface_round_20: TypefaceRound20_1.default,
     ic_typeface_sans_serif_20: TypefaceSansSerif20_1.default,
+    ic_typeface_script_20: TypefaceScript20_1.default,
     ic_typeface_serif_20: TypefaceSerif20_1.default,
+    ic_typeface_slab_20: TypefaceSlab20_1.default,
+    ic_typeface_symbol_20: TypefaceSymbol20_1.default,
     ic_typeface_system: TypefaceSystem_1.default,
     ic_unavailable: Unavailable_1.default,
     ic_unlock: Unlock_1.default,

package/dist/src/desktop/components/TextField/TextField.js

@@ -69,7 +69,10 @@ function TextField(_a) {
     var _w = (0, react_1.useState)(false), isFocused = _w[0], setIsFocused = _w[1];
     var _x = (0, react_hook_form_1.useFormContext)(), register = _x.register, trigger = _x.trigger, errors = _x.formState.errors;
     var _y = register(name, validation), validateOnChange = _y.onChange, validateOnBlur = _y.onBlur;
-    var isError = Object.keys(errors).some(function (error) { return error === name; });
+    var getErrorByName = function (errors, name) {
+        return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+    };
+    var isError = getErrorByName(errors, name);
     var handleClickIBtn1 = function () {
         if (onClickIBtn1) {
             onClickIBtn1();
@@ -155,7 +158,7 @@ function TextField(_a) {
                                         }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

package/dist/src/mobile/components/MobileTabBar/MobileTabBar.js

@@ -39,28 +39,33 @@ function MobileTabBar(_a) {
     var history = (0, react_router_dom_1.useHistory)();
     var pathname = (0, react_router_dom_1.useLocation)().pathname;
     if (itemArray) {
+        var hasScroll_1 = itemArray.length > 3;
         var handleClickTabItem_1 = function (item, e) {
             if (item.onClick) {
                 item.onClick(e);
             }
         };
-        return ((0, jsx_runtime_1.jsx)(S_TabBar, __assign({ "x-pds-name": "MobileTabBar", "x-pds-element-type": "component", "x-pds-device-type": "mobile" }, { children: itemArray.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ colorTheme: colorTheme, isActive: item.isActive, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "body2Bold", colorTheme: item.isActive
-                        ? mobileTabBarThemes[colorTheme].activeTextColor
-                        : mobileTabBarThemes[colorTheme].inActiveTextColor, singleLineMode: "use" }) }), index)); }) })));
+        return ((0, jsx_runtime_1.jsx)(S_TabBarContainer, { children: (0, jsx_runtime_1.jsx)(S_TabBar, __assign({ "x-pds-name": "MobileTabBar", "x-pds-element-type": "component", "x-pds-device-type": "mobile", hasScroll: hasScroll_1 }, { children: itemArray.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ hasScroll: hasScroll_1, colorTheme: colorTheme, isActive: item.isActive, onClick: function (e) { return handleClickTabItem_1(item, e); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "body2Bold", wordBreak: hasScroll_1 ? 'keep_all' : 'normal', colorTheme: item.isActive
+                            ? mobileTabBarThemes[colorTheme].activeTextColor
+                            : mobileTabBarThemes[colorTheme].inActiveTextColor, singleLineMode: "use" }) }), index)); }) })) }));
     }
     if (textArray) {
+        var hasScroll_2 = textArray.length > 3;
         var handleClick_1 = function (value) {
             if (value) {
                 history.push(value.path);
             }
         };
-        return ((0, jsx_runtime_1.jsx)(S_TabBar, __assign({ "x-pds-name": "MobileTabBar", "x-pds-element-type": "component", "x-pds-device-type": "mobile" }, { children: textArray.map(function (value) { return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ colorTheme: colorTheme, isActive: pathname === value.path, onClick: function () { return handleClick_1(value); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: value.title, textAlign: "center", styleTheme: "body2Bold", colorTheme: pathname === value.path ? 'usrTextBrandPrimary' : 'sysTextTertiary', singleLineMode: "use" }) }), value.path)); }) })));
+        return ((0, jsx_runtime_1.jsx)(S_TabBarContainer, { children: (0, jsx_runtime_1.jsx)(S_TabBar, __assign({ "x-pds-name": "MobileTabBar", "x-pds-element-type": "component", "x-pds-device-type": "mobile", hasScroll: hasScroll_2 }, { children: textArray.map(function (value) { return ((0, jsx_runtime_1.jsx)(S_TabWrapper, __assign({ hasScroll: hasScroll_2, colorTheme: colorTheme, isActive: pathname === value.path, onClick: function () { return handleClick_1(value); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: value.title, textAlign: "center", styleTheme: "body2Bold", wordBreak: hasScroll_2 ? 'keep_all' : 'normal', colorTheme: pathname === value.path ? 'usrTextBrandPrimary' : 'sysTextTertiary', singleLineMode: "use" }) }), value.path)); }) })) }));
     }
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
 }
-var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  padding: 0 ", ";\n  position: relative;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &::after {\n    background-color: ", ";\n    bottom: -1px;\n    content: '';\n    height: 2px;\n    position: absolute;\n    width: 100%;\n    ", ";\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  padding: 0 ", ";\n  position: relative;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &::after {\n    background-color: ", ";\n    bottom: -1px;\n    content: '';\n    height: 2px;\n    position: absolute;\n    width: 100%;\n    ", ";\n  }\n"])), function (_a) {
+var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  display: ", ";\n  flex: 1;\n  justify-content: center;\n  padding: 0 ", ";\n  position: relative;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &::after {\n    background-color: ", ";\n    bottom: 0px;\n    content: '';\n    height: 2px;\n    position: absolute;\n    width: 100%;\n    ", ";\n  }\n\n  & > div {\n    white-space: ", ";\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  display: ", ";\n  flex: 1;\n  justify-content: center;\n  padding: 0 ", ";\n  position: relative;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &::after {\n    background-color: ", ";\n    bottom: 0px;\n    content: '';\n    height: 2px;\n    position: absolute;\n    width: 100%;\n    ", ";\n  }\n\n  & > div {\n    white-space: ", ";\n  }\n"])), function (_a) {
     var isActive = _a.isActive, theme = _a.theme;
     return isActive && theme.ui_cpnt_tabbar_base_area;
+}, function (_a) {
+    var hasScroll = _a.hasScroll;
+    return (hasScroll ? 'inline-flex' : 'flex');
 }, function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingD;
@@ -70,13 +75,20 @@ var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (template
 }, function (_a) {
     var isActive = _a.isActive;
     return !isActive && "display: none;";
+}, function (_a) {
+    var hasScroll = _a.hasScroll;
+    return hasScroll && 'nowrap';
 });
-var S_TabBar = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  height: 48px;\n  justify-content: center;\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  height: 48px;\n  justify-content: center;\n"])), function (_a) {
+var S_TabBarContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  overflow-x: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  background-color: ", ";\n  overflow-x: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_tabbar_base_area;
-}, function (_a) {
+});
+var S_TabBar = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  display: ", ";\n  height: 48px;\n"], ["\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  display: ", ";\n  height: 48px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_divider;
+}, function (_a) {
+    var hasScroll = _a.hasScroll;
+    return (hasScroll ? 'inline-flex' : 'flex');
 });
 exports.default = MobileTabBar;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/components/TextField/TextField.js

@@ -69,7 +69,10 @@ function TextField(_a) {
     var _w = (0, react_1.useState)(false), isFocused = _w[0], setIsFocused = _w[1];
     var _x = (0, react_hook_form_1.useFormContext)(), register = _x.register, trigger = _x.trigger, errors = _x.formState.errors;
     var _y = register(name, validation), validateOnChange = _y.onChange, validateOnBlur = _y.onBlur;
-    var isError = Object.keys(errors).some(function (error) { return error === name; });
+    var getErrorByName = function (errors, name) {
+        return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+    };
+    var isError = getErrorByName(errors, name);
     var handleClickIBtn1 = function () {
         if (onClickIBtn1) {
             onClickIBtn1();
@@ -155,7 +158,7 @@ function TextField(_a) {
                                         }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js

@@ -23,14 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-require("../../../DynamicLayout/sections/CustomSection/NewCustomSection");
-require("../../../DynamicLayout/sections/TempCustomSection/TempCustomSection");
 var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);
     if (props.type === 'CUSTOM') {
         return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props));
-        // return <TempCustomSection section={props} />;
     }
     var schema = props.manifest.schema;
     switch (schema) {