pds-dev-kit-web-test 2.5.24 → 2.5.26

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

@@ -861,5 +861,9 @@
     "ui_122": "sys_widget_green_01",
     "ui_123": "usr_brand_primary_opacity05",
     "ui_124": "sys_cpnt_sheet_base_15",
-    "ui_dimmed_03": "sys_background_dimmed"
+    "ui_dimmed_03": "sys_background_dimmed",
+    "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

@@ -478,6 +478,8 @@ 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_light: {
         sys_container_background_01: string;
@@ -838,6 +840,8 @@ 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 UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1703,6 +1707,10 @@ declare const colorSet: {
         ui_123: string;
         ui_124: string;
         ui_dimmed_03: string;
+        ui_125: string;
+        ui_126: string;
+        ui_127: string;
+        ui_128: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -862,4 +862,8 @@ export interface UITheme {
     ui_123: string;
     ui_124: string;
     ui_dimmed_03: string;
+    ui_125: string;
+    ui_126: string;
+    ui_127: string;
+    ui_128: string;
 }

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

@@ -52,8 +52,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_gleStyles = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var publ_echo_test_1 = require("publ-echo-test");
-var ReactGridLayout_1 = __importDefault(require("publ-echo-test/dist/lib/GridLayoutEditor/ReactGridLayout"));
+var publ_echo_1 = require("publ-echo");
+var ReactGridLayout_1 = __importDefault(require("publ-echo/dist/lib/GridLayoutEditor/ReactGridLayout"));
 var react_1 = __importStar(require("react"));
 var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
 var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
@@ -67,8 +67,8 @@ var useGroupDrag_2 = require("./hooks/useGroupDrag/useGroupDrag");
 var utils_1 = require("./hooks/useGroupDrag/utils");
 var util_1 = require("./util");
 var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
-var WidthProvidedRGL = (0, publ_echo_test_1.WidthProvider)(ReactGridLayout_1.default);
-var Responsive = (0, publ_echo_test_1.WidthProvider)(publ_echo_test_1.ResponsiveGridEditor);
+var WidthProvidedRGL = (0, publ_echo_1.WidthProvider)(ReactGridLayout_1.default);
+var Responsive = (0, publ_echo_1.WidthProvider)(publ_echo_1.ResponsiveGridEditor);
 var GRID_CELL_MIN = 24;
 var DESKTOP_GRID_COLS = 24;
 var MOBILE_GRID_COLS = 8;
@@ -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.24",
+  "version": "2.5.26",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,8 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.95",
-    "publ-echo-test": "^0.0.37",
+    "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,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.94]
+## [v2.2.97]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1246] WSI-2 레이아웃 유형 추가
+* 컬러키 업데이트