pds-dev-kit-web-test 2.5.10 → 2.5.12

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

@@ -283,7 +283,7 @@
     "sys_text_button_tooltip": "grey900",
     "sys_membership_button_base": "white/opacity20",
     "sys_membership_item_membership_base": "darkgrey50",
-    "sys_membership_item_price_product_base": "darkgrey100",
+    "sys_membership_item_price_product_base": "darkgrey70",
     "sys_component_base_30": "darkgrey400",
     "sys_component_base_31": "darkgrey200",
     "sys_component_base_32": "darkgrey20",
@@ -354,5 +354,7 @@
     "sys_cpnt_sheet_base_13": "grey50",
     "sys_cpnt_sheet_base_14": "grey900",
     "sys_cpnt_white_opacity60": "white/opacity60",
-    "sys_border_line_17": "darkgrey600"
+    "sys_border_line_17": "darkgrey600",
+    "usr_brand_primary_opacity05": "darkblue500/opacity05",
+    "sys_cpnt_sheet_base_15": "grey200"
 }

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

@@ -282,8 +282,8 @@
     "sys_button_tooltip_base": "black/opacity80",
     "sys_text_button_tooltip": "white",
     "sys_membership_button_base": "black/opacity20",
-    "sys_membership_item_membership_base": "grey30",
-    "sys_membership_item_price_product_base": "grey70",
+    "sys_membership_item_membership_base": "grey10",
+    "sys_membership_item_price_product_base": "grey50",
     "sys_component_base_30": "grey400",
     "sys_component_base_31": "grey200",
     "sys_component_base_32": "grey20",
@@ -354,5 +354,7 @@
     "sys_cpnt_sheet_base_13": "grey50",
     "sys_cpnt_sheet_base_14": "grey900",
     "sys_cpnt_white_opacity60": "white/opacity60",
-    "sys_border_line_17": "black/opacity00"
+    "sys_border_line_17": "black/opacity00",
+    "usr_brand_primary_opacity05": "blue500/opacity05",
+    "sys_cpnt_sheet_base_15": "grey100"
 }

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

@@ -858,5 +858,7 @@
     "ui_120": "sys_cpnt_white_opacity60",
     "ui_121": "sys_component_base_03",
     "ui_cpnt_tooltip_base_border": "sys_border_line_17",
-    "ui_122": "sys_widget_green_01"
+    "ui_122": "sys_widget_green_01",
+    "ui_123": "usr_brand_primary_opacity05",
+    "ui_124": "sys_cpnt_sheet_base_15"
 }

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

@@ -119,7 +119,7 @@ declare const colorSet: {
         grey300: string;
         darkgrey300: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -476,8 +476,10 @@ declare const colorSet: {
         sys_cpnt_sheet_base_14: string;
         sys_cpnt_white_opacity60: string;
         sys_border_line_17: string;
+        usr_brand_primary_opacity05: string;
+        sys_cpnt_sheet_base_15: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -834,6 +836,8 @@ declare const colorSet: {
         sys_cpnt_sheet_base_14: string;
         sys_cpnt_white_opacity60: string;
         sys_border_line_17: string;
+        usr_brand_primary_opacity05: string;
+        sys_cpnt_sheet_base_15: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1696,6 +1700,8 @@ declare const colorSet: {
         ui_121: string;
         ui_cpnt_tooltip_base_border: string;
         ui_122: string;
+        ui_123: string;
+        ui_124: string;
     };
 };
 export default colorSet;

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

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.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 = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_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/common/styles/colorSet/ui-type.d.ts

@@ -859,4 +859,6 @@ export interface UITheme {
     ui_121: string;
     ui_cpnt_tooltip_base_border: string;
     ui_122: string;
+    ui_123: string;
+    ui_124: string;
 }

package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts

@@ -41,6 +41,14 @@ type ActionHandlerPayload = {
         e?: ResizeEventType;
         node?: HTMLElement;
     };
+    '@CUSTOMSECTION/CB_AUTO_FIT_CONTENT': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+    };
     '@CUSTOMSECTION/PLACEMENT_CHANGED': {
         layout: Layout;
         layouts: Layouts;

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

@@ -345,6 +345,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: props
+            });
+        }
+    };
     var onClickSection = function () {
         if (!isEditMode) {
             return;
@@ -423,7 +443,7 @@ 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: onResizeStop, 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.10",
+  "version": "2.5.12",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",