pds-dev-kit-web 2.2.63 → 2.2.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +3 -2
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +2 -1
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSJ.d.ts +11 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSJ.js +66 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/index.d.ts +1 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/index.js +3 -1
- package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.js +1 -1
- package/package.json +1 -1
- package/release-note.md +3 -4
|
@@ -119,7 +119,7 @@ declare const colorSet: {
|
|
|
119
119
|
grey300: string;
|
|
120
120
|
darkgrey300: string;
|
|
121
121
|
};
|
|
122
|
-
readonly
|
|
122
|
+
readonly PaletteColor_light: {
|
|
123
123
|
sys_container_background_01: string;
|
|
124
124
|
sys_container_background_02: string;
|
|
125
125
|
sys_container_background_03: string;
|
|
@@ -475,7 +475,7 @@ declare const colorSet: {
|
|
|
475
475
|
sys_cpnt_sheet_base_13: string;
|
|
476
476
|
sys_cpnt_sheet_base_14: string;
|
|
477
477
|
};
|
|
478
|
-
readonly
|
|
478
|
+
readonly PaletteColor_Dark: {
|
|
479
479
|
sys_container_background_01: string;
|
|
480
480
|
sys_container_background_02: string;
|
|
481
481
|
sys_container_background_03: string;
|
|
@@ -1685,6 +1685,7 @@ declare const colorSet: {
|
|
|
1685
1685
|
ui_114: string;
|
|
1686
1686
|
ui_115: string;
|
|
1687
1687
|
ui_116: string;
|
|
1688
|
+
ui_117: string;
|
|
1688
1689
|
};
|
|
1689
1690
|
};
|
|
1690
1691
|
export default colorSet;
|
|
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
7
|
var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
8
|
-
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
9
8
|
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
9
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
10
10
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
11
11
|
var colorSet = {
|
|
12
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
13
|
-
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
14
13
|
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
14
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
15
15
|
UIColor: UIColor_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../common';
|
|
|
3
3
|
export type ContentsContainerProps = {
|
|
4
4
|
content1?: JSX.Element;
|
|
5
5
|
content2?: JSX.Element;
|
|
6
|
-
layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1';
|
|
6
|
+
layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
|
|
7
7
|
containerColor?: string;
|
|
8
8
|
areaColor?: string;
|
|
9
9
|
isLoadingContainer1?: boolean;
|
|
@@ -24,7 +24,8 @@ var ContentsContainer = function (_a) {
|
|
|
24
24
|
WSG_4: ((0, jsx_runtime_1.jsx)(variation_1.WSG, { layoutType: "WSG_4", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
|
|
25
25
|
WSG_5: ((0, jsx_runtime_1.jsx)(variation_1.WSG, { layoutType: "WSG_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
|
|
26
26
|
WSH_1: ((0, jsx_runtime_1.jsx)(variation_1.WSH, { layoutType: "WSH_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
|
|
27
|
-
WSI_1: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey }))
|
|
27
|
+
WSI_1: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
|
|
28
|
+
WSJ_1: ((0, jsx_runtime_1.jsx)(variation_1.WSJ, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }))
|
|
28
29
|
}[layoutType] }));
|
|
29
30
|
};
|
|
30
31
|
exports.default = ContentsContainer;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { UiColors } from '../../../../../../common';
|
|
3
|
+
export type WSJProps = {
|
|
4
|
+
content1?: JSX.Element;
|
|
5
|
+
containerColor?: string;
|
|
6
|
+
areaColor?: string;
|
|
7
|
+
isLoadingContainer1?: boolean;
|
|
8
|
+
overrideContainer1ColorKey?: UiColors;
|
|
9
|
+
};
|
|
10
|
+
declare const WSJ: ({ content1, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: WSJProps) => JSX.Element;
|
|
11
|
+
export default WSJ;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
43
|
+
var components_1 = require("../../../../../../common/components");
|
|
44
|
+
var scrollbarStyle_1 = require("../../../../../../common/styles/scroll/scrollbarStyle");
|
|
45
|
+
var WSJ = function (_a) {
|
|
46
|
+
var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSJ", containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {})) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSJ", areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSJ" }, { children: content1 })) }))) })));
|
|
48
|
+
};
|
|
49
|
+
var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
|
|
50
|
+
var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
|
|
51
|
+
return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
|
|
52
|
+
});
|
|
53
|
+
var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
|
|
54
|
+
var theme = _a.theme;
|
|
55
|
+
return theme.ui_contentscontainer01_background;
|
|
56
|
+
}, function (_a) {
|
|
57
|
+
var containerColor = _a.containerColor;
|
|
58
|
+
return "background-color: ".concat(containerColor);
|
|
59
|
+
}, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer1);
|
|
60
|
+
var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n ", ";\n"], ["\n box-sizing: border-box;\n min-width: 912px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
|
|
61
|
+
var areaColor = _a.areaColor;
|
|
62
|
+
return "background-color: ".concat(areaColor);
|
|
63
|
+
});
|
|
64
|
+
var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
65
|
+
exports.default = WSJ;
|
|
66
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.WSI = exports.WSH = exports.WSG = exports.WSF = exports.WSE = exports.WSD = exports.WSC = exports.WSB = exports.WSA = void 0;
|
|
6
|
+
exports.WSJ = exports.WSI = exports.WSH = exports.WSG = exports.WSF = exports.WSE = exports.WSD = exports.WSC = exports.WSB = exports.WSA = void 0;
|
|
7
7
|
var WSA_1 = require("./WSA");
|
|
8
8
|
Object.defineProperty(exports, "WSA", { enumerable: true, get: function () { return __importDefault(WSA_1).default; } });
|
|
9
9
|
var WSB_1 = require("./WSB");
|
|
@@ -22,3 +22,5 @@ var WSH_1 = require("./WSH");
|
|
|
22
22
|
Object.defineProperty(exports, "WSH", { enumerable: true, get: function () { return __importDefault(WSH_1).default; } });
|
|
23
23
|
var WSI_1 = require("./WSI");
|
|
24
24
|
Object.defineProperty(exports, "WSI", { enumerable: true, get: function () { return __importDefault(WSI_1).default; } });
|
|
25
|
+
var WSJ_1 = require("./WSJ");
|
|
26
|
+
Object.defineProperty(exports, "WSJ", { enumerable: true, get: function () { return __importDefault(WSJ_1).default; } });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { UiColors } from '../../../../common';
|
|
3
3
|
export type ContainersBoxProps = {
|
|
4
|
-
layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1';
|
|
4
|
+
layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
|
|
5
5
|
pageMenuContent?: JSX.Element;
|
|
6
6
|
tabMenuContent?: JSX.Element;
|
|
7
7
|
content1?: JSX.Element;
|
|
@@ -12,7 +12,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
12
12
|
var Containers_1 = require("../Containers");
|
|
13
13
|
var ContainersBox = function (_a) {
|
|
14
14
|
var layoutType = _a.layoutType, pageMenuContent = _a.pageMenuContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey;
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(S_ContainersBox, { children: [(0, jsx_runtime_1.jsx)(S_TopWrapper, { children: (0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuContent: pageMenuContent }) }), (0, jsx_runtime_1.jsx)(S_BottomWrapper, { children: (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 }) })] }));
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(S_ContainersBox, { children: [pageMenuContent && ((0, jsx_runtime_1.jsx)(S_TopWrapper, { children: (0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuContent: pageMenuContent }) })), (0, jsx_runtime_1.jsx)(S_BottomWrapper, { children: (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 }) })] }));
|
|
16
16
|
};
|
|
17
17
|
var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
|
|
18
18
|
var S_TopWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
package/package.json
CHANGED