pds-dev-kit-web-test 2.5.25 → 2.5.27

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -356,5 +356,7 @@
     "sys_cpnt_white_opacity60": "white/opacity60",
     "sys_border_line_17": "darkgrey600",
     "usr_brand_primary_opacity05": "darkblue500/opacity05",
-    "sys_cpnt_sheet_base_15": "grey200"
+    "sys_cpnt_sheet_base_15": "grey200",
+    "sys_cpnt_sheet_base_16": "grey900/opacity50",
+    "sys_cpnt_sheet_base_17": "grey500"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -356,5 +356,7 @@
     "sys_cpnt_white_opacity60": "white/opacity60",
     "sys_border_line_17": "black/opacity00",
     "usr_brand_primary_opacity05": "blue500/opacity05",
-    "sys_cpnt_sheet_base_15": "grey100"
+    "sys_cpnt_sheet_base_15": "grey100",
+    "sys_cpnt_sheet_base_16": "grey900/opacity50",
+    "sys_cpnt_sheet_base_17": "grey500"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -862,8 +862,8 @@
     "ui_123": "usr_brand_primary_opacity05",
     "ui_124": "sys_cpnt_sheet_base_15",
     "ui_dimmed_03": "sys_background_dimmed",
-    "ui_125": "grey900",
-    "ui_126": "grey900/opacity50",
-    "ui_127": "grey500",
-    "ui_128": "white"
+    "ui_125": "sys_cpnt_sheet_base_14",
+    "ui_126": "sys_cpnt_sheet_base_16",
+    "ui_127": "sys_cpnt_sheet_base_17",
+    "ui_128": "sys_widget_white"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -1,5 +1,125 @@
 declare const colorSet: {
-    readonly PaletteColor_light: {
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+        opacity50: string;
+        grey30: string;
+        opacity95: string;
+        darkgrey30: string;
+        opacity40: string;
+        kakaoyellow: string;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+        orange50: string;
+        darkorange50: string;
+        orange30: string;
+        darkorange30: string;
+        green50: string;
+        darkgreen50: string;
+        opacity90: string;
+        facebookblue: string;
+        opacity05: string;
+        opacity15: string;
+        grey80: string;
+        grey200: string;
+        darkgrey80: string;
+        darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
+        blue10: string;
+        red10: string;
+        green10: string;
+        blue30: string;
+        red30: string;
+        orange300: string;
+        darkorange300: string;
+        darkpink300: string;
+        pastelblue300: string;
+        darkpastelblue300: string;
+        softpurple500: string;
+        darksoftpurple500: string;
+        coolpink500: string;
+        darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
+        grey20: string;
+        darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
+    };
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -358,8 +478,10 @@ declare const colorSet: {
         sys_border_line_17: string;
         usr_brand_primary_opacity05: string;
         sys_cpnt_sheet_base_15: string;
+        sys_cpnt_sheet_base_16: string;
+        sys_cpnt_sheet_base_17: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -718,126 +840,8 @@ declare const colorSet: {
         sys_border_line_17: string;
         usr_brand_primary_opacity05: string;
         sys_cpnt_sheet_base_15: string;
-    };
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
-        opacity80: string;
-        opacity50: string;
-        grey30: string;
-        opacity95: string;
-        darkgrey30: string;
-        opacity40: string;
-        kakaoyellow: string;
-        pastelblue500: string;
-        pastelpink500: string;
-        pastelorange500: string;
-        pastelgreen500: string;
-        pastelpurple500: string;
-        darkpastelblue500: string;
-        darkpastelpink500: string;
-        darkpastelorange500: string;
-        darkpastelgreen500: string;
-        darkpastelpurple500: string;
-        green30: string;
-        darkgreen30: string;
-        orange50: string;
-        darkorange50: string;
-        orange30: string;
-        darkorange30: string;
-        green50: string;
-        darkgreen50: string;
-        opacity90: string;
-        facebookblue: string;
-        opacity05: string;
-        opacity15: string;
-        grey80: string;
-        grey200: string;
-        darkgrey80: string;
-        darkgrey200: string;
-        opacity70: string;
-        opacity60: string;
-        skyblue100: string;
-        green100: string;
-        darkgreen100: string;
-        darkskyblue100: string;
-        opacity25: string;
-        opacity35: string;
-        grey10: string;
-        darkgrey10: string;
-        blue50: string;
-        darkblue50: string;
-        blue10: string;
-        red10: string;
-        green10: string;
-        blue30: string;
-        red30: string;
-        orange300: string;
-        darkorange300: string;
-        darkpink300: string;
-        pastelblue300: string;
-        darkpastelblue300: string;
-        softpurple500: string;
-        darksoftpurple500: string;
-        coolpink500: string;
-        darkcoolpink500: string;
-        brown500: string;
-        darkbrown500: string;
-        yellow300: string;
-        darkyellow300: string;
-        grey20: string;
-        darkgrey20: string;
-        grey300: string;
-        darkgrey300: string;
+        sys_cpnt_sheet_base_16: string;
+        sys_cpnt_sheet_base_17: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;

package/dist/src/common/styles/colorSet/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    PaletteColor_light: PaletteColor_light_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     SemanticColor: SemanticColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -21,17 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/CustomSection/FlexGridCustomSection"));
+// import FlexGridCustomSection from '../../../DynamicLayout/sections/CustomSection/FlexGridCustomSection';
 var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);
     if (props.type === 'CUSTOM') {
-        return (0, jsx_runtime_1.jsx)(FlexGridCustomSection_1.default, __assign({}, props));
+        // return <FlexGridCustomSection {...props} />;
+        return (0, jsx_runtime_1.jsx)(sections_1.CustomSection, __assign({}, props));
     }
     var schema = props.manifest.schema;
     switch (schema) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js

@@ -346,26 +346,26 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
             });
         }
     };
