pds-dev-kit-web 1.6.3 → 1.6.4

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.
Files changed (13) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +6 -6
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +5 -5
  3. package/dist/src/common/styles/colorSet/UIColor.json +3 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +2 -0
  5. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  6. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  7. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +4 -3
  8. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.d.ts +4 -3
  9. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js +47 -12
  10. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  11. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +4 -0
  12. package/package.json +1 -1
  13. package/release-note.md +6 -2
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -190,11 +190,11 @@
190
190
  "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
191
191
  "sys_component_base_grey_02_opacity80": "darkgrey30/opacity80",
192
192
  "sys_component_base_10": "black/opacity30",
193
- "sys_component_pastel_base_01": "darkpastelblue500",
194
- "sys_component_pastel_base_02": "darkpastelpink500",
195
- "sys_component_pastel_base_03": "darkpastelorange500",
196
- "sys_component_pastel_base_04": "darkpastelgreen500",
197
- "sys_component_pastel_base_05": "darkpastelpurple500",
193
+ "sys_component_pastel_base_01": "darkpastelpink500",
194
+ "sys_component_pastel_base_02": "darkpastelgreen500",
195
+ "sys_component_pastel_base_03": "darkpastelpurple500",
196
+ "sys_component_pastel_base_04": "darkpastelorange500",
197
+ "sys_component_pastel_base_05": "darkpastelblue500",
198
198
  "sys_component_base_11": "darkgreen30",
199
199
  "sys_loading_skeleton_01": "darkgrey400",
200
200
  "sys_loading_skeleton_02": "darkgrey400/opacity30",
@@ -206,5 +206,5 @@
206
206
  "sys_container_background_04": "white/opacity00",
207
207
  "sys_menu_button_base": "white",
208
208
  "sys_background_dimmed_03": "black/opacity30",
209
- "sys_cpnt_sheet_base_03": "black/opacity65"
209
+ "sys_cpnt_sheet_base_03": "black/opacity80"
210
210
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -190,11 +190,11 @@
190
190
  "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
191
191
  "sys_component_base_grey_02_opacity80": "grey30/opacity80",
192
192
  "sys_component_base_10": "white/opacity50",
193
- "sys_component_pastel_base_01": "pastelblue500",
194
- "sys_component_pastel_base_02": "pastelpink500",
195
- "sys_component_pastel_base_03": "pastelorange500",
196
- "sys_component_pastel_base_04": "pastelgreen500",
197
- "sys_component_pastel_base_05": "pastelpurple500",
193
+ "sys_component_pastel_base_01": "pastelpink500",
194
+ "sys_component_pastel_base_02": "pastelgreen500",
195
+ "sys_component_pastel_base_03": "pastelpurple500",
196
+ "sys_component_pastel_base_04": "pastelorange500",
197
+ "sys_component_pastel_base_05": "pastelblue500",
198
198
  "sys_component_base_11": "green30",
199
199
  "sys_loading_skeleton_01": "grey400",
200
200
  "sys_loading_skeleton_02": "grey400/opacity30",
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -598,5 +598,7 @@
598
598
  "ui_menu_button_base_transparent": "sys_menu_button_base",
599
599
  "ui_dimmed_02": "sys_background_dimmed_03",
600
600
  "ui_cpnt_sheet_base_05": "sys_cpnt_sheet_base_03",
601
- "ui_62": "sys_widget_black"
601
+ "ui_62": "sys_widget_black",
602
+ "ui_cpnt_calendar_date_hover": "sys_widget_grey_05",
603
+ "ui_cpnt_calendar_date_pressed": "sys_widget_grey_04"
602
604
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1092,6 +1092,8 @@ declare const colorSet: {
1092
1092
  ui_dimmed_02: string;
1093
1093
  ui_cpnt_sheet_base_05: string;
1094
1094
  ui_62: string;
1095
+ ui_cpnt_calendar_date_hover: string;
1096
+ ui_cpnt_calendar_date_pressed: string;
1095
1097
  };
1096
1098
  };
1097
1099
  export default colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -599,4 +599,6 @@ export interface UITheme {
599
599
  ui_dimmed_02: string;
600
600
  ui_cpnt_sheet_base_05: string;
601
601
  ui_62: string;
602
+ ui_cpnt_calendar_date_hover: string;
603
+ ui_cpnt_calendar_date_pressed: string;
602
604
  }
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -2,7 +2,7 @@ import { MutableRefObject } from 'react';
2
2
  export declare type ContentsContainerProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- 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' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
5
+ 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' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -33,9 +33,10 @@ var ContentsContainer = function (_a) {
33
33
  WTI_1: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
34
34
  WTI_2: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
35
35
  WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2 })),
