pds-dev-kit-web-test 2.7.117 → 2.7.119

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

@@ -55,10 +55,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var group_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/group");
 var renderHelpers_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
 require("publ-echo/dist/lib/GridItem/OutsideClickHandler");
-var group_2 = require("publ-echo/dist/lib/GridLayoutEditor/group");
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var components_1 = require("../components");
 var FlexGridItem_1 = __importDefault(require("../CompositionRenderer/FlexGridItem"));
@@ -66,6 +65,7 @@ var gleStyles_1 = require("../gleStyles");
 var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizableObserver");
 var util_1 = require("../sections/CustomSection/util");
 var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
+var groupUtils_1 = __importDefault(require("../utils/groupUtils"));
 var GRID_CELL_MIN = 24;
 var DESKTOP_GRID_COLS = 24;
 var MOBILE_GRID_COLS = 8;
@@ -77,16 +77,15 @@ var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 //   queryData: QueryData;
 // };
 var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, ref) {
-    var _a, _b;
-    var _c = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _c.device, editingSectionId = _c.editingSectionId, mode = _c.mode, shortcutKeyMode = _c.shortcutKeyMode, sectionActionHandler = _c.sectionActionHandler, queryData = _c.queryData;
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, shortcutKeyMode = _a.shortcutKeyMode, sectionActionHandler = _a.sectionActionHandler, queryData = _a.queryData;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    var _d = jsonProperties, _e = _d.data, CB_PLACEMENT_PROP_SECTION = _e.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _e.CB_LAYOUT_PROP_PADDING, zOrders = _d.zOrders;
+    var _b = jsonProperties, _c = _b.data, CB_PLACEMENT_PROP_SECTION = _c.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _c.CB_LAYOUT_PROP_PADDING, zOrders = _b.zOrders;
     var layouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders);
     var containerRef = (0, react_1.useRef)(null);
     var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
-    var _f = (0, react_1.useState)(null), selectedCB = _f[0], setSelectedCB = _f[1];
+    var _d = (0, react_1.useState)(null), selectedCB = _d[0], setSelectedCB = _d[1];
     var gleRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)([]), selectedRows = _g[0], setSelectedRows = _g[1]; // 빈 배열로 초기화
+    var _e = (0, react_1.useState)([]), selectedRows = _e[0], setSelectedRows = _e[1]; // 빈 배열로 초기화
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
     // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
@@ -144,10 +143,10 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
             setSelectedCB('BULK');
         }
     }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
-    var _h = (0, util_1.parseCustomSectionPlacement)({
+    var _f = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), width = _h.width, minHeight = _h.minHeight, isFullWidth = _h.isFullWidth;
+    }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
         width: '100%',
@@ -206,13 +205,25 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
         return 16;
     })();
     var pedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
-    var _j = (0, react_1.useState)('ROOT'), editingGroupBlock = _j[0], setEditingGroupBlock = _j[1];
-    var editableCBIds = (0, group_2.findDirectChildrenCbIds)(pedigree, editingGroupBlock);
-    var groupblocks = (_a = (0, group_1.findGroupBlocks)(pedigree, editingGroupBlock)) !== null && _a !== void 0 ? _a : [];
-    var handleGroupBlockDoubleClick = function (blockId) {
-        setEditingGroupBlock(blockId);
+    // const [editingGroupBlock, setEditingGroupBlock] = useState<string>('ROOT');
+    // const editableCBIds = findDirectChildrenCbIds(pedigree, 'ROOT');
+    // const groupblocks = findGroupBlocks(pedigree, editingGroupBlock) ?? [];
+    // const handleGroupBlockDoubleClick = (blockId: string) => {
+    //   setEditingGroupBlock(blockId);
+    // };
+    var _g = (0, react_1.useState)([]), pinnedGBs = _g[0], setPinnedGBs = _g[1];
+    // const pinnedChildrens = pinnedGBs.map((gbId) => findAllChildrenCbIds(pedigree, gbId)).flat();
+    // const currentDepthCbs = props.componentBlocks?.filter((cb) => {
+    //   return editableCBIds.includes(cb.id);
+    // });
+    var onToggleGBPinned = function (gbId) {
+        setPinnedGBs(function (prev) {
+            if (prev.includes(gbId)) {
+                return prev.filter(function (id) { return id !== gbId; });
+            }
+            return __spreadArray(__spreadArray([], prev, true), [gbId], false);
+        });
     };
-    console.log(editingGroupBlock);
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
                 device: device,
                 mode: mode,
@@ -259,19 +270,26 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
                                                 backgroundColor: '#e8e1e189',
                                                 border: '1px solid #6b666688'
                                             }, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
