pds-dev-kit-web-test 0.1.7 → 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 (65) hide show
  1. package/dist/index.d.ts +0 -1
  2. package/dist/index.js +1 -8
  3. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +9 -1
  4. package/dist/src/common/styles/colorSet/PaletteColor_light.json +9 -1
  5. package/dist/src/common/styles/colorSet/SemanticColor.json +6 -1
  6. package/dist/src/common/styles/colorSet/UIColor.json +11 -1
  7. package/dist/src/common/styles/colorSet/index.d.ts +768 -737
  8. package/dist/src/common/styles/colorSet/index.js +3 -3
  9. package/dist/src/common/styles/colorSet/ui-type.d.ts +10 -0
  10. package/dist/src/common/styles/movement/animationStyle.js +8 -8
  11. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +1 -1
  12. package/dist/src/desktop/components/AdminList/AdminList.d.ts +1 -1
  13. package/dist/src/desktop/components/AdminList/AdminList.js +1 -1
  14. package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +1 -1
  15. package/dist/src/desktop/components/AdminList/HeaderRow.js +10 -9
  16. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -1
  17. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +37 -23
  18. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  19. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/ContentsContainer.js +5 -1
  20. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.d.ts +1 -1
  21. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.js +60 -9
  22. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.d.ts +1 -1
  23. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFL.js +50 -12
  24. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.d.ts +1 -1
  25. package/dist/src/desktop/layout/LayoutWF/ContainersBox/ContainersBox.js +13 -3
  26. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  27. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +1 -0
  28. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.d.ts +1 -1
  29. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.js +6 -4
  30. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  31. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +5 -1
  32. package/dist/src/sub/index.d.ts +0 -1
  33. package/dist/src/sub/index.js +1 -11
  34. package/package.json +1 -1
  35. package/release-note.md +7 -5
  36. package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +0 -47
  37. package/dist/src/sub/AdminList/AdminList/AdminList.js +0 -224
  38. package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +0 -30
  39. package/dist/src/sub/AdminList/AdminList/HeaderRow.js +0 -84
  40. package/dist/src/sub/AdminList/AdminList/index.d.ts +0 -1
  41. package/dist/src/sub/AdminList/AdminList/index.js +0 -8
  42. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +0 -18
  43. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +0 -60
  44. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +0 -17
  45. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +0 -85
  46. package/dist/src/sub/AdminList/AdminListHeader/index.d.ts +0 -1
  47. package/dist/src/sub/AdminList/AdminListHeader/index.js +0 -8
  48. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +0 -57
  49. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +0 -263
  50. package/dist/src/sub/AdminList/AdminListItem/index.d.ts +0 -1
  51. package/dist/src/sub/AdminList/AdminListItem/index.js +0 -8
  52. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +0 -31
  53. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +0 -31
  54. package/dist/src/sub/AdminList/BulkActionBar/index.d.ts +0 -1
  55. package/dist/src/sub/AdminList/BulkActionBar/index.js +0 -8
  56. package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +0 -9
  57. package/dist/src/sub/AdminList/ToolBar/ChipList.js +0 -29
  58. package/dist/src/sub/AdminList/ToolBar/SearchField.d.ts +0 -15
  59. package/dist/src/sub/AdminList/ToolBar/SearchField.js +0 -266
  60. package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +0 -26
  61. package/dist/src/sub/AdminList/ToolBar/ToolBar.js +0 -85
  62. package/dist/src/sub/AdminList/ToolBar/index.d.ts +0 -1
  63. package/dist/src/sub/AdminList/ToolBar/index.js +0 -8
  64. package/dist/src/sub/AdminList/index.d.ts +0 -5
  65. package/dist/src/sub/AdminList/index.js +0 -13
@@ -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)
@@ -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;
@@ -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)),
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -1,2 +1 @@
1
1
  export { DynamicLayout } from './DynamicLayout';
2
- export * from './AdminList';
@@ -1,16 +1,6 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
2
  Object.defineProperty(exports, "__esModule", { value: true });
13
3
  exports.DynamicLayout = void 0;
4
+ // NOTE: 이름은 변경될 수 있습니다.
14
5
  var DynamicLayout_1 = require("./DynamicLayout");
15
6
  Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return DynamicLayout_1.DynamicLayout; } });
