pds-dev-kit-web-test 0.1.6 → 0.1.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 (36) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +9 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +9 -1
  3. package/dist/src/common/styles/colorSet/SemanticColor.json +6 -1
  4. package/dist/src/common/styles/colorSet/UIColor.json +11 -1
  5. package/dist/src/common/styles/colorSet/index.d.ts +768 -737
  6. package/dist/src/common/styles/colorSet/index.js +3 -3
  7. package/dist/src/common/styles/colorSet/ui-type.d.ts +10 -0
  8. package/dist/src/common/styles/movement/animationStyle.js +8 -8
  9. package/dist/src/desktop/components/AdminList/AdminList.d.ts +1 -1
  10. package/dist/src/desktop/components/AdminList/AdminList.js +1 -1
  11. package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +1 -1
  12. package/dist/src/desktop/components/AdminList/HeaderRow.js +10 -9
  13. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -1
  14. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +37 -23
  15. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  16. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.js +5 -1
  17. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.d.ts +1 -1
  18. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.js +60 -9
  19. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.d.ts +1 -1
  20. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.js +50 -12
  21. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.d.ts +1 -1
  22. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js +13 -3
  23. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  24. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +1 -0
  25. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.d.ts +1 -1
  26. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.js +6 -4
  27. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  28. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +5 -1
  29. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.d.ts +3 -2
  30. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.js +2 -2
  31. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.d.ts +3 -2
  32. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +2 -2
  33. package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts +3 -2
  34. package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.js +2 -2
  35. package/package.json +1 -1
  36. package/release-note.md +6 -6