-                                }), (_b = props.componentBlocks) === null || _b === void 0 ? void 0 : _b.map(function (cb, index) {
-                                    var _a;
-                                    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0, style: editableCBIds.includes(cb.id)
-                                                ? { pointerEvents: 'none', boxShadow: '0 0 0 3px #e602ff' }
-                                                : { pointerEvents: 'none', opacity: 0.3 }, showPinned: editableCBIds.includes(cb.id) }) }, cb.id));
-                                }), groupblocks.map(function (groupblock, gIdx) {
-                                    return ((0, jsx_runtime_1.jsx)(GroupBlockRender, { block: groupblock, layouts: layouts, pedigree: pedigree, onDoubleClick: function () { return handleGroupBlockDoubleClick(groupblock.blockId); } }, groupblock.blockId));
-                                })] })) })) })) }) })) }));
+                                }), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, pinnedGBs: pinnedGBs, onToggleGBPinned: onToggleGBPinned, isEditMode: true }, child.blockId)); })] })) })) })) }) })) }));
 });
 function GroupBlockRender(_a) {
-    var block = _a.block, layouts = _a.layouts, pedigree = _a.pedigree, onDoubleClick = _a.onDoubleClick;
+    var block = _a.block, layouts = _a.layouts, pedigree = _a.pedigree, isEditing = _a.isEditing, isPinned = _a.isPinned, componentBlocks = _a.componentBlocks, onTogglePinned = _a.onTogglePinned, onDoubleClick = _a.onDoubleClick, onDoubleClickOutside = _a.onDoubleClickOutside;
     var childrenIds = (0, group_1.findAllChildrenCbIds)(pedigree, block.blockId).map(function (i) { return i.toString(); });
-    var bounding = (0, renderHelpers_1.getBoundingArea)(layouts.lg, childrenIds);
+    var bounding = (0, renderHelpers_1.getBoundingArea)(layouts, childrenIds);
+    (0, react_1.useEffect)(function () {
+        if (!isEditing) {
+            return;
+        }
+        function handleDoubleClickOutside(e) {
+            if (!e.target.closest('.group')) {
+                onDoubleClickOutside();
+            }
+        }
+        document.addEventListener('dblclick', handleDoubleClickOutside);
+        return function () {
+            document.removeEventListener('dblclick', handleDoubleClickOutside);
+        };
+    }, [isEditing]);
     if (!bounding) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
@@ -281,8 +299,25 @@ function GroupBlockRender(_a) {
         cols: bounding.w,
         rows: bounding.h
     });
-    return ((0, jsx_runtime_1.jsx)("div", { className: "group", style: { gridArea: gridArea, boxShadow: '0 0 0 3px #e602ff' }, onDoubleClick: onDoubleClick }));
+    var children = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.filter(function (cb) { return childrenIds.includes(cb.id.toString()); });
+    if (childrenIds.length === 0) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\uB529\uD06C\uADF8\uB8F9" });
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+            gridArea: gridArea,
+            position: 'relative',
+            width: '100%',
+            height: '100%'
+        }, onDoubleClick: onDoubleClick }, { children: [!isEditing && ((0, jsx_runtime_1.jsx)(S_Pinned, { children: isPinned ? ((0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: onTogglePinned }, { children: "(\uADF8\uB8F9)H\uACE0\uC815\uB428 \uD83D\uDCCC" }))) : ((0, jsx_runtime_1.jsx)("button", __assign({ type: "button", onClick: onTogglePinned }, { children: "(\uADF8\uB8F9)H\uB298\uC5B4\uB0A8 \uD83E\uDEB1" }))) })), (0, jsx_runtime_1.jsx)("div", { className: "group", style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    boxShadow: '0 0 0 3px #e602ff'
+                } }), children === null || children === void 0 ? void 0 : children.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: "DESKTOP", rowHeight: 50, zIndex: 0, style: { pointerEvents: 'none', opacity: isEditing ? 1 : 0.3 }, showPinned: isEditing, isParentGroupPinned: isPinned }) }, cb.id)); })] })));
 }