-    var onAutoFitContent = function (props) {
-        var prev = props.prev, item = props.item;
-        if (!isEditMode || !item) {
-            return;
-        }
-        var numberId = Number(item.i);
-        var isIdNumber = !Number.isNaN(numberId);
-        if (isLayoutPlacementSame(item, prev)) {
-            return;
-        }
-        if (isIdNumber) {
-            setSelectedCB(numberId);
-        }
-        if (sectionActionHandler && isIdNumber) {
-            sectionActionHandler({
-                type: '@CUSTOMSECTION/CB_AUTO_FIT_CONTENT',
-                payload: __assign(__assign({}, props), { details: { hadPaddingChanged: props.hasPaddingChanged } })
-            });
-        }
-    };
+    // const onAutoFitContent: OnFitContentCallBack = (props) => {
+    //   const { prev, item } = props;
+    //   if (!isEditMode || !item) {
+    //     return;
+    //   }
+    //   const numberId = Number(item.i);
+    //   const isIdNumber = !Number.isNaN(numberId);
+    //   if (isLayoutPlacementSame(item, prev)) {
+    //     return;
+    //   }
+    //   if (isIdNumber) {
+    //     setSelectedCB(numberId);
+    //   }
+    //   if (sectionActionHandler && isIdNumber) {
+    //     sectionActionHandler({
+    //       type: '@CUSTOMSECTION/CB_AUTO_FIT_CONTENT',
+    //       payload: { ...props, details: { hadPaddingChanged: props.hasPaddingChanged } }
+    //     });
+    //   }
+    // };
     var onClickSection = function () {
         if (!isEditMode) {
             return;
@@ -456,7 +456,9 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 maxWidth: customSectionStyles.maxWidth,
                                 minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                                 fontSize: "".concat(baseFontSize, "px")
-                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, onFitToContent: onAutoFitContent, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
+                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, 
+                            // onFitToContent={onAutoFitContent}
+                            onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
                                 var _a;
                                 if (each === null) {
                                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.25",
+  "version": "2.5.27",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.98",
+    "publ-echo": "^0.0.45",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,5 +1,5 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.96]
+## [v2.2.97]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항