36
- WTK_1: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
37
- WTK_2: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
38
- WTK_3: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_3", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
36
+ WTK_1: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, container1Ref: container1Ref })),
37
+ WTK_2: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, container1Ref: container1Ref })),
38
+ WTK_3: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_3", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, container1Ref: container1Ref })),
39
+ WTK_4: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_4", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, container1Ref: container1Ref })),
39
40
  WTL_1: (react_1.default.createElement(variation_1.WTL, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
40
41
  WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
41
42
  WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- /// <reference types="react" />
1
+ import { MutableRefObject } from 'react';
2
2
  export declare type WTKProps = {
3
3
  content1?: JSX.Element;
4
- layoutType: 'WTK_1' | 'WTK_2' | 'WTK_3';
4
+ layoutType: 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4';
5
5
  containerColor?: string;
6
6
  areaColor?: string;
7
7
  isLoadingContainer1?: boolean;
8
+ container1Ref?: MutableRefObject<HTMLDivElement | null>;
8
9
  };
9
- declare const WTK: ({ content1, layoutType, containerColor, areaColor, isLoadingContainer1 }: WTKProps) => JSX.Element;
10
+ declare const WTK: ({ content1, layoutType, containerColor, areaColor, isLoadingContainer1, container1Ref }: WTKProps) => JSX.Element;
10
11
  export default WTK;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js CHANGED
@@ -3,19 +3,44 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
6
25
  var __importDefault = (this && this.__importDefault) || function (mod) {
7
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
27
  };
9
28
  Object.defineProperty(exports, "__esModule", { value: true });
10
29
  var react_1 = __importDefault(require("react"));
11
- var styled_components_1 = __importDefault(require("styled-components"));
30
+ var styled_components_1 = __importStar(require("styled-components"));
12
31
  var components_1 = require("../../../../../../common/components");
13
32
  var WTK = function (_a) {
14
- var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1;
15
- return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
- react_1.default.createElement(S_Content1, null, content1)))));
33
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, container1Ref = _a.container1Ref;
34
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor, ref: container1Ref }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
35
+ react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1)))));
17
36
  };
18
- 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 overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
37
+ var scrollAbleContainer = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n"], ["\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n"])));
38
+ var scrollUnableContainer = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
39
+ var containerWTK_1 = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 480px;\n ", "\n"], ["\n min-width: 480px;\n ", "\n"])), scrollAbleContainer);
40
+ var containerWTK_2 = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-width: 600px;\n ", "\n"], ["\n min-width: 600px;\n ", "\n"])), scrollAbleContainer);
41
+ var containerWTK_3 = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n min-width: 768px;\n ", "\n"], ["\n min-width: 768px;\n ", "\n"])), scrollAbleContainer);
42
+ var containerWTK_4 = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 480px;\n ", "\n"], ["\n min-width: 480px;\n ", "\n"])), scrollUnableContainer);
43
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
19
44
  var theme = _a.theme;
20
45
  return theme.ui_contentscontainer_background_wt_m;
21
46
  }, function (_a) {
@@ -24,12 +49,13 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
24
49
  }, function (_a) {
25
50
  var layoutType = _a.layoutType;
26
51
  return ({
27
- WTK_1: 'min-width: 480px;',
28
- WTK_2: 'min-width: 600px;',
29
- WTK_3: 'min-width: 768px;'
52
+ WTK_1: containerWTK_1,
53
+ WTK_2: containerWTK_2,
54
+ WTK_3: containerWTK_3,
55
+ WTK_4: containerWTK_4
30
56
  }[layoutType]);
31
57
  });
32
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"])), function (_a) {
58
+ var S_ContentsArea = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"])), function (_a) {
33
59
  var theme = _a.theme;
34
60
  return theme.ui_contentsarea_background_wt_m;
35
61
  }, function (_a) {
@@ -43,12 +69,21 @@ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templa
43
69
  return ({
44
70
  WTK_1: 'width: 480px;',
45
71
  WTK_2: 'width: 600px;',
46
- WTK_3: 'width: 768px;'
72
+ WTK_3: 'width: 768px;',
73
+ WTK_4: 'width: 480px;'
47
74
  }[layoutType]);
48
75
  }, function (_a) {
49
76
  var areaColor = _a.areaColor;
50
77
  return "background-color: " + areaColor;
51
78
  });
52
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
79
+ var S_Content1 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 100%;\n ", ";\n"], ["\n height: 100%;\n ", ";\n"])), function (_a) {
80
+ var layoutType = _a.layoutType;
81
+ return ({
82
+ WTK_1: '',
83
+ WTK_2: '',
84
+ WTK_3: '',
85
+ WTK_4: 'overflow: hidden;'
86
+ }[layoutType]);
87
+ });
53
88
  exports.default = WTK;
54
- var templateObject_1, templateObject_2, templateObject_3;
89
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { MutableRefObject } from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- 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' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
3
+ 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' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  subMenuContent?: JSX.Element;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -61,6 +61,7 @@ var ContainersBox = function (_a) {
61
61
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
62
62
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
63
63
  WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
64
+ WTK_4: react_1.default.createElement(react_1.default.Fragment, null),
64
65
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
65
66
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
66
67
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -106,6 +107,7 @@ var ContainersBox = function (_a) {
106
107
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
107
108
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
108
109
  WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
110
+ WTK_4: react_1.default.createElement(react_1.default.Fragment, null),
109
111
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
110
112
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
111
113
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -150,6 +152,7 @@ var ContainersBox = function (_a) {
150
152
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
151
153
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
152
154
  WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
155
+ WTK_4: react_1.default.createElement(react_1.default.Fragment, null),
153
156
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
154
157
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
155
158
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -195,6 +198,7 @@ var ContainersBox = function (_a) {
195
198
  WTK_1: '',
196
199
  WTK_2: '',
197
200
  WTK_3: '',
201
+ WTK_4: '',
198
202
  WTL_1: '',
199
203
  WTM_1: '',
200
204
  WTM_2: '',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.6.3",
3
+ "version": "1.6.4",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,4 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.6.3]
2
+ ## [v1.6.4]
3
+ ### Layout
4
+ * WTK
5
+ * WTK_4 생성
6
+ * container1Ref prop 추가
3
7
  ### Color
4
- * 컬러 키 값 22.11.17 17시 50분 기준 싱크
8
+ * 컬러 키 값 22.11.18 17시 00분 기준 싱크