pds-dev-kit-web 1.4.7 → 1.4.8

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 (8) hide show
  1. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  2. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +2 -1
  3. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.d.ts +1 -1
  4. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js +29 -5
  5. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  6. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +8 -4
  7. package/package.json +1 -1
  8. package/release-note.md +3 -10
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';
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';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  container1Ref?: MutableRefObject<HTMLDivElement | null>;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -45,7 +45,8 @@ var ContentsContainer = function (_a) {
45
45
  WTO_1: (react_1.default.createElement(variation_1.WTO, { layoutType: "WTO_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
46
46
  WTP_1: (react_1.default.createElement(variation_1.WTP, { layoutType: "WTP_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
47
47
  WTQ_1: (react_1.default.createElement(variation_1.WTQ, { layoutType: "WTQ_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
48
- WTS_1: (react_1.default.createElement(variation_1.WTS, { layoutType: "WTS_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref }))
48
+ WTS_1: (react_1.default.createElement(variation_1.WTS, { layoutType: "WTS_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
49
+ WTS_2: (react_1.default.createElement(variation_1.WTS, { layoutType: "WTS_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref }))
49
50
  }[layoutType]));
50
51
  };
51
52
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.d.ts CHANGED
@@ -2,7 +2,7 @@ import { MutableRefObject } from 'react';
2
2
  export declare type WTSProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WTS_1';
5
+ layoutType: 'WTS_1' | 'WTS_2';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  container1Ref?: MutableRefObject<HTMLDivElement | null>;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js CHANGED
@@ -3,12 +3,31 @@ 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 hybrid_1 = require("../../../../../../hybrid");
13
32
  var WTS = function (_a) {
14
33
  var content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, layoutType = _a.layoutType, container1Ref = _a.container1Ref;
@@ -30,12 +49,17 @@ var S_ContentsArea1 = styled_components_1.default.div(templateObject_2 || (templ
30
49
  var areaColor = _a.areaColor;
31
50
  return "background-color: " + areaColor;
32
51
  });
33
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n ", ";\n"])), function (_a) {
52
+ var WTS_1ContentsArea2 = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n"])));
53
+ var WTS_2ContentsArea2 = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-top: 24px;\n width: 960px;\n"], ["\n padding-bottom: 88px;\n padding-top: 24px;\n width: 960px;\n"])));
54
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 100%;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n width: 100%;\n ", ";\n ", ";\n"])), function (_a) {
55
+ var layoutType = _a.layoutType;
56
+ return ({ WTS_1: WTS_1ContentsArea2, WTS_2: WTS_2ContentsArea2 }[layoutType]);
57
+ }, function (_a) {
34
58
  var areaColor = _a.areaColor;
35
59
  return "background-color: " + areaColor;
36
60
  });
37
61
  // TODO: 철학에 위배되지만, 히어로 배너를 쓰지 않을 경우를 위해 임시로 제거 상태. 추후 조치 필요
38
- var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n /* min-height: 480px; */\n"], ["\n /* min-height: 480px; */\n"])));
39
- var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
62
+ var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n /* min-height: 480px; */\n"], ["\n /* min-height: 480px; */\n"])));
63
+ var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
40
64
  exports.default = WTS;
41
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
65
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
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';
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';
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
@@ -70,7 +70,8 @@ var ContainersBox = function (_a) {
70
70
  WTO_1: react_1.default.createElement(react_1.default.Fragment, null),
71
71
  WTP_1: react_1.default.createElement(react_1.default.Fragment, null),
72
72
  WTQ_1: react_1.default.createElement(react_1.default.Fragment, null),
73
- WTS_1: react_1.default.createElement(react_1.default.Fragment, null)
73
+ WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
74
+ WTS_2: react_1.default.createElement(react_1.default.Fragment, null)
74
75
  }[layoutType],
75
76
  react_1.default.createElement(S_RightBox, null,
76
77
  {
@@ -111,7 +112,8 @@ var ContainersBox = function (_a) {
111
112
  WTO_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
112
113
  WTP_1: react_1.default.createElement(react_1.default.Fragment, null),
113
114
  WTQ_1: react_1.default.createElement(react_1.default.Fragment, null),
114
- WTS_1: react_1.default.createElement(react_1.default.Fragment, null)
115
+ WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
116
+ WTS_2: react_1.default.createElement(react_1.default.Fragment, null)
115
117
  }[layoutType],
116
118
  {
117
119
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -151,7 +153,8 @@ var ContainersBox = function (_a) {
151
153
  WTO_1: react_1.default.createElement(react_1.default.Fragment, null),
152
154
  WTP_1: react_1.default.createElement(react_1.default.Fragment, null),
153
155
  WTQ_1: react_1.default.createElement(react_1.default.Fragment, null),
154
- WTS_1: react_1.default.createElement(react_1.default.Fragment, null)
156
+ WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
157
+ WTS_2: react_1.default.createElement(react_1.default.Fragment, null)
155
158
  }[layoutType],
156
159
  react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
157
160
  {
@@ -192,7 +195,8 @@ var ContainersBox = function (_a) {
192
195
  WTO_1: (react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent })),
193
196
  WTP_1: (react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent })),
194
197
  WTQ_1: '',
195
- WTS_1: ''
198
+ WTS_1: '',
199
+ WTS_2: ''
196
200
  }[layoutType],
197
201
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })))));
198
202
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.7",
3
+ "version": "1.4.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,12 +1,5 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.7]
2
+ ## [v1.4.8]
3
3
 
4
- ### Component
5
- * Chip
6
- * Category유형일때 아이콘이 쏠려보이던 현상 수정
7
- * TextButton
8
- * colorTheme이 white일 경우 hover나 press했을때 색상 변경
9
- * UserDesktopSideTab 생성
10
-
11
- ### Color
12
- * 컬러 키 값 22.06.16 12시 10분 기준 싱크
4
+ ### Layout
5
+ * WTS_2 생성