pds-dev-kit-web-test 2.5.445 → 2.5.448

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TypeOfCompositionAction } from '../compositionActionTypes';
-import type { CustomSectionShortcutKeysType, IComposition } from '../types';
+import type { CustomSectionShortcutKeysType, IComposition, PlaceRestrictionType } from '../types';
 import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
     sm: Layout;
@@ -10,6 +10,7 @@ export type CompositionEditorCanvasProps = {
     device: 'DESKTOP' | 'MOBILE';
     zoomScale: number;
     shortcutKeyMode: CustomSectionShortcutKeysType | '';
+    placementRestriction?: PlaceRestrictionType;
     compositionActionHandler: (action: TypeOfCompositionAction) => void;
 };
 export type CompositionEditorProps = {

package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js

@@ -73,7 +73,7 @@ var parseCompositionPlacement_1 = __importDefault(require("../sections/CustomSec
 var Responsive = (0, publ_echo_test_1.WidthProvider)(publ_echo_test_1.ResponsiveGridEditor);
 var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas(props, ref) {
     var _a, _b, _c, _d;
-    var _e = props.editorProps, device = _e.device, shortcutKeyMode = _e.shortcutKeyMode, compositionActionHandler = _e.compositionActionHandler;
+    var _e = props.editorProps, device = _e.device, shortcutKeyMode = _e.shortcutKeyMode, placementRestriction = _e.placementRestriction, compositionActionHandler = _e.compositionActionHandler;
     // const GLE_MIN_WIDTH_DESKTOP_PX = `${GRID_CELL_MIN * cols}px`;
     // const GLE_MIN_WIDTH_MOBILE_PX = `${GRID_CELL_MIN * rows}px`;
     var editingSectionId = props.compositionData.id;
@@ -100,7 +100,7 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
     var cols = isMobile ? colsMobile : colsDesktop;
     var canvasWidth = 50 * cols;
     var _o = (0, react_1.useState)(function () {
-        var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders), lg = _a.lg, sm = _a.sm;
+        var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders, placementRestriction), lg = _a.lg, sm = _a.sm;
         return {
             lg: lg,
             sm: sm

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { DynamicLayoutProps } from './types';
-declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, shortcutKeyMode, dynamicLayoutRef, zoomScale, queryData }: DynamicLayoutProps): JSX.Element;
+declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, shortcutKeyMode, dynamicLayoutRef, zoomScale, queryData, placementRestriction }: DynamicLayoutProps): JSX.Element;
 export default DynamicLayout;

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

@@ -25,7 +25,7 @@ var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
 var SectionMatcher_1 = require("./components/SectionMatcher");
 var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
 function DynamicLayout(_a) {
-    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, shortcutKeyMode = _a.shortcutKeyMode, dynamicLayoutRef = _a.dynamicLayoutRef, zoomScale = _a.zoomScale, queryData = _a.queryData;
+    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, shortcutKeyMode = _a.shortcutKeyMode, dynamicLayoutRef = _a.dynamicLayoutRef, zoomScale = _a.zoomScale, queryData = _a.queryData, placementRestriction = _a.placementRestriction;
     var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) {
         var _a;
         if (!section.display) {
@@ -52,7 +52,8 @@ function DynamicLayout(_a) {
             programmedSectionComponents: programmedSectionComponents,
             shortcutKeyMode: shortcutKeyMode,
             zoomScale: zoomScale,
-            queryData: queryData
+            queryData: queryData,
+            placementRestriction: placementRestriction
         } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { dynamicLayoutRef: dynamicLayoutRef, editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection })), mode !== 'EDIT' &&
                 (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] })));
 }

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

@@ -74,7 +74,7 @@ var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px"
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
     var _a, _b, _c, _d;
-    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, zoomScale = _e.zoomScale, sectionActionHandler = _e.sectionActionHandler;
+    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, zoomScale = _e.zoomScale, placementRestriction = _e.placementRestriction, sectionActionHandler = _e.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
     var sectionPedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
     var _f = (0, react_1.useState)(sectionPedigree), pedigreeState = _f[0], setPedigreeState = _f[1];