+var S_Pinned = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"], ["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"])));
 function getGridAreaFromGroup(position) {
     var x = position.x, y = position.y, cols = position.cols, rows = position.rows;
     var colStart = clamp(x + 1, 1, Math.max(1, 25 - cols));
@@ -303,7 +338,7 @@ function getGridAreaFromGroup(position) {
 function clamp(num, min, max) {
     return Math.max(Math.min(num, max), min);
 }
-var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n\n  grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n\n  grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) {
+var GridContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n\n  grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n\n  grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) {
     // 전체 행 개수만큼 배열을 생성하여 각 행의 CSS 값을 정의합니다.
     return Array.from({ length: props.sectionRow })
         .map(function (_, index) {
@@ -315,7 +350,7 @@ var GridContainer = styled_components_1.default.div(templateObject_1 || (templat
     )
         .join(' ');
 });
-var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var S_SectionWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 exports.default = react_1.default.memo(GridAutoRowEditor);
 function getDefensiveFontSize(device, width) {
     if (device === 'MOBILE') {
@@ -323,4 +358,4 @@ function getDefensiveFontSize(device, width) {
     }
     return width * (0.0000246 * width - 0.01618);
 }
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var sections_1 = require("@sub/DynamicLayout/sections");
+var sections_1 = require("../../../DynamicLayout/sections");
 var SectionBox_1 = __importDefault(require("./SectionBox"));
 function EditModeSectionMatcher(_a) {
     var filteredSortedSection = _a.filteredSortedSection, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, dynamicLayoutRef = _a.dynamicLayoutRef, onClickEditSection = _a.onClickEditSection;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js

@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var util_1 = require("../../../../DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var sectionContext_1 = require("../sectionContext");
 var CustomSectionBackgroundMedia_1 = require("./CustomSectionBackgroundMedia");

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts

@@ -1,7 +1,7 @@
 import { MutableRefObject } from 'react';
 import { CSSProperties } from 'styled-components';
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
+import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
 type Props = {
     specs: CB_STYLE_PROP_BGMEDIA_SPECS;
     playerId: number;

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -44,8 +44,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSectionBackgroundMedia = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
-var utils_1 = require("@sub/DynamicLayout/utils");
+var compositionQueryContext_1 = require("../../../../DynamicLayout/compositionQueryContext");
+var utils_1 = require("../../../../DynamicLayout/utils");
 var styled_components_1 = __importStar(require("styled-components"));
 var YouTubeIframe_1 = require("../../YouTubeIframe");
 var util_1 = require("../util");

package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var helper_1 = require("@sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
+var helper_1 = require("../../../../DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
 var styled_components_1 = __importDefault(require("styled-components"));
 function VideoBGMedia(_a) {
     var src = _a.src, startTime = _a.startTime, endTime = _a.endTime, loop = _a.loop;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts

@@ -1,5 +1,5 @@
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
+import type { Device } from '../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '../../../../DynamicLayout/types';
 type SpecKeys = keyof Omit<CB_STYLE_PROP_BGMEDIA_SPECS, 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'>;
 type ValueSetType = Partial<Record<SpecKeys, string | number | boolean | undefined>>;
 export default function UseCustomSectionBackgroundMediaData(specs: CB_STYLE_PROP_BGMEDIA_SPECS, device: Device): ValueSetType;

package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var isNullOrUndefined_1 = __importDefault(require("../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC',
     'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE',

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var FlexGridCustomSection_1 = __importDefault(require("@sub/DynamicLayout/sections/FlexGridCustomSection"));
+var FlexGridCustomSection_1 = __importDefault(require("../../../DynamicLayout/sections/FlexGridCustomSection"));
 var sections_1 = require("../../sections");
 function SectionMatcher(_a) {
     var props = __rest(_a, []);

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

@@ -178,6 +178,8 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
             };
             CB_CONTENT_PROP_TEXT: {
                 CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
+                CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
+                CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
             };
             CB_CONTENT_PROP_VISIBILITY: {
                 CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -388,6 +390,137 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
             };
             CB_CONTENT_PROP_TEXT: {
                 CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
+                CB_CONTENT_PROP_TEXT_SPEC_PREFIX: string;
+                CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: string;
+            };
+            CB_CONTENT_PROP_VISIBILITY: {
+                CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+                CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+            };
+            CB_EFFECT_PROP_ENTANIM: {
+                CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+                'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
+                CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+                'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
+                CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
+                CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+                'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
+            };
+            CB_EFFECT_PROP_HOVERANIM: {
+                CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
+                'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
+                CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
+                'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
+                CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
+                'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
+                CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
+                'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
+            };
+            CB_LAYOUT_PROP_PADDING: {
+                CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+                'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
+                CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                    bottom: number;
+                    left: number;
+                    right: number;
+                    top: number;
+                };
+                'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
+                    bottom: number;
+                    left: number;
+                    right: number;
+                    top: number;
+                };
+            };
+            CB_PLACEMENT_PROP_PLACEMENT: {
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+                CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+                'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+            };
+            CB_STYLE_PROP_OPACITY: {
+                CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null;
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
+                'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
+            };
+            CB_STYLE_PROP_TEXT: {
+                CB_STYLE_PROP_TEXT_SPEC_COLOR: string;
+                'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: string;
+                'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: number;
+                'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: number;
+                'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_SIZE: number;
+                'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: string;
+                'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_VERTICAL: string;
+                'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null;
+                CB_STYLE_PROP_TEXT_SPEC_WEIGHT: number;
+                'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null;
+                'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
+                'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
+            };
+            CB_CONTENT_PROP_IMAGE?: undefined;
+            CB_STYLE_PROP_BORDER?: undefined;
+            CB_STYLE_PROP_IMAGE?: undefined;
+            CB_STYLE_PROP_SHADOW?: undefined;
+            CB_STYLE_PROP_COLOR?: undefined;
+        };
+        minVersion: string;
+        version: string;
+    };
+    queryableDefinitionPreset: string;
+    queryableTapSrc: string;
+    updatedAt: string;
+} | {
+    availablePlugins: never[];
+    blockId: string;
+    componentBlockCode: string;
+    componentBlockType: string;
+    dynamicLayoutSectionId: number;
+    id: number;
+    insertedAt: string;
+    jsonProperties: {
+        currentVersion: string;
+        data: {
+            CB_CONTENT_PROP_CLINK: {
+                CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: string;
+                CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
+                CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
+                CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
+            };
+            CB_CONTENT_PROP_HOVER: {
+                CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+            };
+            CB_CONTENT_PROP_TEXT: {
+                CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
+                CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
+                CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
             };
             CB_CONTENT_PROP_VISIBILITY: {
                 CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -673,6 +806,8 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
             };
             CB_CONTENT_PROP_TEXT: {
                 CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
+                CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
+                CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
             };
             CB_CONTENT_PROP_VISIBILITY: {
                 CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;

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

@@ -1171,7 +1171,9 @@ exports.MOCK_COMPONENT_BLOCKS = [
                     CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                 },
                 CB_CONTENT_PROP_TEXT: {
-                    CB_CONTENT_PROP_TEXT_SPEC_TEXT: "Today's Book Highlight"
+                    CB_CONTENT_PROP_TEXT_SPEC_TEXT: "Today's Book Highlight",
+                    CB_CONTENT_PROP_TEXT_SPEC_PREFIX: '[Prefix]',
+                    CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: '[Suffix]'
                 },
                 CB_CONTENT_PROP_VISIBILITY: {
                     CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,

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

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MOCK_SECTIONS = void 0;
-require("./mock_componentBlocks");
 var mock_contentsCarousel_1 = require("./mock_contentsCarousel");
 var mock_contentsList_1 = require("./mock_contentsList");
 var mock_slideBanner_1 = require("./mock_slideBanner");
-require("./mock_video");
-require("./types");
 exports.MOCK_SECTIONS = [
     {
         administrativeTitle: 'Daily Pages',

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

@@ -55,12 +55,12 @@ var publ_echo_test_1 = require("publ-echo-test");
 var group_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/group");
 var renderHelpers_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var gleStyles_1 = require("@sub/DynamicLayout/gleStyles");
+var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
+var gleStyles_1 = require("../../../DynamicLayout/gleStyles");
 var styled_components_1 = __importDefault(require("styled-components"));
 var components_1 = require("../../components");
-var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcher"));
+var ComponentBlockMatcherWithCCB_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcherWithCCB"));
 var S_HiddenCover_1 = require("./components/ComponentBlock/componentBlocks/components/S_HiddenCover");
 var clsx_1 = require("./newUtils/clsx");
 var group_2 = require("./newUtils/group");
@@ -1084,7 +1084,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                             e.stopPropagation();
                                             e.preventDefault();
                                             onContextMenuCB(matchedCB.id, e);
-                                        } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) }) })) }), each.i));
+                                        } }, { children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcherWithCCB_1.default, { cbProps: matchedCB, device: device, rowHeight: rowHeight, index: index }) }) })) }), each.i));
                             }) })) })) }))] })) }));
 });
 function isLayoutPlacementSame(current, prev) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ComponentBlock } from './types';
