pds-dev-kit-web 0.3.44 → 0.3.48

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

@@ -0,0 +1,49 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var WTM = function (_a) {
+    var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
+            react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
+        WTM_2: 'height: 100%;'
+    }[layoutType]);
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: 'padding-bottom: 88px;',
+        WTM_2: 'height: 100%;'
+    }[layoutType]);
+}, function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: '',
+        WTM_2: 'height: 100%;overflow: hidden;'
+    }[layoutType]);
+});
+exports.default = WTM;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type WTNProps = {
+    content1?: JSX.Element;
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const WTN: ({ content1, containerColor, areaColor }: WTNProps) => JSX.Element;
+export default WTN;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var WTN = function (_a) {
+    var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
+            react_1.default.createElement(S_Content1, null, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding-bottom: 88px;\n  width: 1200px;\n  ", ";\n"], ["\n  box-sizing: border-box;\n  padding-bottom: 88px;\n  width: 1200px;\n  ", ";\n"])), function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+exports.default = WTN;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -8,3 +8,7 @@ export { default as WTG } from './WTG';
 export { default as WTH } from './WTH';
 export { default as WTI } from './WTI';
 export { default as WTJ } from './WTJ';
+export { default as WTK } from './WTK';
+export { default as WTL } from './WTL';
+export { default as WTM } from './WTM';
+export { default as WTN } from './WTN';

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.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
+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");
@@ -24,3 +24,11 @@ var WTI_1 = require("./WTI");
 Object.defineProperty(exports, "WTI", { enumerable: true, get: function () { return __importDefault(WTI_1).default; } });
 var WTJ_1 = require("./WTJ");
 Object.defineProperty(exports, "WTJ", { enumerable: true, get: function () { return __importDefault(WTJ_1).default; } });
+var WTK_1 = require("./WTK");
+Object.defineProperty(exports, "WTK", { enumerable: true, get: function () { return __importDefault(WTK_1).default; } });
+var WTL_1 = require("./WTL");
+Object.defineProperty(exports, "WTL", { enumerable: true, get: function () { return __importDefault(WTL_1).default; } });
+var WTM_1 = require("./WTM");
+Object.defineProperty(exports, "WTM", { enumerable: true, get: function () { return __importDefault(WTM_1).default; } });
+var WTN_1 = require("./WTN");
+Object.defineProperty(exports, "WTN", { enumerable: true, get: function () { return __importDefault(WTN_1).default; } });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare 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' | 'WTI_1' | 'WTJ_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' | 'WTI_1' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
     pageMenuContent?: JSX.Element;
     tabMenuContent?: JSX.Element;
     content1?: JSX.Element;

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

@@ -34,8 +34,16 @@ var ContainersBox = function (_a) {
             WTF_6: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
             WTG_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
             WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
             WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
-            WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+            WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+            WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+            WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
         }[layoutType],
         react_1.default.createElement(S_RightBox, null,
             {
@@ -59,8 +67,16 @@ var ContainersBox = function (_a) {
                 WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
                 WTG_1: react_1.default.createElement(react_1.default.Fragment, null),
                 WTH_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
+                WTH_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
                 WTI_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
-                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+                WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
             }[layoutType],
             {
                 WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -83,8 +99,16 @@ var ContainersBox = function (_a) {
                 WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
                 WTG_1: react_1.default.createElement(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }),
                 WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
                 WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
-                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+                WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
             }[layoutType],
             react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
                 react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "0.3.44",
+  "version": "0.3.48",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",