pds-dev-kit-web 2.2.209 → 2.2.211

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 (18) hide show
  1. package/dist/src/desktop/components/AdminList/AdminList.d.ts +10 -1
  2. package/dist/src/desktop/components/AdminList/AdminList.js +2 -2
  3. package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +10 -1
  4. package/dist/src/desktop/components/AdminList/HeaderRow.js +2 -2
  5. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.d.ts +2 -1
  6. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.js +2 -2
  7. package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts +2 -1
  8. package/dist/src/desktop/components/AdminListHeader/HeaderBar.js +2 -2
  9. package/dist/src/desktop/components/PriceTextField/PriceTextField.d.ts +5 -4
  10. package/dist/src/desktop/components/PriceTextField/PriceTextField.js +53 -70
  11. package/dist/src/mobile/components/PriceTextField/PriceTextField.d.ts +5 -4
  12. package/dist/src/mobile/components/PriceTextField/PriceTextField.js +53 -70
  13. package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +10 -1
  14. package/dist/src/sub/AdminList/AdminList/AdminList.js +2 -2
  15. package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +10 -1
  16. package/dist/src/sub/AdminList/AdminList/HeaderRow.js +2 -2
  17. package/package.json +1 -1
  18. package/release-note.md +2 -2
package/dist/src/desktop/components/AdminList/AdminList.d.ts CHANGED
@@ -6,21 +6,30 @@ type Props = {
6
6
  selectionMode?: 'none' | 'single' | 'multi';
7
7
  headerRowMode?: 'none' | 'use';
8
8
  column2HeaderText: TFunctionResult;
9
+ column2HeaderTooltipText?: TFunctionResult;
9
10
  column3HeaderText?: TFunctionResult;
11
+ column3HeaderTooltipText?: TFunctionResult;
10
12
  column3Width?: ColumnWidthType;
11
13
  column4HeaderText?: TFunctionResult;
14
+ column4HeaderTooltipText?: TFunctionResult;
12
15
  column4Width?: ColumnWidthType;
13
16
  column5HeaderText?: TFunctionResult;
17
+ column5HeaderTooltipText?: TFunctionResult;
14
18
  column5Width?: ColumnWidthType;
15
19
  column6HeaderText?: TFunctionResult;
20
+ column6HeaderTooltipText?: TFunctionResult;
16
21
  column6Width?: ColumnWidthType;
17
22
  column7HeaderText?: TFunctionResult;
23
+ column7HeaderTooltipText?: TFunctionResult;
18
24
  column7Width?: ColumnWidthType;
19
25
  column8HeaderText?: TFunctionResult;
26
+ column8HeaderTooltipText?: TFunctionResult;
20
27
  column8Width?: ColumnWidthType;
21
28
  column9HeaderText?: TFunctionResult;
29
+ column9HeaderTooltipText?: TFunctionResult;
22
30
  column9Width?: ColumnWidthType;
23
31
  column10HeaderText?: TFunctionResult;
32
+ column10HeaderTooltipText?: TFunctionResult;
24
33
  column10Width?: ColumnWidthType;
25
34
  dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
26
35
  dropdown1Value?: AdminListDropdownValueOption;
@@ -83,5 +92,5 @@ type Props = {
83
92
  /** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
84
93
  onClickMBtn3?: () => void;
85
94
  };
86
- declare function AdminList({ selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, mBtnMode, mBtn1Text, mBtn2Text, mBtn3Text, onClickMBtn1, onClickMBtn2, onClickMBtn3 }: Props): JSX.Element;
95
+ declare function AdminList({ selectionMode, headerRowMode, column2HeaderText, column2HeaderTooltipText, column3HeaderText, column3HeaderTooltipText, column3Width, column4HeaderText, column4HeaderTooltipText, column4Width, column5HeaderText, column5HeaderTooltipText, column5Width, column6HeaderText, column6HeaderTooltipText, column6Width, column7HeaderText, column7HeaderTooltipText, column7Width, column8HeaderText, column8HeaderTooltipText, column8Width, column9HeaderText, column9HeaderTooltipText, column9Width, column10HeaderText, column10HeaderTooltipText, column10Width, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, mBtnMode, mBtn1Text, mBtn2Text, mBtn3Text, onClickMBtn1, onClickMBtn2, onClickMBtn3 }: Props): JSX.Element;
87
96
  export default AdminList;
package/dist/src/desktop/components/AdminList/AdminList.js CHANGED
@@ -58,7 +58,7 @@ var TextLabel_1 = require("../TextLabel");
58
58
  var BulkActionBar_1 = __importDefault(require("./BulkActionBar"));
59
59
  var HeaderRow_1 = __importDefault(require("./HeaderRow"));
60
60
  function AdminList(_a) {
61
- var _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.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _s = _a.headerRowCheckboxName, headerRowCheckboxName = _s === void 0 ? 'all' : _s, _t = _a.flexibleHideInfoMode, flexibleHideInfoMode = _t === void 0 ? 'use' : _t, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _u = _a.mBtnMode, mBtnMode = _u === void 0 ? 'mbtn_amount1' : _u, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
61
+ var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column2HeaderTooltipText = _a.column2HeaderTooltipText, column3HeaderText = _a.column3HeaderText, column3HeaderTooltipText = _a.column3HeaderTooltipText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, column4HeaderTooltipText = _a.column4HeaderTooltipText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, column5HeaderTooltipText = _a.column5HeaderTooltipText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, column6HeaderTooltipText = _a.column6HeaderTooltipText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, column7HeaderTooltipText = _a.column7HeaderTooltipText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, column8HeaderTooltipText = _a.column8HeaderTooltipText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, column9HeaderTooltipText = _a.column9HeaderTooltipText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, column10HeaderTooltipText = _a.column10HeaderTooltipText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _s = _a.headerRowCheckboxName, headerRowCheckboxName = _s === void 0 ? 'all' : _s, _t = _a.flexibleHideInfoMode, flexibleHideInfoMode = _t === void 0 ? 'use' : _t, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _u = _a.mBtnMode, mBtnMode = _u === void 0 ? 'mbtn_amount1' : _u, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
62
62
  var selectAllMethods = (0, react_hook_form_1.useForm)();
63
63
  var checkboxMethods = (0, react_hook_form_1.useForm)();
64
64
  var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({
@@ -194,7 +194,7 @@ function AdminList(_a) {
194
194
  }
195
195
  }
196
196
  };
197
- 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 && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { 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 }) })) }))), (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 }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
197
+ 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 && ((0, jsx_runtime_1.jsx)(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column2HeaderTooltipText: column2HeaderTooltipText, column3HeaderText: column3HeaderText, column3HeaderTooltipText: column3HeaderTooltipText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderTooltipText: column4HeaderTooltipText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderTooltipText: column5HeaderTooltipText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderTooltipText: column6HeaderTooltipText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderTooltipText: column7HeaderTooltipText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderTooltipText: column8HeaderTooltipText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderTooltipText: column9HeaderTooltipText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderTooltipText: column10HeaderTooltipText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }) })) }))), (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 }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
198
198
  }
199
199
  var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
200
200
  var scrollVisibleType = _a.scrollVisibleType;
package/dist/src/desktop/components/AdminList/HeaderRow.d.ts CHANGED
@@ -4,21 +4,30 @@ type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
4
4
  type Props = {
5
5
  selectionMode: 'none' | 'single' | 'multi';
6
6
  column2HeaderText?: TFunctionResult;
7
+ column2HeaderTooltipText?: TFunctionResult;
7
8
  column3HeaderText?: TFunctionResult;
8
9
  column3HeaderWidth?: ColumnWidthType;
10
+ column3HeaderTooltipText?: TFunctionResult;
9
11
  column4HeaderText?: TFunctionResult;
12
+ column4HeaderTooltipText?: TFunctionResult;
10
13
  column4HeaderWidth?: ColumnWidthType;
11
14
  column5HeaderText?: TFunctionResult;
15
+ column5HeaderTooltipText?: TFunctionResult;
12
16
  column5HeaderWidth?: ColumnWidthType;
13
17
  column6HeaderText?: TFunctionResult;
18
+ column6HeaderTooltipText?: TFunctionResult;
14
19
  column6HeaderWidth?: ColumnWidthType;
15
20
  column7HeaderText?: TFunctionResult;
21
+ column7HeaderTooltipText?: TFunctionResult;
16
22
  column7HeaderWidth?: ColumnWidthType;
17
23
  column8HeaderText?: TFunctionResult;
24
+ column8HeaderTooltipText?: TFunctionResult;
18
25
  column8HeaderWidth?: ColumnWidthType;
19
26
  column9HeaderText?: TFunctionResult;
27
+ column9HeaderTooltipText?: TFunctionResult;
20
28
  column9HeaderWidth?: ColumnWidthType;
21
29
  column10HeaderText?: TFunctionResult;
30
+ column10HeaderTooltipText?: TFunctionResult;
22
31
  column10HeaderWidth?: ColumnWidthType;
23
32
  quickActionBtnType?: 'hover' | 'fix';
24
33
  quickActionButtonCount?: number;
@@ -26,5 +35,5 @@ type Props = {
26
35
  flexibleHideInfoMode?: 'use' | 'none';
27
36
  onClickSelectAllCheckbox?: () => void;
28
37
  };
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;
38
+ declare function HeaderRow({ selectionMode, column2HeaderText, column2HeaderTooltipText, column3HeaderText, column3HeaderTooltipText, column3HeaderWidth, column4HeaderText, column4HeaderTooltipText, column4HeaderWidth, column5HeaderText, column5HeaderTooltipText, column5HeaderWidth, column6HeaderText, column6HeaderTooltipText, column6HeaderWidth, column7HeaderText, column7HeaderTooltipText, column7HeaderWidth, column8HeaderText, column8HeaderTooltipText, column8HeaderWidth, column9HeaderText, column9HeaderTooltipText, column9HeaderWidth, column10HeaderText, column10HeaderTooltipText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, flexibleHideInfoMode, onClickSelectAllCheckbox }: Props): JSX.Element;
30
39
  export default HeaderRow;
package/dist/src/desktop/components/AdminList/HeaderRow.js CHANGED
@@ -44,8 +44,8 @@ var hybrid_1 = require("../../../hybrid");
44
44
  var Checkbox_1 = require("../Checkbox");
45
45
  var TextLabel_1 = require("../TextLabel");
46
46
  function HeaderRow(_a) {
47
- 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;
48
- 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" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }), column3HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column3HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column3HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column4HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column4HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column4HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column5HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column5HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column5HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column6HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column6HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column6HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column7HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column7HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column7HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column8HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column8HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column8HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column9HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column9HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column9HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), column10HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column10HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column10HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }))), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f", spacingType: "width" }), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
47
+ var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column2HeaderTooltipText = _a.column2HeaderTooltipText, column3HeaderText = _a.column3HeaderText, column3HeaderTooltipText = _a.column3HeaderTooltipText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, column4HeaderTooltipText = _a.column4HeaderTooltipText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, column5HeaderTooltipText = _a.column5HeaderTooltipText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, column6HeaderTooltipText = _a.column6HeaderTooltipText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, column7HeaderTooltipText = _a.column7HeaderTooltipText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, column8HeaderTooltipText = _a.column8HeaderTooltipText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, column9HeaderTooltipText = _a.column9HeaderTooltipText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, column10HeaderTooltipText = _a.column10HeaderTooltipText, _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;
48
+ 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" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column2HeaderTooltipText }) }), column3HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column3HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column3HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column3HeaderTooltipText }) }))), column4HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column4HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column4HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column4HeaderTooltipText }) }))), column5HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column5HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column5HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column5HeaderTooltipText }) }))), column6HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column6HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column6HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column6HeaderTooltipText }) }))), column7HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column7HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column7HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column7HeaderTooltipText }) }))), column8HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column8HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column8HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column8HeaderTooltipText }) }))), column9HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column9HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column9HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column9HeaderTooltipText }) }))), column10HeaderText && ((0, jsx_runtime_1.jsx)(S_Column, __assign({ columnSize: column10HeaderWidth, className: "hidableColumn" }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: column10HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column10HeaderTooltipText }) }))), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f", spacingType: "width" }), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
49
49
  .fill(0)
50
50
  .map(function (el, i) { return ((0, jsx_runtime_1.jsx)(S_EmptyDiv, {}, "".concat(el).concat(i))); }) }))] })));
51
51
  }
package/dist/src/desktop/components/AdminListHeader/AdminListHeader.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { TFunctionResult } from 'i18next';
4
4
  type Props = {
5
5
  headerBarSize?: 'regular' | 'small';
6
6
  headerBarTitleText?: TFunctionResult;
7
+ tooltipText?: TFunctionResult;
7
8
  currentPage?: number;
8
9
  totalPage?: number;
9
10
  contentText?: TFunctionResult;
@@ -16,5 +17,5 @@ type Props = {
16
17
  /** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */
17
18
  itemCountUnit?: number;
18
19
  };
19
- declare function AdminListHeader({ headerBarSize, headerBarTitleText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, dropdownDefaultValue, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
20
+ declare function AdminListHeader({ headerBarSize, headerBarTitleText, tooltipText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, dropdownDefaultValue, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
20
21
  export default AdminListHeader;
package/dist/src/desktop/components/AdminListHeader/AdminListHeader.js CHANGED
@@ -42,12 +42,12 @@ var defaultPaginationTextArray = [
42
42
  }
43
43
  ];
44
44
  function AdminListHeader(_a) {
45
- var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText,
45
+ var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText, tooltipText = _a.tooltipText,
46
46
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
47
47
  _c = _a.itemCountUnit,
48
48
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
49
49
  itemCountUnit = _c === void 0 ? 15 : _c, _d = _a.currentPage, currentPage = _d === void 0 ? 1 : _d, _e = _a.totalPage, totalPage = _e === void 0 ? 1 : _e, contentText = _a.contentText, filterBar = _a.filterBar, _f = _a.dropdownTextArray, dropdownTextArray = _f === void 0 ? defaultPaginationTextArray : _f, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeCount = _a.onChangeCount, onClickNextButton = _a.onClickNextButton, onClickPrevButton = _a.onClickPrevButton;
50
- return ((0, jsx_runtime_1.jsxs)(S_AdminListHeader, __assign({ "x-pds-name": "AdminListHeader", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(HeaderBar_1.default, { titleText: headerBarTitleText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, dropdownDefaultValue: dropdownDefaultValue, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }), headerBarTitleText && !contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), headerBarTitleText && contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), contentText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ContentTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }) }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), filterBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_FilterBarWrapper, { children: filterBar }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] }))] })));
50
+ return ((0, jsx_runtime_1.jsxs)(S_AdminListHeader, __assign({ "x-pds-name": "AdminListHeader", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(HeaderBar_1.default, { titleText: headerBarTitleText, tooltipText: tooltipText, size: headerBarSize, currentPage: currentPage, totalPage: totalPage, dropdownTextArray: dropdownTextArray, dropdownDefaultValue: dropdownDefaultValue, onChangeDropdown: onChangeCount, onClickIBtn1: onClickNextButton, onClickIBtn2: onClickPrevButton }), headerBarTitleText && !contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), headerBarTitleText && contentText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), contentText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ContentTextWrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }) }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] })), filterBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_FilterBarWrapper, { children: filterBar }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" })] }))] })));
51
51
  }