+import type { ComponentBlock } from './types';
 import type { Device } from './util/types';
 type Props = {
     cb: ComponentBlock;

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

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcher"));
+var ComponentBlockMatcherWithCCB_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcherWithCCB"));
 var types_1 = require("./types");
 var gap = 10;
 function FlexGridItem(_a) {
@@ -32,7 +32,7 @@ function FlexGridItem(_a) {
     return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ "data-cb-id": cb.id, style: __assign({ zIndex: zIndex, gridArea: gridArea }, (isRichText && {
             minHeight: 0,
             overflowY: 'scroll'
-        })) }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcher_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
+        })) }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcherWithCCB_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
 }
 var GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  word-break: break-word;\n"], ["\n  height: auto;\n  word-break: break-word;\n"])));
 function getMaxHeight(props, device, rowHeight) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_BTN_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_BTN_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_BTN_PROPERTIES_TYPE & IndexForIntersection;
 declare function Button(props: Props): JSX.Element;
 export default Button;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js

@@ -28,13 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var useGoogleFonts_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
-var newUtils_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var useGoogleFonts_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
+var newUtils_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils");
+var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_CONTENTSCAROUSEL } from '@sub/DynamicLayout/sections/CustomSection/types';
-import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
+import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_CONTENTSCAROUSEL['compositions'];
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js

@@ -20,10 +20,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var createCompositions_1 = require("@sub/DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.js

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationNextBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationNextBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.js

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationPrevBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationPrevBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts

@@ -1,4 +1,4 @@
 import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
-import type { IconButtonProps } from '@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
+import type { IconButtonProps } from '../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
 export declare const prevButtonMappedIcons: Record<CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE, IconButtonProps>;
 export declare const nextButtonMappedIcons: Record<CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE, IconButtonProps>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts

@@ -1,6 +1,6 @@
 import type { CB_CONTENT_PROP_CONTENTSCAROUSEL } from '../types';
 import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS, ContentsCarouselPropsKeys, CustomNavigationProps, CustomProgressbarProps, CoreCarouselProps } from './types';
-import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 import type { css } from 'styled-components';
 type ParseCarouselStyleToCarouselCoreProps = {
     props: CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;