@@ -92,7 +92,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
     var isEditMode = mode === 'EDIT';
     var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
     var _m = (0, react_1.useState)(function () {
-        var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders), lg = _a.lg, sm = _a.sm;
+        var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders, placementRestriction), lg = _a.lg, sm = _a.sm;
         return {
             lg: lg,
             sm: sm

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts

@@ -1,6 +1,7 @@
 import { ComponentBlock } from '../types';
+import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
 import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
-export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder): {
+export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder, placementRestriction?: PlaceRestrictionType): {
     sm: {
         i: string;
         x: number;
@@ -9,6 +10,8 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         h: number;
         z: number;
         autoResize: boolean;
+        minH: number;
+        minW: number;
     }[];
     lg: {
         i: string;
@@ -18,6 +21,8 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         h: number;
         z: number;
         autoResize: boolean;
+        minH: number;
+        minW: number;
     }[];
 };
 export default parsePlacement;

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

@@ -12,13 +12,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parsePlacement = void 0;
 var types_1 = require("../types");
-function parsePlacement(components, zOrders) {
+function parsePlacement(components, zOrders, placementRestriction) {
     if (!zOrders) {
         console.error('Z-ORDER NOT FOUND');
     }
     return components.reduce(function (acc, cur) {
         var id = cur.id, jsonProperties = cur.jsonProperties, componentBlockCode = cur.componentBlockCode;
-        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders, placementRestriction ? placementRestriction[componentBlockCode] : undefined), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
         return {
             sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
             lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
@@ -26,7 +26,8 @@ function parsePlacement(components, zOrders) {
     }, { sm: [], lg: [] });
 }
 exports.parsePlacement = parsePlacement;
-function parsePropPlacement(props, id, cbCode, zOrders) {
+function parsePropPlacement(props, id, cbCode, zOrders, cbRestriction) {
+    var _a, _b, _c, _d;
     var desktopLayout = {
         i: id.toString(),
         x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
@@ -34,7 +35,9 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
         w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
         h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
         z: zOrders.desktop[id],
-        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST
+        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST,
+        minH: (_a = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _a !== void 0 ? _a : 1,
+        minW: (_b = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.columnWMin) !== null && _b !== void 0 ? _b : 1
     };
     var mobileLayout = {
         i: id.toString(),
@@ -43,7 +46,9 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
         w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
         h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
         z: zOrders.mobile[id],
-        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST
+        autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST,
+        minH: (_c = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _c !== void 0 ? _c : 1,
+        minW: (_d = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.mobileColumnWMin) !== null && _d !== void 0 ? _d : 1
     };
     return {
         mobileLayout: mobileLayout,

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

@@ -1,5 +1,5 @@
 import type { TypeOfSectionAction } from './sectionActionTypes';
-import type { ComponentBlock } from './sections/CustomSection/types';
+import type { CB_ALL_CODES, ComponentBlock } from './sections/CustomSection/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './sections/CustomSection/util/contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim';
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
@@ -237,7 +237,17 @@ export type DynamicLayoutProps = {
     dynamicLayoutRef?: Ref<CustomSectionImperativeHandleRef>;
     zoomScale?: number;
     queryData?: QueryData;
+    placementRestriction?: PlaceRestrictionType;
 };
+export type PlaceRestrictionValue = {
+    columnWInit: number;
+    columnWMin: number;
+    mobileColumnWMax: number;
+    mobileColumnWMin: number;
+    rowHInit: number;
+    rowHMin: number;
+};
+export type PlaceRestrictionType = Record<CB_ALL_CODES, PlaceRestrictionValue>;
 export type QueryData = {
     [key: string]: Array<Record<string, unknown>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.445",
+  "version": "2.5.448",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -23,7 +23,7 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.119",
-    "publ-echo-test": "^0.0.231",
+    "publ-echo-test": "^0.0.232",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",