package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js CHANGED
@@ -46,7 +46,9 @@ var ContainersBox = function (_a) {
46
46
  var wizardContainerWidthType = layoutType === 'WFE_3' ||
47
47
  layoutType === 'WFE_4' ||
48
48
  layoutType === 'WFL_1' ||
49
- layoutType === 'WFL_2'
49
+ layoutType === 'WFL_2' ||
50
+ layoutType === 'WFL_3' ||
51
+ layoutType === 'WFL_4'
50
52
  ? 'large'
51
53
  : 'small';
52
54
  return ((0, jsx_runtime_1.jsx)(S_Wrapper, __assign({ isWizardLayout: isWizardLayout }, { children: (0, jsx_runtime_1.jsxs)(S_ContainersBox, __assign({ isWizardLayout: isWizardLayout }, { children: [pageMenuContent && ((0, jsx_runtime_1.jsx)(S_TopWrapper, { children: isWizardLayout ? ({
@@ -55,6 +57,8 @@ var ContainersBox = function (_a) {
55
57
  }[wizardContainerWidthType]) : ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuContent: pageMenuContent }, void 0)) }, void 0)), (0, jsx_runtime_1.jsxs)(S_CenterBox, __assign({ isWizardLayout: isWizardLayout }, { children: [{
56
58
  WFA_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
57
59
  WFA_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
60
+ WFA_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
61
+ WFA_4: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
58
62
  WFB_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
59
63
  WFC_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
60
64
  WFD_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -80,10 +84,14 @@ var ContainersBox = function (_a) {
80
84
  WFJ_1: (0, jsx_runtime_1.jsx)(Containers_1.SubMenuContainer, { subMenuContent: subMenuContent }, void 0),
81
85
  WFK_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
82
86
  WFL_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
83
- WFL_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)
87
+ WFL_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
88
+ WFL_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
89
+ WFL_4: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)
84
90
  }[layoutType], (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [{
85
91
  WFA_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
86
92
  WFA_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
93
+ WFA_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
94
+ WFA_4: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
87
95
  WFB_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
88
96
  WFC_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
89
97
  WFD_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -109,7 +117,9 @@ var ContainersBox = function (_a) {
109
117
  WFJ_1: (0, jsx_runtime_1.jsx)(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }, void 0),
110
118
  WFK_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
111
119
  WFL_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
112
- WFL_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)
120
+ WFL_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
121
+ WFL_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
122
+ WFL_4: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)
113
123
  }[layoutType], (0, jsx_runtime_1.jsx)(S_ContentsWrapper, { 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 }, void 0) }, void 0)] }, void 0)] }), void 0), isWizardLayout && ((0, jsx_runtime_1.jsx)(S_BottomWrapper, { children: {
114
124
  small: (0, jsx_runtime_1.jsx)(Containers_1.StepContainer, { stepType: "step_864", stepContent: stepContent }, void 0),
115
125
  large: (0, jsx_runtime_1.jsx)(Containers_1.StepContainer, { stepType: "step_1152", stepContent: stepContent }, void 0)
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { MutableRefObject } from 'react';
3
3
  export declare type ContentsContainerProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- 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' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
6
+ 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';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -43,6 +43,7 @@ var ContentsContainer = function (_a) {
43
43
  WTN_3: ((0, jsx_runtime_1.jsx)(variation_1.WTN, { layoutType: "WTN_3", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
44
44
  WTO_1: ((0, jsx_runtime_1.jsx)(variation_1.WTO, { layoutType: "WTO_1", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
45
45
  WTP_1: ((0, jsx_runtime_1.jsx)(variation_1.WTP, { layoutType: "WTP_1", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
46
+ WTP_2: ((0, jsx_runtime_1.jsx)(variation_1.WTP, { layoutType: "WTP_2", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
46
47
  WTQ_1: ((0, jsx_runtime_1.jsx)(variation_1.WTQ, { layoutType: "WTQ_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey }, void 0)),
47
48
  WTS_1: ((0, jsx_runtime_1.jsx)(variation_1.WTS, { layoutType: "WTS_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
48
49
  WTS_2: ((0, jsx_runtime_1.jsx)(variation_1.WTS, { layoutType: "WTS_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { UiColors } from '../../../../../../common';
2
2
  import type { MutableRefObject } from 'react';
3
3
  export declare type WTPProps = {
4
4
  content1?: JSX.Element;
5
- layoutType: 'WTP_1';
5
+ layoutType: 'WTP_1' | 'WTP_2';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.js CHANGED
@@ -52,15 +52,17 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (t
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n\n ", ";\n ", ";\n"])), function (_a) {
55
+ var WTP_1AreaStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n"], ["\n padding-bottom: 88px;\n"])));
56
+ var S_ContentsArea = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 664px;\n\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n width: 664px;\n\n ", ";\n ", ";\n"])), function (_a) {
56
57
  var layoutType = _a.layoutType;
57
58
  return ({
58
- WTP_1: 'width: 664px;'
59
+ WTP_1: WTP_1AreaStyle,
60
+ WTP_2: ''
59
61
  }[layoutType]);
60
62
  }, function (_a) {
61
63
  var areaColor = _a.areaColor;
62
64
  return "background-color: " + areaColor;
63
65
  });
64
- var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
66
+ var S_Content1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
65
67
  exports.default = WTP;
66
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
68
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { UiColors } from '../../../../common';
2
2
  import type { MutableRefObject } from 'react';
3
3
  export declare type ContainersBoxProps = {
4
- 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' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
4
+ 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';
5
5
  pageMenuContent?: JSX.Element;
6
6
  tabMenuContent?: JSX.Element;
7
7
  subMenuContent?: JSX.Element;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -78,6 +78,7 @@ var ContainersBox = function (_a) {
78
78
  WTN_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
79
79
  WTO_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
80
80
  WTP_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
81
+ WTP_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
81
82
  WTQ_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
82
83
  WTS_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
83
84
  WTS_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -123,6 +124,7 @@ var ContainersBox = function (_a) {
123
124
  WTN_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
124
125
  WTO_1: ((0, jsx_runtime_1.jsx)(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor }, void 0)),
125
126
  WTP_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
127
+ WTP_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
126
128
  WTQ_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
127
129
  WTS_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
128
130
  WTS_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -168,6 +170,7 @@ var ContainersBox = function (_a) {
168
170
  WTN_3: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
169
171
  WTO_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
170
172
  WTP_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
173
+ WTP_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
171
174
  WTQ_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
172
175
  WTS_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
173
176
  WTS_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -213,6 +216,7 @@ var ContainersBox = function (_a) {
213
216
  WTN_3: '',
214
217
  WTO_1: ((0, jsx_runtime_1.jsx)(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent, containerColor: containerColor, areaColor: areaColor }, void 0)),
215
218
  WTP_1: ((0, jsx_runtime_1.jsx)(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent, containerColor: containerColor, areaColor: areaColor }, void 0)),
219
+ WTP_2: ((0, jsx_runtime_1.jsx)(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent, containerColor: containerColor, areaColor: areaColor }, void 0)),
216
220
  WTQ_1: '',
217
221
  WTS_1: '',
218
222
  WTS_2: '',
@@ -226,7 +230,7 @@ var S_RightBox = styled_components_1.default.div(templateObject_2 || (templateOb
226
230
  var flexStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
227
231
  var S_BottomWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"], ["\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
228
232
  var layoutType = _a.layoutType;
229
- return (layoutType === 'WTO_1' || layoutType === 'WTP_1') && flexStyle;
233
+ return (layoutType === 'WTO_1' || layoutType === 'WTP_1' || layoutType === 'WTP_2') && flexStyle;
230
234
  });
231
235
  exports.default = ContainersBox;
232
236
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import type { UiColors } from '../../../../../common';
2
+ import type { MutableRefObject } from 'react';
3
3
  export declare type ContentsContainerProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
@@ -10,6 +10,7 @@ export declare type ContentsContainerProps = {
10
10
  isLoadingContainer2?: boolean;
11
11
  overrideContainer1ColorKey?: UiColors;
12
12
  overrideContainer2ColorKey?: UiColors;
13
+ container1Ref?: MutableRefObject<HTMLDivElement | null>;
13
14
  };
14
- declare const ContentsContainer: ({ content1, content2, layoutType, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: ContentsContainerProps) => JSX.Element;
15
+ declare const ContentsContainer: ({ content1, content2, layoutType, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey, container1Ref }: ContentsContainerProps) => JSX.Element;
15
16
  export default ContentsContainer;
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var jsx_runtime_1 = require("react/jsx-runtime");
4
4
  var variation_1 = require("./variation");
5
5
  var ContentsContainer = function (_a) {
6
- var content1 = _a.content1, content2 = _a.content2, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey;
6
+ var content1 = _a.content1, content2 = _a.content2, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey, container1Ref = _a.container1Ref;
7
7
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
8
- MSA_1: ((0, jsx_runtime_1.jsx)(variation_1.MSA, { layoutType: "MSA_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
8
+ MSA_1: ((0, jsx_runtime_1.jsx)(variation_1.MSA, { layoutType: "MSA_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey, container1Ref: container1Ref }, void 0)),
9
9
  MSA_2: ((0, jsx_runtime_1.jsx)(variation_1.MSA, { layoutType: "MSA_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
10
10
  MSB_1: ((0, jsx_runtime_1.jsx)(variation_1.MSB, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }, void 0)),
11
11
  MSC_1: ((0, jsx_runtime_1.jsx)(variation_1.MSC, { layoutType: "MSC_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey }, void 0)),
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import type { UiColors } from '../../../../../../common';
2
+ import type { MutableRefObject } from 'react';
3
3
  export declare type MSAProps = {
4
4
  content1?: JSX.Element;
5
5
  layoutType: 'MSA_1' | 'MSA_2';
@@ -7,6 +7,7 @@ export declare type MSAProps = {
7
7
  areaColor?: string;
8
8
  isLoadingContainer1?: boolean;
9
9
  overrideContainer1ColorKey?: UiColors;
10
+ container1Ref?: MutableRefObject<HTMLDivElement | null>;
10
11
  };
11
- declare const MSA: ({ content1, layoutType, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey }: MSAProps) => JSX.Element;
12
+ declare const MSA: ({ content1, layoutType, containerColor, areaColor, isLoadingContainer1, overrideContainer1ColorKey, container1Ref }: MSAProps) => JSX.Element;
12
13
  export default MSA;
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js CHANGED
@@ -38,8 +38,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var styled_components_1 = __importStar(require("styled-components"));
39
39
  var components_1 = require("../../../../../../common/components");
40
40
  var MSA = function (_a) {
41
- var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
42
- return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA" }, { children: content1 }), void 0) }), void 0)) }), void 0));
41
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, container1Ref = _a.container1Ref;
42
+ return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey, ref: container1Ref }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "mobile", "x-pds-layout-type": "MSA" }, { children: content1 }), void 0) }), void 0)) }), void 0));
43
43
  };
44
44
  var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import type { UiColors } from '../../../../common';
2
+ import type { MutableRefObject } from 'react';
3
3
  export declare type ContainersBoxProps = {
4
4
  layoutType: 'MSA_1' | 'MSA_2' | 'MSB_1' | 'MSC_1' | 'MSC_2' | 'MSD_1' | 'MSE_1' | 'MSF_1' | 'MSF_2' | 'MSG_1' | 'MSH_1';
5
5
  tabContent?: JSX.Element;
@@ -12,6 +12,7 @@ export declare type ContainersBoxProps = {
12
12
  isLoadingContainer2?: boolean;
13
13
  overrideContainer1ColorKey?: UiColors;
14
14
  overrideContainer2ColorKey?: UiColors;
15
+ container1Ref?: MutableRefObject<HTMLDivElement | null>;
15
16
  };
16
- declare const ContainersBox: ({ layoutType, tabContent, content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey }: ContainersBoxProps) => JSX.Element;
17
+ declare const ContainersBox: ({ layoutType, tabContent, content1, content2, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, overrideContainer1ColorKey, overrideContainer2ColorKey, container1Ref }: ContainersBoxProps) => JSX.Element;
17
18
  export default ContainersBox;
package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.js CHANGED
@@ -22,7 +22,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
22
22
  var styled_components_1 = __importDefault(require("styled-components"));
23
23
  var Containers_1 = require("../Containers");
24
24
  var ContainersBox = function (_a) {
25
- var layoutType = _a.layoutType, tabContent = _a.tabContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, overrideContainer2ColorKey = _a.overrideContainer2ColorKey;
25
+ var layoutType = _a.layoutType, tabContent = _a.tabContent, 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;
26
26
  return ((0, jsx_runtime_1.jsxs)(S_ContainersBox, { children: [{
27
27
  MSA_1: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
28
28
  MSA_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
@@ -35,7 +35,7 @@ var ContainersBox = function (_a) {
35
35
  MSF_2: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0),
36
36
  MSG_1: (0, jsx_runtime_1.jsx)(Containers_1.TabContainer, { tabContent: tabContent }, void 0),
37
37
  MSH_1: (0, jsx_runtime_1.jsx)(Containers_1.TabContainer, { tabContent: tabContent }, void 0)
38
- }[layoutType], (0, jsx_runtime_1.jsx)(S_BottomWrapper, __assign({ layoutType: layoutType }, { 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 }, void 0) }), void 0)] }, void 0));
38
+ }[layoutType], (0, jsx_runtime_1.jsx)(S_BottomWrapper, __assign({ layoutType: layoutType }, { 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, container1Ref: container1Ref }, void 0) }), void 0)] }, void 0));
39
39
  };
40
40
  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"])));
41
41
  var S_BottomWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1;\n overflow: hidden;\n"], ["\n flex: 1;\n overflow: hidden;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,7 +1,7 @@
1
- # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.1.6]
3
- ## 기준 pds-dev-kit-web 버전 @1.9.18
1
+ # pds-dev-kit-web-test Release Notes
2
+ ## [v0.1.8]
4
3
 
5
- ### Package
6
- * 패키지화를 시킬시 스토리 파일이 포함되지 않도록 조치
7
- * npmignore 수정
4
+ ## 기준 pds-dev-kit-web 버전 @1.9.23
5
+ ### Component
6
+ * AdminList
7
+ * checkbox관련 selectedIds가 바뀔때 selectAllMethods 를 리셋하는 것이 아닌, 전체 체크 여부를 false로 변경해주도록 로직 변경