16
- __exportStar(require("./AdminList"), exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.1.7",
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,5 +1,7 @@
1
- # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.1.7]
3
- ## 기준 pds-dev-kit-web 버전 @1.9.19
4
- ### sub
5
- * AdminList 추가
1
+ # pds-dev-kit-web-test Release Notes
2
+ ## [v0.1.8]
3
+
4
+ ## 기준 pds-dev-kit-web 버전 @1.9.23
5
+ ### Component
6
+ * AdminList
7
+ * checkbox관련 selectedIds가 바뀔때 selectAllMethods 를 리셋하는 것이 아닌, 전체 체크 여부를 false로 변경해주도록 로직 변경
@@ -1,47 +0,0 @@
1
- import { TFunctionResult } from 'i18next';
2
- import React from 'react';
3
- import BulkActionBar from '../BulkActionBar/BulkActionBar';
4
- import ToolBar from '../ToolBar/ToolBar';
5
- declare type ColumnWidthType = 'small' | 'medium' | 'large';
6
- declare type Props = {
7
- selectionMode?: 'none' | 'single' | 'multi';
8
- headerRowMode?: 'none' | 'use';
9
- column2HeaderText: TFunctionResult;
10
- column3HeaderText?: TFunctionResult;
11
- column3Width?: ColumnWidthType;
12
- column4HeaderText?: TFunctionResult;
13
- column4Width?: ColumnWidthType;
14
- column5HeaderText?: TFunctionResult;
15
- column5Width?: ColumnWidthType;
16
- column6HeaderText?: TFunctionResult;
17
- column6Width?: ColumnWidthType;
18
- column7HeaderText?: TFunctionResult;
19
- column7Width?: ColumnWidthType;
20
- column8HeaderText?: TFunctionResult;
21
- column8Width?: ColumnWidthType;
22
- column9HeaderText?: TFunctionResult;
23
- column9Width?: ColumnWidthType;
24
- column10HeaderText?: TFunctionResult;
25
- column10Width?: ColumnWidthType;
26
- quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
27
- quickActionBtn1Text?: TFunctionResult;
28
- quickActionBtn2Text?: TFunctionResult;
29
- quickActionBtn3Text?: TFunctionResult;
30
- quickActionBtnType?: 'hover' | 'fix';
31
- emptyText?: TFunctionResult;
32
- scrollMode?: 'infinite' | 'none' | 'page';
33
- scrollVisibleType?: 'moving' | 'hidden' | 'visible';
34
- headerRowCheckboxName?: string;
35
- flexibleHideInfoMode?: 'use' | 'none';
36
- toolBar?: React.ReactElement<React.ComponentProps<typeof ToolBar>>;
37
- bulkActionBar?: React.ReactElement<React.ComponentProps<typeof BulkActionBar>>;
38
- onClickQuickActionBtn1?: (id: number) => void;
39
- onClickQuickActionBtn2?: (id: number) => void;
40
- onClickQuickActionBtn3?: (id: number) => void;
41
- children?: React.ReactNode;
42
- onSelect?: (ids: number[]) => void;
43
- selectedIds?: number[];
44
- maintainIds?: number[];
45
- };
46
- declare function AdminList({ toolBar, bulkActionBar, selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect }: Props): JSX.Element;
47
- export default AdminList;
@@ -1,224 +0,0 @@
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
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
37
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
38
- if (ar || !(i in from)) {
39
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
40
- ar[i] = from[i];
41
- }
42
- }
43
- return to.concat(ar || Array.prototype.slice.call(from));
44
- };
45
- var __importDefault = (this && this.__importDefault) || function (mod) {
46
- return (mod && mod.__esModule) ? mod : { "default": mod };
47
- };
48
- Object.defineProperty(exports, "__esModule", { value: true });
49
- var jsx_runtime_1 = require("react/jsx-runtime");
50
- require("i18next");
51
- var react_1 = __importStar(require("react"));
52
- var react_hook_form_1 = require("react-hook-form");
53
- var styled_components_1 = __importStar(require("styled-components"));
54
- var components_1 = require("../../../desktop/components");
55
- require("../AdminListItem/AdminListItem");
56
- require("../BulkActionBar/BulkActionBar");
57
- require("../ToolBar/ToolBar");
58
- var HeaderRow_1 = __importDefault(require("./HeaderRow"));
59
- function AdminList(_a) {
60
- var toolBar = _a.toolBar, bulkActionBar = _a.bulkActionBar, _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.quickActionBtnMode, quickActionBtnMode = _m === void 0 ? 'btn_amount2' : _m, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _o = _a.quickActionBtnType, quickActionBtnType = _o === void 0 ? 'fix' : _o, emptyText = _a.emptyText, _p = _a.scrollMode, scrollMode = _p === void 0 ? 'infinite' : _p, _q = _a.scrollVisibleType, scrollVisibleType = _q === void 0 ? 'moving' : _q, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _r = _a.headerRowCheckboxName, headerRowCheckboxName = _r === void 0 ? 'all' : _r, _s = _a.flexibleHideInfoMode, flexibleHideInfoMode = _s === void 0 ? 'use' : _s, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect;
61
- var selectAllMethods = (0, react_hook_form_1.useForm)();
62
- var checkboxMethods = (0, react_hook_form_1.useForm)();
63
- var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({
64
- name: headerRowCheckboxName,
65
- control: selectAllMethods.control
66
- });
67
- var _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[1];
68
- /**
69
- * @when AdminListItem이 선택되었을 때
70
- * @expected 벌크액션바 활성화 여부와 체크박스 선택 여부를 결정합니다.
71
- */
72
- (0, react_1.useEffect)(function () {
73
- if (!selectedIds) {
74
- return;
75
- }
76
- if (!selectedIds.length) {
77
- checkboxMethods.reset();
78
- selectAllMethods.reset();
79
- if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
80
- setIsBulkActionBarOpen(true);
81
- maintainIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
82
- }
83
- else {
84
- setIsBulkActionBarOpen(false);
85
- }
86
- return;
87
- }
88
- if (selectionMode === 'single') {
89
- checkboxMethods.reset();
90
- checkboxMethods.setValue(selectedIds[0].toString(), true);
91
- return;
92
- }
93
- setIsBulkActionBarOpen(true);
94
- selectedIds.forEach(function (val) { return checkboxMethods.setValue(val.toString(), true); });
95
- }, [selectedIds, maintainIds]);
96
- var handleSelectAllCheckbox = function () {
97
- var allIds = Object.keys(checkboxMethods.getValues()).map(function (id) { return Number(id); });
98
- var basicIds = allIds.filter(function (id) { return !(maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(id)); });
99
- if (!isAllCheckboxSelected) {
100
- allIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
101
- if (onSelect) {
102
- onSelect(basicIds);
103
- }
104
- return;
105
- }
106
- if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
107
- basicIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), false); });
108
- if (onSelect) {
109
- onSelect([]);
110
- }
111
- return;
112
- }
113
- checkboxMethods.reset();
114
- if (onSelect) {
115
- onSelect([]);
116
- }
117
- };
118
- var handleSelectItem = function (id) {
119
- if (!selectedIds) {
120
- return;
121
- }
122
- switch (selectionMode) {
123
- case 'single': {
124
- if (onSelect) {
125
- onSelect([id]);
126
- }
127
- break;
128
- }
129
- case 'multi': {
130
- if (!selectedIds.includes(id)) {
131
- checkboxMethods.setValue(id.toString(), true);
132
- if (onSelect) {
133
- onSelect(__spreadArray(__spreadArray([], selectedIds, true), [id], false));
134
- }
135
- return;
136
- }
137
- var filteredId = selectedIds.filter(function (prevId) { return prevId !== id; });
138
- checkboxMethods.setValue(id.toString(), false);
139
- if (onSelect) {
140
- onSelect(filteredId);
141
- }
142
- }
143
- }
144
- };
145
- var getActionButtonCount = function () {
146
- switch (quickActionBtnMode) {
147
- case 'btn_amount1':
148
- return 1;
149
- case 'btn_amount2':
150
- return 2;
151
- case 'btn_amount3':
152
- return 3;
153
- case 'none':
154
- return 0;
155
- }
156
- };
157
- var totalItemCount = (0, react_1.useMemo)(function () {
158
- if (maintainIds && selectedIds) {
159
- return maintainIds.length + selectedIds.length;
160
- }
161
- return (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) || 0;
162
- }, [selectedIds, maintainIds]);
163
- var childrenWithWidthProps = react_1.default.Children.map(children, function (child) {
164
- if (react_1.default.isValidElement(child)) {
165
- return react_1.default.cloneElement(child, {
166
- column3TextWidth: column3Width,
167
- column4TextWidth: column4Width,
168
- column5TextWidth: column5Width,
169
- column6TextWidth: column6Width,
170
- column7TextWidth: column7Width,
171
- column8TextWidth: column8Width,
172
- column9TextWidth: column9Width,
173
- column10TextWidth: column10Width,
174
- quickActionBtnType: quickActionBtnType,
175
- quickActionBtnMode: quickActionBtnMode,
176
- quickActionBtn1Text: quickActionBtn1Text,
177
- quickActionBtn2Text: quickActionBtn2Text,
178
- quickActionBtn3Text: quickActionBtn3Text,
179
- onClickQuickActionBtn1: onClickQuickActionBtn1,
180
- onClickQuickActionBtn2: onClickQuickActionBtn2,
181
- onClickQuickActionBtn3: onClickQuickActionBtn3,
182
- selectionMode: selectionMode,
183
- flexibleHideInfoMode: flexibleHideInfoMode,
184
- onClickItem: handleSelectItem,
185
- selectedState: (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(child.props.id)) ? 'maintain' : 'basic'
186
- });
187
- }
188
- return child;
189
- });
190
- return ((0, jsx_runtime_1.jsxs)(S_AdminList, __assign({ "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [isBulkActionBarOpen
191
- ? react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
192
- itemCount: totalItemCount
193
- }) }, void 0))
194
- : toolBar && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: toolBar }, void 0), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)("form", { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }, void 0) }, void 0) }), void 0)), (0, jsx_runtime_1.jsx)(S_ScrollBox, __assign({ scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, { children: react_1.default.Children.count(children) ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, checkboxMethods, { children: (0, jsx_runtime_1.jsx)("form", { children: childrenWithWidthProps }, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }, void 0) }, void 0)) }), void 0)] }), void 0));
195
- }
196
- var scrollInvisible = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"], ["\n &::-webkit-scrollbar {\n all: unset;\n display: block;\n }\n"])));
197
- var scrollVisible = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n &::-webkit-scrollbar {\n display: none;\n }\n"])));
198
- var S_AdminList = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
199
- var S_ScrollBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow-y: ", ";\n flex: 1;\n\n ", "\n"], ["\n overflow-y: ", ";\n flex: 1;\n\n ", "\n"])), function (_a) {
200
- var scrollMode = _a.scrollMode;
201
- switch (scrollMode) {
202
- case 'infinite':
203
- case 'page': {
204
- return 'auto';
205
- }
206
- case 'none': {
207
- return 'none';
208
- }
209
- }
210
- }, function (_a) {
211
- var scrollVisibleType = _a.scrollVisibleType;
212
- switch (scrollVisibleType) {
213
- case 'moving':
214
- case 'visible': {
215
- return scrollVisible;
216
- }
217
- case 'hidden': {
218
- return scrollInvisible;
219
- }
220
- }
221
- });
222
- var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-top: 88px;\n padding-bottom: 88px;\n"], ["\n padding-top: 88px;\n padding-bottom: 88px;\n"])));
223
- exports.default = AdminList;
224
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- import { TFunctionResult } from 'i18next';
3
- declare type ColumnWidthType = 'small' | 'medium' | 'large';
4
- declare type Props = {
5
- selectionMode: 'none' | 'single' | 'multi';
6
- column2HeaderText?: TFunctionResult;
7
- column3HeaderText?: TFunctionResult;
8
- column3HeaderWidth?: ColumnWidthType;
9
- column4HeaderText?: TFunctionResult;
10
- column4HeaderWidth?: ColumnWidthType;
11
- column5HeaderText?: TFunctionResult;
12
- column5HeaderWidth?: ColumnWidthType;
13
- column6HeaderText?: TFunctionResult;
14
- column6HeaderWidth?: ColumnWidthType;
15
- column7HeaderText?: TFunctionResult;
16
- column7HeaderWidth?: ColumnWidthType;
17
- column8HeaderText?: TFunctionResult;
18
- column8HeaderWidth?: ColumnWidthType;
19
- column9HeaderText?: TFunctionResult;
20
- column9HeaderWidth?: ColumnWidthType;
21
- column10HeaderText?: TFunctionResult;
22
- column10HeaderWidth?: ColumnWidthType;
23
- quickActionBtnType?: 'hover' | 'fix';
24
- quickActionButtonCount?: number;
25
- headerRowCheckboxName?: string;
26
- flexibleHideInfoMode?: 'use' | 'none';
27
- onClickSelectAllCheckbox?: () => void;
28
- };
29
- declare function HeaderRow({ selectionMode, column2HeaderText, column3HeaderText, column3HeaderWidth, column4HeaderText, column4HeaderWidth, column5HeaderText, column5HeaderWidth, column6HeaderText, column6HeaderWidth, column7HeaderText, column7HeaderWidth, column8HeaderText, column8HeaderWidth, column9HeaderText, column9HeaderWidth, column10HeaderText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, flexibleHideInfoMode, onClickSelectAllCheckbox }: Props): JSX.Element;
30
- export default HeaderRow;
@@ -1,84 +0,0 @@
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
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- var jsx_runtime_1 = require("react/jsx-runtime");
38
- require("i18next");
39
- require("react");
40
- var styled_components_1 = __importStar(require("styled-components"));
41
- var components_1 = require("../../../desktop/components");
42
- var hybrid_1 = require("../../../hybrid");
43
- function HeaderRow(_a) {
44
- var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, _o = _a.headerRowCheckboxName, headerRowCheckboxName = _o === void 0 ? 'all' : _o, _p = _a.flexibleHideInfoMode, flexibleHideInfoMode = _p === void 0 ? 'use' : _p, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;
45
- return ((0, jsx_runtime_1.jsxs)(S_HeaderRow, __assign({ flexibleHideInfoMode: flexibleHideInfoMode }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }, void 0), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(components_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }, void 0) }, void 0)), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }, void 0), column3HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column3HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column3HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column4HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column4HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column4HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column5HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column5HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column5HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column6HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column6HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column6HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column7HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column7HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column7HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column8HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column8HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column8HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column9HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column9HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column9HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), column10HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column10HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column10HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }, void 0) }), void 0)), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f", spacingType: "width" }, void 0), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
46
- .fill(0)
47
- .map(function (el, i) { return ((0, jsx_runtime_1.jsx)(S_EmptyDiv, {}, "" + el + i)); }) }, void 0))] }), void 0));
48
- }
49
- var small = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 56px;\n"], ["\n width: 56px;\n"])));
50
- var medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 80px;\n"], ["\n width: 80px;\n"])));
51
- var large = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 144px;\n"], ["\n width: 144px;\n"])));
52
- var flexibleHideColumnStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n @media only screen and (max-width: 1400px) {\n .hidableColumn {\n display: none;\n }\n }\n"], ["\n @media only screen and (max-width: 1400px) {\n .hidableColumn {\n display: none;\n }\n }\n"])));
53
- var S_HeaderRow = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n height: 48px;\n\n ", "\n"], ["\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n height: 48px;\n\n ", "\n"])), function (_a) {
54
- var theme = _a.theme;
55
- return theme.ui_cpnt_list_base_area;
56
- }, function (_a) {
57
- var theme = _a.theme;
58
- return theme.ui_cpnt_divider;
59
- }, function (_a) {
60
- var flexibleHideInfoMode = _a.flexibleHideInfoMode;
61
- return flexibleHideInfoMode === 'use' && flexibleHideColumnStyle;
62
- });
63
- var S_CheckBox = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 40px;\n justify-content: center;\n width: 40px;\n"], ["\n align-items: center;\n display: flex;\n height: 40px;\n justify-content: center;\n width: 40px;\n"])));
64
- var S_FlexColumn = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1;\n min-width: 80px;\n"], ["\n flex: 1;\n min-width: 80px;\n"])));
65
- var S_Column = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n\n ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n\n ", ";\n"])), function (_a) {
66
- var theme = _a.theme;
67
- return theme.spacing.spacingC;
68
- }, function (_a) {
69
- var theme = _a.theme;
70
- return theme.spacing.spacingC;
71
- }, function (_a) {
72
- var columnSize = _a.columnSize;
73
- return columnSize && { small: small, medium: medium, large: large }[columnSize];
74
- });
75
- var S_QuickActionButtonBox = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
76
- var theme = _a.theme;
77
- return theme.spacing.spacingC;
78
- }, function (_a) {
79
- var theme = _a.theme;
80
- return theme.spacing.spacingE;
81
- });
82
- var S_EmptyDiv = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 100%;\n width: 56px;\n"], ["\n height: 100%;\n width: 56px;\n"])));
83
- exports.default = HeaderRow;
84
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
@@ -1 +0,0 @@
1
- export { default as AdminList } from './AdminList';
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.AdminList = void 0;
7
- var AdminList_1 = require("./AdminList");
8
- Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return __importDefault(AdminList_1).default; } });