52
52
  var S_AdminListHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
53
53
  var S_ContentTextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts CHANGED
@@ -3,6 +3,7 @@ import type { AdminListDropdownValueOption } from '../../../common/types';
3
3
  import type { TFunctionResult } from 'i18next';
4
4
  type Props = {
5
5
  titleText?: TFunctionResult;
6
+ tooltipText?: TFunctionResult;
6
7
  size?: 'regular' | 'small';
7
8
  currentPage?: number;
8
9
  totalPage?: number;
@@ -12,5 +13,5 @@ type Props = {
12
13
  onClickIBtn1?: () => void;
13
14
  onClickIBtn2?: () => void;
14
15
  };
15
- declare function HeaderBar({ titleText, size, currentPage, totalPage, dropdownTextArray, dropdownDefaultValue, onChangeDropdown, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
16
+ declare function HeaderBar({ titleText, tooltipText, size, currentPage, totalPage, dropdownTextArray, dropdownDefaultValue, onChangeDropdown, onClickIBtn1, onClickIBtn2 }: Props): JSX.Element;
16
17
  export default HeaderBar;
package/dist/src/desktop/components/AdminListHeader/HeaderBar.js CHANGED
@@ -46,14 +46,14 @@ var Dropdown_1 = require("../Dropdown");
46
46
  var IconButton_1 = require("../IconButton");
47
47
  var TextLabel_1 = require("../TextLabel");
48
48
  function HeaderBar(_a) {
49
- var titleText = _a.titleText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
49
+ var titleText = _a.titleText, tooltipText = _a.tooltipText, _b = _a.size, size = _b === void 0 ? 'regular' : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.totalPage, totalPage = _d === void 0 ? 1 : _d, dropdownTextArray = _a.dropdownTextArray, dropdownDefaultValue = _a.dropdownDefaultValue, onChangeDropdown = _a.onChangeDropdown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2;
50
50
  var t = (0, react_i18next_1.useTranslation)('translation').t;
51
51
  var handleDropdown = function (option) {
52
52
  if (onChangeDropdown) {
53
53
  onChangeDropdown(option);
54
54
  }
55
55
  };
56
- return ((0, jsx_runtime_1.jsxs)(S_HeaderBar, __assign({ size: size }, { children: [(0, jsx_runtime_1.jsx)(S_HeaderTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: size === 'regular' ? 'headingBold' : 'body1Bold' }) }), (0, jsx_runtime_1.jsxs)(S_HeaderControl, { children: [(0, jsx_runtime_1.jsxs)(S_ListCount, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_rows_per_page'), styleTheme: "caption1Regular" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { customWidth: "88px", size: "small", valueArray: dropdownTextArray, onChange: handleDropdown, defaultValue: dropdownDefaultValue !== null && dropdownDefaultValue !== void 0 ? dropdownDefaultValue : dropdownTextArray[0] })] }), (0, jsx_runtime_1.jsxs)(S_Page, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: currentPage, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: " / ", styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: totalPage, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary" })] }), (0, jsx_runtime_1.jsxs)(S_IconButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn2 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn1 })] })] })] })));
56
+ return ((0, jsx_runtime_1.jsxs)(S_HeaderBar, __assign({ size: size }, { children: [(0, jsx_runtime_1.jsx)(S_HeaderTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, tooltipText: tooltipText, styleTheme: size === 'regular' ? 'headingBold' : 'body1Bold' }) }), (0, jsx_runtime_1.jsxs)(S_HeaderControl, { children: [(0, jsx_runtime_1.jsxs)(S_ListCount, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_rows_per_page'), styleTheme: "caption1Regular" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { customWidth: "88px", size: "small", valueArray: dropdownTextArray, onChange: handleDropdown, defaultValue: dropdownDefaultValue !== null && dropdownDefaultValue !== void 0 ? dropdownDefaultValue : dropdownTextArray[0] })] }), (0, jsx_runtime_1.jsxs)(S_Page, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: currentPage, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: " / ", styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: totalPage, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary" })] }), (0, jsx_runtime_1.jsxs)(S_IconButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn2 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickIBtn1 })] })] })] })));
57
57
  }
58
58
  var regular = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 40px;\n"], ["\n height: 40px;\n"])));
59
59
  var small = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n"], ["\n height: 40px;\n"])));
package/dist/src/desktop/components/PriceTextField/PriceTextField.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { Path } from 'react-hook-form';
3
- import { CurrencyCode, ExchangeRateMap } from '../../../core/pricing';
3
+ import { CurrencyCode } from '../../../core/pricing';
4
4
  import type { IFormValues, PDSTextType } from '../../../common';
5
5
  import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
6
6
  export declare const DEFAULT_DECIMAL_PLACES: {
@@ -19,12 +19,13 @@ type Props = {
19
19
  baseCurrency?: CurrencyCode;
20
20
  currencies?: CurrencyCode[];
21
21
  decimalPlaces?: Record<string, number>;
22
- exchangeRates?: ExchangeRateMap;
22
+ exchangeRates?: {
23
+ [key: string]: number;
24
+ };
23
25
  hintTextFontWeight?: 'normal' | 'bold';
24
26
  validation?: any;
25
27
  useRequiredValidation?: 'none' | 'use';
26
28
  useDotBadge?: 'none' | 'use';
27
- returnType?: 'object' | 'string' | 'rawValue';
28
29
  deleteBtnMode?: 'none' | 'use';
29
30
  minPriceAmount?: string | number;
30
31
  onExChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
@@ -39,5 +40,5 @@ type Props = {
39
40
  displayValue: string;
40
41
  }) => void;
41
42
  } & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
42
- declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
43
+ declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, deleteBtnMode, minPriceAmount, onChange, onExChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
43
44
  export default PriceTextField;
package/dist/src/desktop/components/PriceTextField/PriceTextField.js CHANGED
@@ -66,18 +66,50 @@ exports.DEFAULT_DECIMAL_PLACES = {
66
66
  function PriceTextField(_a) {
67
67
  var _b;
68
68
  var _c;
69
- var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onExChange = _a.onExChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
69
+ var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.deleteBtnMode, deleteBtnMode = _t === void 0 ? 'use' : _t, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onExChange = _a.onExChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
70
70
  var t = (0, react_i18next_1.useTranslation)('translation').t;
71
- var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
72
- var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
73
- var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
74
- var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
75
- var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
76
- var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
77
- var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
71
+ var _u = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _u[0], setBaseCurrencyValue = _u[1];
72
+ var _v = (0, react_1.useState)(baseCurrency), selectedCurrency = _v[0], setSelectedCurrency = _v[1];
73
+ var _w = (0, react_1.useState)(false), isDropdownFocused = _w[0], setIsDropdownFocused = _w[1];
74
+ var _x = (0, react_1.useState)(false), isInputFocused = _x[0], setIsInputFocused = _x[1];
75
+ var _y = (0, react_1.useState)(null), contextMenuSizeOffset = _y[0], setContextMenuSizeOffset = _y[1];
76
+ var _z = (0, react_1.useState)(null), dropdownPositionOffset = _z[0], setDropdownPositionOffset = _z[1];
77
+ /** 입력 시 천 단위 콤마 추가 함수 */
78
+ var addCommas = function (value) {
79
+ if (!value)
80
+ return '';
81
+ var parts = value.split('.');
82
+ var integerPart = parts[0];
83
+ var decimalPart = parts[1];
84
+ // 정수 부분에 콤마 추가
85
+ var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
86
+ // 소수점이 있으면 합치기
87
+ return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
88
+ };
89
+ var displayValue = (0, react_1.useMemo)(function () {
90
+ if (!baseCurrencyValue || baseCurrencyValue === '') {
91
+ return '';
92
+ }
93
+ if (selectedCurrency === baseCurrency) {
94
+ return isInputFocused
95
+ ? addCommas(baseCurrencyValue)
96
+ : formatCurrency(Number(baseCurrencyValue), selectedCurrency, decimalPlaces);
97
+ }
98
+ var rate = exchangeRates[selectedCurrency] || 1;
99
+ var baseRate = exchangeRates[baseCurrency] || 1;
100
+ var convertedValue = (Number(baseCurrencyValue) / baseRate) * rate;
101
+ return formatCurrency(convertedValue, selectedCurrency, decimalPlaces);
102
+ }, [
103
+ baseCurrencyValue,
104
+ selectedCurrency,
105
+ baseCurrency,
106
+ exchangeRates,
107
+ decimalPlaces,
108
+ isInputFocused
109
+ ]);
78
110
  var contextMenuRef = (0, react_1.useRef)(null);
79
111
  var dropdownRef = (0, react_1.useRef)(null);
80
- var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
112
+ var _0 = (0, react_hook_form_1.useFormContext)(), register = _0.register, trigger = _0.trigger, errors = _0.formState.errors, setValue = _0.setValue;
81
113
  /** 기본 validation */
82
114
  var defaultValidation = (0, react_1.useMemo)(function () {
83
115
  var validationConfig = {};
@@ -192,30 +224,13 @@ function PriceTextField(_a) {
192
224
  };
193
225
  // 환율 계산된 값 계산 (항상 baseCurrency 기준으로)
194
226
  var calculatedValue = (0, react_1.useMemo)(function () {
195
- if (selectedCurrency === baseCurrency) {
227
+ if (!baseCurrencyValue || selectedCurrency === baseCurrency) {
196
228
  return Number(baseCurrencyValue);
197
229
  }
198
- return pricing_1.PricingService.exchangePrice(Number(baseCurrencyValue), baseCurrency, selectedCurrency, exchangeRates);
199
- }, [baseCurrencyValue, selectedCurrency, baseCurrency]);
200
- /** 표시되는 값 설정 */
201
- (0, react_1.useEffect)(function () {
202
- if (isInputFocused && selectedCurrency === baseCurrency) {
203
- setDisplayValue(addCommas(baseCurrencyValue) || '');
204
- }
205
- else if (!baseCurrencyValue || baseCurrencyValue === '') {
206
- setDisplayValue('');
207
- }
208
- else {
209
- setDisplayValue(formatCurrency(calculatedValue, selectedCurrency, decimalPlaces));
210
- }
211
- }, [
212
- baseCurrencyValue,
213
- calculatedValue,
214
- selectedCurrency,
215
- isInputFocused,
216
- baseCurrency,
217
- decimalPlaces
218
- ]);
230
+ var rate = exchangeRates[selectedCurrency] || 1;
231
+ var baseRate = exchangeRates[baseCurrency] || 1;
232
+ return (Number(baseCurrencyValue) / baseRate) * rate;
233
+ }, [baseCurrencyValue, selectedCurrency, baseCurrency, exchangeRates]);
219
234
  /** 드롭다운 위치 업데이트 */
220
235
  (0, react_1.useEffect)(function () {
221
236
  if (!isDropdownFocused && contextMenuRef.current) {
@@ -245,36 +260,16 @@ function PriceTextField(_a) {
245
260
  }
246
261
  return formatCurrency(calculatedValue || 0, selectedCurrency, decimalPlaces);
247
262
  }, [baseCurrencyValue, calculatedValue, selectedCurrency, decimalPlaces]);
248
- /** returnType에 따른 폼 값 */
249
- var formValue = (0, react_1.useMemo)(function () {
250
- if (!baseCurrencyValue || baseCurrencyValue === '') {
251
- return '';
252
- }
253
- switch (returnType) {
254
- case 'string':
255
- return formattedValue;
256
- case 'rawValue':
257
- return baseCurrencyValue;
258
- case 'object':
259
- default:
260
- return formattedValue;
261
- }
262
- }, [baseCurrencyValue, formattedValue, returnType]);
263
263
  /** 폼 값 업데이트 */
264
264
  (0, react_1.useEffect)(function () {
265
- setValue(name, formValue);
266
- }, [name, setValue, formValue]);
265
+ setValue(name, baseCurrencyValue);
266
+ }, [name, setValue, baseCurrencyValue]);
267
267
  /** onChange 콜백 처리 */
268
268
  (0, react_1.useEffect)(function () {
269
- if (!onChange)
270
- return;
271
- if (!baseCurrencyValue || baseCurrencyValue === '') {
272
- onChange('');
273
- return;
269
+ if (onChange && baseCurrencyValue) {
270
+ onChange(baseCurrencyValue);
274
271
  }
275
- var callbackValue = returnType === 'object' ? formattedValue : formValue;
276
- onChange(callbackValue);
277
- }, [onChange, baseCurrencyValue, formattedValue, formValue, returnType]);
272
+ }, [onChange, baseCurrencyValue]);
278
273
  /** onValueChange 콜백 처리 */
279
274
  (0, react_1.useEffect)(function () {
280
275
  if (!onValueChange)
@@ -289,18 +284,6 @@ function PriceTextField(_a) {
289
284
  displayValue: formattedValue
290
285
  });
291
286
  }, [baseCurrencyValue, selectedCurrency, calculatedValue, formattedValue]);
292
- /** 입력 시 천 단위 콤마 추가 함수 */
293
- var addCommas = function (value) {
294
- if (!value)
295
- return '';
296
- var parts = value.split('.');
297
- var integerPart = parts[0];
298
- var decimalPart = parts[1];
299
- // 정수 부분에 콤마 추가
300
- var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
301
- // 소수점이 있으면 합치기
302
- return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
303
- };
304
287
  var handleChange = function (e) {
305
288
  var _a = e.target, value = _a.value, selectionStart = _a.selectionStart;
306
289
  var prevValue = displayValue;
@@ -434,13 +417,13 @@ function PriceTextField(_a) {
434
417
  };
435
418
  var handleDelete = (0, react_1.useCallback)(function () {
436
419
  setBaseCurrencyValue('');
437
- setDisplayValue('');
438
420
  setValue(name, '');
439
421
  }, [name, setValue]);
440
422
  return ((0, jsx_runtime_1.jsxs)(S_PriceTextField, __assign({ "x-pds-name": "PriceTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", inputSize: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_ComponentBox, __assign({ inputSize: size, responsiveMode: responsiveMode, isFocused: isInputFocused, isError: Boolean(isError), state: state, customWidth: customWidth, isInputReadOnly: isInputReadOnly }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldBaseWrapper, __assign({ state: state, isError: Boolean(isError), isFocused: isInputFocused, inputSize: size, isInputReadOnly: isInputReadOnly }, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText ||
441
423
  t('str_channel_min_price', {
442
424
  channelMinPrice: pricing_1.PricingService.format.price({
443
- amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
425
+ amount: minPriceAmount ||
426
+ policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[baseCurrency].minPayment.amount,
444
427
  currency: baseCurrency
445
428
  })
446
429
  }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
package/dist/src/mobile/components/PriceTextField/PriceTextField.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { Path } from 'react-hook-form';
3
- import { CurrencyCode, ExchangeRateMap } from '../../../core/pricing';
3
+ import { CurrencyCode } from '../../../core/pricing';
4
4
  import type { IFormValues, PDSTextType } from '../../../common';
5
5
  import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
6
6
  export declare const DEFAULT_DECIMAL_PLACES: {
@@ -19,12 +19,13 @@ type Props = {
19
19
  baseCurrency?: CurrencyCode;
20
20
  currencies?: CurrencyCode[];
21
21
  decimalPlaces?: Record<string, number>;
22
- exchangeRates?: ExchangeRateMap;
22
+ exchangeRates?: {
23
+ [key: string]: number;
24
+ };
23
25
  hintTextFontWeight?: 'normal' | 'bold';
24
26
  validation?: any;
25
27
  useRequiredValidation?: 'none' | 'use';
26
28
  useDotBadge?: 'none' | 'use';
27
- returnType?: 'object' | 'string' | 'rawValue';
28
29
  deleteBtnMode?: 'none' | 'use';
29
30
  minPriceAmount?: string | number;
30
31
  onChange?: (value: string) => void;
@@ -38,5 +39,5 @@ type Props = {
38
39
  displayValue: string;
39
40
  }) => void;
40
41
  } & Omit<Partial<TextFieldBaseProps>, 'textAlign' | 'preventBlankMode' | 'enterSubmitMode' | 'multiRows' | 'colorTheme'>;
41
- declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, returnType, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
42
+ declare function PriceTextField({ name, hintText, defaultAmount, colorTheme, size, fontWeight, hintTextFontWeight, responsiveMode, state, dropdownState, customWidth, baseCurrency, currencies, decimalPlaces, exchangeRates, textAlign, validation, useRequiredValidation, useDotBadge, deleteBtnMode, minPriceAmount, onChange, onBlur, onFocus, onTarget, onCurrencyChange, onValueChange }: Props): JSX.Element;
42
43
  export default PriceTextField;
package/dist/src/mobile/components/PriceTextField/PriceTextField.js CHANGED
@@ -66,18 +66,50 @@ exports.DEFAULT_DECIMAL_PLACES = {
66
66
  function PriceTextField(_a) {
67
67
  var _b;
68
68
  var _c;
69
- var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.returnType, returnType = _t === void 0 ? 'object' : _t, _u = _a.deleteBtnMode, deleteBtnMode = _u === void 0 ? 'use' : _u, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
69
+ var name = _a.name, hintText = _a.hintText, defaultAmount = _a.defaultAmount, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.fontWeight, fontWeight = _f === void 0 ? 'bold' : _f, _g = _a.hintTextFontWeight, hintTextFontWeight = _g === void 0 ? 'normal' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.state, state = _j === void 0 ? 'normal' : _j, _k = _a.dropdownState, dropdownState = _k === void 0 ? 'normal' : _k, customWidth = _a.customWidth, _l = _a.baseCurrency, baseCurrency = _l === void 0 ? pricing_1.CurrencyCode.KRW : _l, _m = _a.currencies, currencies = _m === void 0 ? [pricing_1.CurrencyCode.KRW, pricing_1.CurrencyCode.USD] : _m, _o = _a.decimalPlaces, decimalPlaces = _o === void 0 ? exports.DEFAULT_DECIMAL_PLACES : _o, _p = _a.exchangeRates, exchangeRates = _p === void 0 ? (_b = {}, _b[pricing_1.CurrencyCode.KRW] = 1300, _b[pricing_1.CurrencyCode.USD] = 1, _b) : _p, _q = _a.textAlign, textAlign = _q === void 0 ? 'right' : _q, validation = _a.validation, _r = _a.useRequiredValidation, useRequiredValidation = _r === void 0 ? 'use' : _r, _s = _a.useDotBadge, useDotBadge = _s === void 0 ? 'use' : _s, _t = _a.deleteBtnMode, deleteBtnMode = _t === void 0 ? 'use' : _t, minPriceAmount = _a.minPriceAmount, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onTarget = _a.onTarget, onCurrencyChange = _a.onCurrencyChange, onValueChange = _a.onValueChange;
70
70
  var t = (0, react_i18next_1.useTranslation)('translation').t;
71
- var _v = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _v[0], setBaseCurrencyValue = _v[1];
72
- var _w = (0, react_1.useState)(''), displayValue = _w[0], setDisplayValue = _w[1];
73
- var _x = (0, react_1.useState)(baseCurrency), selectedCurrency = _x[0], setSelectedCurrency = _x[1];
74
- var _y = (0, react_1.useState)(false), isDropdownFocused = _y[0], setIsDropdownFocused = _y[1];
75
- var _z = (0, react_1.useState)(false), isInputFocused = _z[0], setIsInputFocused = _z[1];
76
- var _0 = (0, react_1.useState)(null), contextMenuSizeOffset = _0[0], setContextMenuSizeOffset = _0[1];
77
- var _1 = (0, react_1.useState)(null), dropdownPositionOffset = _1[0], setDropdownPositionOffset = _1[1];
71
+ var _u = (0, react_1.useState)(defaultAmount ? String(defaultAmount) : ''), baseCurrencyValue = _u[0], setBaseCurrencyValue = _u[1];
72
+ var _v = (0, react_1.useState)(baseCurrency), selectedCurrency = _v[0], setSelectedCurrency = _v[1];
73
+ var _w = (0, react_1.useState)(false), isDropdownFocused = _w[0], setIsDropdownFocused = _w[1];
74
+ var _x = (0, react_1.useState)(false), isInputFocused = _x[0], setIsInputFocused = _x[1];
75
+ var _y = (0, react_1.useState)(null), contextMenuSizeOffset = _y[0], setContextMenuSizeOffset = _y[1];
76
+ var _z = (0, react_1.useState)(null), dropdownPositionOffset = _z[0], setDropdownPositionOffset = _z[1];
77
+ /** 입력 시 천 단위 콤마 추가 함수 */
78
+ var addCommas = function (value) {
79
+ if (!value)
80
+ return '';
81
+ var parts = value.split('.');
82
+ var integerPart = parts[0];
83
+ var decimalPart = parts[1];
84
+ // 정수 부분에 콤마 추가
85
+ var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
86
+ // 소수점이 있으면 합치기
87
+ return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
88
+ };
89
+ var displayValue = (0, react_1.useMemo)(function () {
90
+ if (!baseCurrencyValue || baseCurrencyValue === '') {
91
+ return '';
92
+ }
93
+ if (selectedCurrency === baseCurrency) {
94
+ return isInputFocused
95
+ ? addCommas(baseCurrencyValue)
96
+ : formatCurrency(Number(baseCurrencyValue), selectedCurrency, decimalPlaces);
97
+ }
98
+ var rate = exchangeRates[selectedCurrency] || 1;
99
+ var baseRate = exchangeRates[baseCurrency] || 1;
100
+ var convertedValue = (Number(baseCurrencyValue) / baseRate) * rate;
101
+ return formatCurrency(convertedValue, selectedCurrency, decimalPlaces);
102
+ }, [
103
+ baseCurrencyValue,
104
+ selectedCurrency,
105
+ baseCurrency,
106
+ exchangeRates,
107
+ decimalPlaces,
108
+ isInputFocused
109
+ ]);
78
110
  var contextMenuRef = (0, react_1.useRef)(null);
79
111
  var dropdownRef = (0, react_1.useRef)(null);
80
- var _2 = (0, react_hook_form_1.useFormContext)(), register = _2.register, trigger = _2.trigger, errors = _2.formState.errors, setValue = _2.setValue;
112
+ var _0 = (0, react_hook_form_1.useFormContext)(), register = _0.register, trigger = _0.trigger, errors = _0.formState.errors, setValue = _0.setValue;
81
113
  /** 기본 validation */
82
114
  var defaultValidation = (0, react_1.useMemo)(function () {
83
115
  var validationConfig = {};
@@ -192,30 +224,13 @@ function PriceTextField(_a) {
192
224
  };
193
225
  // 환율 계산된 값 계산 (항상 baseCurrency 기준으로)
194
226
  var calculatedValue = (0, react_1.useMemo)(function () {
195
- if (selectedCurrency === baseCurrency) {
227
+ if (!baseCurrencyValue || selectedCurrency === baseCurrency) {
196
228
  return Number(baseCurrencyValue);
197
229
  }
198
- return pricing_1.PricingService.exchangePrice(Number(baseCurrencyValue), baseCurrency, selectedCurrency, exchangeRates);
199
- }, [baseCurrencyValue, selectedCurrency, baseCurrency]);
200
- /** 표시되는 값 설정 */
201
- (0, react_1.useEffect)(function () {
202
- if (isInputFocused && selectedCurrency === baseCurrency) {
203
- setDisplayValue(addCommas(baseCurrencyValue) || '');
204
- }
205
- else if (!baseCurrencyValue || baseCurrencyValue === '') {
206
- setDisplayValue('');
207
- }
208
- else {
209
- setDisplayValue(formatCurrency(calculatedValue, selectedCurrency, decimalPlaces));
210
- }
211
- }, [
212
- baseCurrencyValue,
213
- calculatedValue,
214
- selectedCurrency,
215
- isInputFocused,
216
- baseCurrency,
217
- decimalPlaces
218
- ]);
230
+ var rate = exchangeRates[selectedCurrency] || 1;
231
+ var baseRate = exchangeRates[baseCurrency] || 1;
232
+ return (Number(baseCurrencyValue) / baseRate) * rate;
233
+ }, [baseCurrencyValue, selectedCurrency, baseCurrency, exchangeRates]);
219
234
  /** 드롭다운 위치 업데이트 */
220
235
  (0, react_1.useEffect)(function () {
221
236
  if (!isDropdownFocused && contextMenuRef.current) {
@@ -245,36 +260,16 @@ function PriceTextField(_a) {
245
260
  }
246
261
  return formatCurrency(calculatedValue || 0, selectedCurrency, decimalPlaces);
247
262
  }, [baseCurrencyValue, calculatedValue, selectedCurrency, decimalPlaces]);
248
- /** returnType에 따른 폼 값 */
249
- var formValue = (0, react_1.useMemo)(function () {
250
- if (!baseCurrencyValue || baseCurrencyValue === '') {
251
- return '';
252
- }
253
- switch (returnType) {
254
- case 'string':
255
- return formattedValue;
256
- case 'rawValue':
257
- return baseCurrencyValue;
258
- case 'object':
259
- default:
260
- return formattedValue;
261
- }
262
- }, [baseCurrencyValue, formattedValue, returnType]);
263
263
  /** 폼 값 업데이트 */
264
264
  (0, react_1.useEffect)(function () {
265
- setValue(name, formValue);
266
- }, [name, setValue, formValue]);
265
+ setValue(name, baseCurrencyValue);
266
+ }, [name, setValue, baseCurrencyValue]);
267
267
  /** onChange 콜백 처리 */
268
268
  (0, react_1.useEffect)(function () {
269
- if (!onChange)
270
- return;
271
- if (!baseCurrencyValue || baseCurrencyValue === '') {
272
- onChange('');
273
- return;
269
+ if (onChange && baseCurrencyValue) {
270
+ onChange(baseCurrencyValue);
274
271
  }
275
- var callbackValue = returnType === 'object' ? formattedValue : formValue;
276
- onChange(callbackValue);
277
- }, [onChange, baseCurrencyValue, formattedValue, formValue, returnType]);
272
+ }, [onChange, baseCurrencyValue]);
278
273
  /** onValueChange 콜백 처리 */
279
274
  (0, react_1.useEffect)(function () {
280
275
  if (!onValueChange)
@@ -289,18 +284,6 @@ function PriceTextField(_a) {
289
284
  displayValue: formattedValue
290
285
  });
291
286
  }, [baseCurrencyValue, selectedCurrency, calculatedValue, formattedValue]);
292
- /** 입력 시 천 단위 콤마 추가 함수 */
293
- var addCommas = function (value) {
294
- if (!value)
295
- return '';
296
- var parts = value.split('.');
297
- var integerPart = parts[0];
298
- var decimalPart = parts[1];
299
- // 정수 부분에 콤마 추가
300
- var formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
301
- // 소수점이 있으면 합치기
302
- return decimalPart !== undefined ? "".concat(formattedInteger, ".").concat(decimalPart) : formattedInteger;
303
- };
304
287
  var handleChange = function (e) {
305
288
  var _a = e.target, value = _a.value, selectionStart = _a.selectionStart;
306
289
  var prevValue = displayValue;
@@ -431,13 +414,13 @@ function PriceTextField(_a) {
431
414
  };
432
415
  var handleDelete = (0, react_1.useCallback)(function () {
433
416
  setBaseCurrencyValue('');
434
- setDisplayValue('');
435
417
  setValue(name, '');
436
418
  }, [name, setValue]);
437
419
  return ((0, jsx_runtime_1.jsxs)(S_PriceTextField, __assign({ "x-pds-name": "PriceTextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", inputSize: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_ComponentBox, __assign({ inputSize: size, responsiveMode: responsiveMode, isFocused: isInputFocused, isError: Boolean(isError), state: state, customWidth: customWidth, isInputReadOnly: isInputReadOnly }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldBaseWrapper, __assign({ state: state, isError: Boolean(isError), isFocused: isInputFocused, inputSize: size, isInputReadOnly: isInputReadOnly }, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText ||
438
420
  t('str_channel_min_price', {
439
421
  channelMinPrice: pricing_1.PricingService.format.price({
440
- amount: minPriceAmount || (baseCurrency === pricing_1.CurrencyCode.KRW ? 300 : 5),
422
+ amount: minPriceAmount ||
423
+ policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[baseCurrency].minPayment.amount,
441
424
  currency: baseCurrency
442
425
  })
443
426
  }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
package/dist/src/sub/AdminList/AdminList/AdminList.d.ts CHANGED
@@ -7,21 +7,30 @@ type Props = {
7
7
  selectionMode?: 'none' | 'single' | 'multi';
8
8
  headerRowMode?: 'none' | 'use';
9
9
  column2HeaderText: PDSTextType;
10
+ column2HeaderTooltipText?: PDSTextType;
10
11
  column3HeaderText?: PDSTextType;
12
+ column3HeaderTooltipText?: PDSTextType;
11
13
  column3Width?: ColumnWidthType;
12
14
  column4HeaderText?: PDSTextType;
15
+ column4HeaderTooltipText?: PDSTextType;
13
16
  column4Width?: ColumnWidthType;
14
17
  column5HeaderText?: PDSTextType;
18
+ column5HeaderTooltipText?: PDSTextType;
15
19
  column5Width?: ColumnWidthType;
16
20
  column6HeaderText?: PDSTextType;
21
+ column6HeaderTooltipText?: PDSTextType;
17
22
  column6Width?: ColumnWidthType;
18
23
  column7HeaderText?: PDSTextType;
24
+ column7HeaderTooltipText?: PDSTextType;
19
25
  column7Width?: ColumnWidthType;
20
26
  column8HeaderText?: PDSTextType;
27
+ column8HeaderTooltipText?: PDSTextType;
21
28
  column8Width?: ColumnWidthType;
22
29
  column9HeaderText?: PDSTextType;
30
+ column9HeaderTooltipText?: PDSTextType;
23
31
  column9Width?: ColumnWidthType;
24
32
  column10HeaderText?: PDSTextType;
33
+ column10HeaderTooltipText?: PDSTextType;
25
34
  column10Width?: ColumnWidthType;
26
35
  quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
27
36
  quickActionBtn1Text?: PDSTextType;
@@ -43,5 +52,5 @@ type Props = {
43
52
  selectedIds?: number[];
44
53
  maintainIds?: number[];
45
54
  };
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;
55
+ declare function AdminList({ toolBar, bulkActionBar, selectionMode, headerRowMode, column2HeaderText, column2HeaderTooltipText, column3HeaderText, column3HeaderTooltipText, column3Width, column4HeaderText, column4HeaderTooltipText, column4Width, column5HeaderText, column5HeaderTooltipText, column5Width, column6HeaderText, column6HeaderTooltipText, column6Width, column7HeaderText, column7HeaderTooltipText, column7Width, column8HeaderText, column8HeaderTooltipText, column8Width, column9HeaderText, column9HeaderTooltipText, column9Width, column10HeaderText, column10HeaderTooltipText, column10Width, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect }: Props): JSX.Element;
47
56
  export default AdminList;
package/dist/src/sub/AdminList/AdminList/AdminList.js CHANGED
@@ -58,7 +58,7 @@ var components_2 = require("../../../hybrid/components");
58
58
  var styled_components_1 = __importStar(require("styled-components"));
59
59
  var HeaderRow_1 = __importDefault(require("./HeaderRow"));
60
60
  function AdminList(_a) {
61
- 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 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, column2HeaderTooltipText = _a.column2HeaderTooltipText, column3HeaderText = _a.column3HeaderText, column3HeaderTooltipText = _a.column3HeaderTooltipText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, column4HeaderTooltipText = _a.column4HeaderTooltipText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, column5HeaderTooltipText = _a.column5HeaderTooltipText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, column6HeaderTooltipText = _a.column6HeaderTooltipText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, column7HeaderTooltipText = _a.column7HeaderTooltipText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, column8HeaderTooltipText = _a.column8HeaderTooltipText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, column9HeaderTooltipText = _a.column9HeaderTooltipText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, column10HeaderTooltipText = _a.column10HeaderTooltipText, _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;
62
62
  var selectAllMethods = (0, react_hook_form_1.useForm)();
63
63
  var checkboxMethods = (0, react_hook_form_1.useForm)();
64
64
  var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({
@@ -200,7 +200,7 @@ function AdminList(_a) {
200
200
  ? react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
201
201
  itemCount: totalItemCount
202
202
  }) }))
203
- : toolBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar, (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { 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 }) })) }))), (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 }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
203
+ : toolBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar, (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), headerRowMode === 'use' && ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, selectAllMethods, { children: (0, jsx_runtime_1.jsx)(HeaderRowStyle, __assign({ scrollVisibleType: scrollVisibleType, scrollMode: scrollMode }, { children: (0, jsx_runtime_1.jsx)(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column2HeaderTooltipText: column2HeaderTooltipText, column3HeaderText: column3HeaderText, column3HeaderTooltipText: column3HeaderTooltipText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderTooltipText: column4HeaderTooltipText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderTooltipText: column5HeaderTooltipText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderTooltipText: column6HeaderTooltipText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderTooltipText: column7HeaderTooltipText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderTooltipText: column8HeaderTooltipText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderTooltipText: column9HeaderTooltipText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderTooltipText: column10HeaderTooltipText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox }) })) }))), (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 }) }))) : ((0, jsx_runtime_1.jsx)(S_EmptyTextWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }) })) }))] })));
204
204
  }
205
205
  var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
206
206
  var scrollVisibleType = _a.scrollVisibleType;
package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts CHANGED
@@ -4,21 +4,30 @@ type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
4
4
  type Props = {
5
5
  selectionMode: 'none' | 'single' | 'multi';
6
6
  column2HeaderText?: PDSTextType;
7
+ column2HeaderTooltipText?: PDSTextType;
7
8
  column3HeaderText?: PDSTextType;
9
+ column3HeaderTooltipText?: PDSTextType;
8
10
  column3HeaderWidth?: ColumnWidthType;
9
11
  column4HeaderText?: PDSTextType;
12
+ column4HeaderTooltipText?: PDSTextType;
10
13
  column4HeaderWidth?: ColumnWidthType;
11
14
  column5HeaderText?: PDSTextType;
15
+ column5HeaderTooltipText?: PDSTextType;
12
16
  column5HeaderWidth?: ColumnWidthType;
13
17
  column6HeaderText?: PDSTextType;
18
+ column6HeaderTooltipText?: PDSTextType;
14
19
  column6HeaderWidth?: ColumnWidthType;
15
20
  column7HeaderText?: PDSTextType;
21
+ column7HeaderTooltipText?: PDSTextType;
16
22
  column7HeaderWidth?: ColumnWidthType;
17
23
  column8HeaderText?: PDSTextType;
24
+ column8HeaderTooltipText?: PDSTextType;
18
25
  column8HeaderWidth?: ColumnWidthType;
19
26
  column9HeaderText?: PDSTextType;
27
+ column9HeaderTooltipText?: PDSTextType;
20
28
  column9HeaderWidth?: ColumnWidthType;
21
29
  column10HeaderText?: PDSTextType;
30
+ column10HeaderTooltipText?: PDSTextType;
22
31
  column10HeaderWidth?: ColumnWidthType;
23
32
  quickActionBtnType?: 'hover' | 'fix';
24
33
  quickActionButtonCount?: number;
@@ -26,5 +35,5 @@ type Props = {
26
35
  flexibleHideInfoMode?: 'use' | 'none';
27
36
  onClickSelectAllCheckbox?: () => void;
28
37
  };
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;
38
+ declare function HeaderRow({ selectionMode, column2HeaderText, column2HeaderTooltipText, column3HeaderText, column3HeaderTooltipText, column3HeaderWidth, column4HeaderText, column4HeaderTooltipText, column4HeaderWidth, column5HeaderText, column5HeaderTooltipText, column5HeaderWidth, column6HeaderText, column6HeaderTooltipText, column6HeaderWidth, column7HeaderText, column7HeaderTooltipText, column7HeaderWidth, column8HeaderText, column8HeaderTooltipText, column8HeaderWidth, column9HeaderText, column9HeaderTooltipText, column9HeaderWidth, column10HeaderText, column10HeaderTooltipText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, flexibleHideInfoMode, onClickSelectAllCheckbox }: Props): JSX.Element;
30
39
  export default HeaderRow;
package/dist/src/sub/AdminList/AdminList/HeaderRow.js CHANGED
@@ -43,8 +43,8 @@ var components_1 = require("../../../desktop/components");
43
43
  var components_2 = require("../../../hybrid/components");
44
44
  var styled_components_1 = __importStar(require("styled-components"));
45
45
  function HeaderRow(_a) {
46
- 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;
47
- return ((0, jsx_runtime_1.jsxs)(S_HeaderRow, __assign({ flexibleHideInfoMode: flexibleHideInfoMode }, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_c", spacingType: "width" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(components_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" }) }), 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" }) }))), 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" }) }))), 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" }) }))), 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" }) }))), 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" }) }))), 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" }) }))), 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" }) }))), 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" }) }))), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f", spacingType: "width" }), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
46
+ var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column2HeaderTooltipText = _a.column2HeaderTooltipText, column3HeaderText = _a.column3HeaderText, column3HeaderTooltipText = _a.column3HeaderTooltipText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, column4HeaderTooltipText = _a.column4HeaderTooltipText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, column5HeaderTooltipText = _a.column5HeaderTooltipText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, column6HeaderTooltipText = _a.column6HeaderTooltipText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, column7HeaderTooltipText = _a.column7HeaderTooltipText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, column8HeaderTooltipText = _a.column8HeaderTooltipText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, column9HeaderTooltipText = _a.column9HeaderTooltipText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, column10HeaderTooltipText = _a.column10HeaderTooltipText, _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;
47
+ return ((0, jsx_runtime_1.jsxs)(S_HeaderRow, __assign({ flexibleHideInfoMode: flexibleHideInfoMode }, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_c", spacingType: "width" }), selectionMode === 'multi' && ((0, jsx_runtime_1.jsx)(S_CheckBox, { children: (0, jsx_runtime_1.jsx)(components_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }) })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_FlexColumn, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular", tooltipText: column2HeaderTooltipText }) }), 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", tooltipText: column3HeaderTooltipText }) }))), 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", tooltipText: column4HeaderTooltipText }) }))), 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", tooltipText: column5HeaderTooltipText }) }))), 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", tooltipText: column6HeaderTooltipText }) }))), 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", tooltipText: column7HeaderTooltipText }) }))), 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", tooltipText: column8HeaderTooltipText }) }))), 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", tooltipText: column9HeaderTooltipText }) }))), 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", tooltipText: column10HeaderTooltipText }) }))), quickActionBtnType === 'hover' && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f", spacingType: "width" }), quickActionBtnType === 'fix' && quickActionButtonCount > 0 && ((0, jsx_runtime_1.jsx)(S_QuickActionButtonBox, { children: Array(quickActionButtonCount)
48
48
  .fill(0)
49
49
  .map(function (el, i) { return ((0, jsx_runtime_1.jsx)(S_EmptyDiv, {}, "".concat(el).concat(i))); }) }))] })));
50
50
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.209",
3
+ "version": "2.2.211",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.209]
2
+ ## [v2.2.211]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * [PDS-1330] TextButton에 iconMode 속성 추가건
6
+ * [FIX] 17. 프로모션 혜택 추가 마법사에서 혜택가 KRW 입력 > USD 확인 > 저장 시 USD 숫자로 저장됨