pds-dev-kit-web-test 0.3.4 → 0.3.6

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WTW = exports.WTV = exports.WTU = exports.WTT = exports.WTS = exports.WTQ = exports.WTP = exports.WTO = exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
+exports.WTX = exports.WTW = exports.WTV = exports.WTU = exports.WTT = exports.WTS = exports.WTQ = exports.WTP = exports.WTO = exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
 var WTA_1 = require("./WTA");
 Object.defineProperty(exports, "WTA", { enumerable: true, get: function () { return __importDefault(WTA_1).default; } });
 var WTB_1 = require("./WTB");
@@ -48,3 +48,5 @@ var WTV_1 = require("./WTV");
 Object.defineProperty(exports, "WTV", { enumerable: true, get: function () { return __importDefault(WTV_1).default; } });
 var WTW_1 = require("./WTW");
 Object.defineProperty(exports, "WTW", { enumerable: true, get: function () { return __importDefault(WTW_1).default; } });
+var WTX_1 = require("./WTX");
+Object.defineProperty(exports, "WTX", { enumerable: true, get: function () { return __importDefault(WTX_1).default; } });

package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts

@@ -1,20 +1,23 @@
 import type { UiColors } from '../../../../common';
 import type { MutableRefObject } from 'react';
 export type ContainersBoxProps = {
-    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTV_1' | 'WTW_1';
+    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTV_1' | 'WTW_1' | 'WTX_1';
     pageMenuContent?: JSX.Element;
     tabMenuContent?: JSX.Element;
     subMenuContent?: JSX.Element;
     content1?: JSX.Element;
     content2?: JSX.Element;
+    content3?: JSX.Element;
     children?: React.ReactNode;
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;
     isLoadingContainer2?: boolean;
+    isLoadingContainer3?: boolean;
     overrideContainer1ColorKey?: UiColors;
     overrideContainer2ColorKey?: UiColors;
+    overrideContainer3ColorKey?: UiColors;
     container1Ref?: MutableRefObject<HTMLDivElement | null>;
 };
-declare const ContainersBox: ({ layoutType, pageMenuContent, tabMenuContent, subMenuContent, content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey, container1Ref }: ContainersBoxProps) => JSX.Element;
+declare const ContainersBox: ({ layoutType, pageMenuContent, tabMenuContent, subMenuContent, content1, content2, content3, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, isLoadingContainer3, overrideContainer1ColorKey, overrideContainer2ColorKey, overrideContainer3ColorKey, container1Ref }: ContainersBoxProps) => JSX.Element;
 export default ContainersBox;

package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js

@@ -42,7 +42,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importStar(require("styled-components"));
 var Containers_1 = require("../Containers");
 var ContainersBox = function (_a) {
-    var layoutType = _a.layoutType, pageMenuContent = _a.pageMenuContent, tabMenuContent = _a.tabMenuContent, subMenuContent = _a.subMenuContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey, container1Ref = _a.container1Ref;
+    var layoutType = _a.layoutType, pageMenuContent = _a.pageMenuContent, tabMenuContent = _a.tabMenuContent, subMenuContent = _a.subMenuContent, content1 = _a.content1, content2 = _a.content2, content3 = _a.content3, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, isLoadingContainer3 = _a.isLoadingContainer3, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey, overrideContainer3ColorKey = _a.overrideContainer3ColorKey, container1Ref = _a.container1Ref;
     return ((0, jsx_runtime_1.jsxs)(S_ContainersBox, { children: [{
                 WTA_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                 WTA_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
@@ -90,7 +90,8 @@ var ContainersBox = function (_a) {
                 WTT_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                 WTU_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                 WTV_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
-                WTW_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
+                WTW_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
+                WTX_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
             }[layoutType], (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [{
                         WTA_1: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu_mobile_480", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
                         WTA_2: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu_mobile_600", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
@@ -138,7 +139,8 @@ var ContainersBox = function (_a) {
                         WTT_2: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
                         WTU_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                         WTV_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
-                        WTW_1: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor }))
+                        WTW_1: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
+                        WTX_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
                     }[layoutType], {
                         WTA_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                         WTA_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
@@ -186,7 +188,8 @@ var ContainersBox = function (_a) {
                         WTT_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                         WTU_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
                         WTV_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
-                        WTW_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
+                        WTW_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
+                        WTX_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
                     }[layoutType], (0, jsx_runtime_1.jsxs)(S_BottomWrapper, __assign({ layoutType: layoutType }, { children: [{
                                 WTA_1: '',
                                 WTA_2: '',
@@ -234,8 +237,9 @@ var ContainersBox = function (_a) {
                                 WTT_2: '',
                                 WTU_1: '',
                                 WTV_1: '',
-                                WTW_1: ''
-                            }[layoutType], (0, jsx_runtime_1.jsx)(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey, container1Ref: container1Ref })] }))] })] }));
+                                WTW_1: '',
+                                WTX_1: ''
+                            }[layoutType], (0, jsx_runtime_1.jsx)(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, content3: content3, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, isLoadingContainer3: isLoadingContainer3, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey, overrideContainer3ColorKey: overrideContainer3ColorKey, container1Ref: container1Ref })] }))] })] }));
 };
 var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  height: 100%;\n"], ["\n  align-items: flex-start;\n  display: flex;\n  height: 100%;\n"])));
 var S_RightBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  height: 100%;\n"])));

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

@@ -40,14 +40,12 @@ function SectionBox(_a) {
         }
     }, 150);
     (0, react_1.useEffect)(function () {
+        var _a;
         if (!sectionRef) {
             return;
         }
         if (scrollIntoThisSection) {
-            setTimeout(function () {
-                var _a;
-                (_a = sectionRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'start' });
-            }, 200);
+            (_a = sectionRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
         }
     }, [scrollIntoThisSection]);
     (0, react_1.useEffect)(function () {