pds-dev-kit-web 2.2.230 → 2.2.232

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.
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Gift;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var Gift = function (_a) {
27
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "2", d: "M14.7435,3.0896 C15.3015,2.3966 16.2405,2.0886 17.1355,2.3756 C18.3065,2.7506 18.9475,3.9956 18.5725,5.1676 C18.2765,6.0906 17.4285,6.6696 16.5245,6.7056 L14.0885,6.8386 L12.3581175,6.94762172 L12.3973,6.997 L11.9921175,6.97062172 L11.6005,6.9966 L11.6381175,6.94762172 L9.9103,6.838 L7.4733,6.706 C6.5693,6.67 5.7223,6.091 5.4263,5.167 C5.0513,3.996 5.6913,2.751 6.8623,2.376 C7.7583,2.089 8.6963,2.397 9.2553,3.09 L11.9981175,6.50062172 Z M11.9991,5.9648 L11.9991,20.8798" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M19.0069,6.4449 C20.9399,6.4449 22.5069,8.0119 22.5069,9.9449 L22.5069,11.6379 C22.5069,12.3566198 22.1275815,12.987185 21.5579445,13.339768 L21.5573,18.5922 C21.5573,20.5252 19.9903,22.0922 18.0573,22.0922 L5.9413,22.0922 C4.0083,22.0922 2.4413,20.5252 2.4413,18.5922 L2.44061969,13.3399663 C1.87078479,12.9874215 1.4909,12.3567545 1.4909,11.6379 L1.4909,9.9449 C1.4909,8.0119 3.0589,6.4449 4.9909,6.4449 Z M19.5569,13.6379 L4.4409,13.6379 L4.4413,18.5922 C4.4413,19.3705529 5.03745225,20.0124907 5.79706308,20.0853195 L5.9413,20.0922 L18.0573,20.0922 C18.8843,20.0922 19.5573,19.4192 19.5573,18.5922 L19.5569,13.6379 Z M19.0069,8.4449 L4.9909,8.4449 C4.1639,8.4449 3.4909,9.1179 3.4909,9.9449 L3.4909,11.6239 L20.5069,11.6239 L20.5069,9.9449 C20.5069,9.16654706 19.9107478,8.52460934 19.1511369,8.45178052 L19.0069,8.4449 Z" })] })) })));
29
+ };
30
+ exports.default = Gift;
@@ -166,5 +166,6 @@ declare const fillIcons: {
166
166
  readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
167
167
  readonly ic_cam: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
168
168
  readonly ic_cam_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
169
+ readonly ic_gift: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
169
170
  };
170
171
  export default fillIcons;
@@ -61,6 +61,7 @@ var Envelope_1 = __importDefault(require("./Envelope"));
61
61
  var Eye_1 = __importDefault(require("./Eye"));
62
62
  var EyeClose_1 = __importDefault(require("./EyeClose"));
63
63
  var Face_1 = __importDefault(require("./Face"));
64
+ var Gift_1 = __importDefault(require("./Gift"));
64
65
  var Group_1 = __importDefault(require("./Group"));
65
66
  var Heart_1 = __importDefault(require("./Heart"));
66
67
  var HelpWindow_1 = __importDefault(require("./HelpWindow"));
@@ -335,6 +336,7 @@ var fillIcons = {
335
336
  ic_send_to_back_arrow: SendToBackArrow_1.default,
336
337
  ic_video_stop: VideoStop_1.default,
337
338
  ic_cam: Cam_1.default,
338
- ic_cam_off: CamOff_1.default
339
+ ic_cam_off: CamOff_1.default,
340
+ ic_gift: Gift_1.default
339
341
  };
340
342
  exports.default = fillIcons;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Gift;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var Gift = function (_a) {
27
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "1.5", d: "M14.7435,3.0896 C15.3015,2.3966 16.2405,2.0886 17.1355,2.3756 C18.3065,2.7506 18.9475,3.9956 18.5725,5.1676 C18.2765,6.0906 17.4285,6.6696 16.5245,6.7056 L14.0885,6.8386 L12.3581175,6.94762172 L12.3973,6.997 L11.9921175,6.97062172 L11.6005,6.9966 L11.6381175,6.94762172 L9.9103,6.838 L7.4733,6.706 C6.5693,6.67 5.7223,6.091 5.4263,5.167 C5.0513,3.996 5.6913,2.751 6.8623,2.376 C7.7583,2.089 8.6963,2.397 9.2553,3.09 L11.9981175,6.50062172 Z M11.9991,5.9648 L11.9991,20.8798" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M19.0068,6.4449 C20.9398,6.4449 22.5068,8.0119 22.5068,9.9449 L22.5068,11.1159 C22.5068,11.8346198 22.1274815,12.465185 21.5578445,12.817768 L21.5573,18.5922 C21.5573,20.5252 19.9903,22.0922 18.0573,22.0922 L5.9413,22.0922 C4.0083,22.0922 2.4413,20.5252 2.4413,18.5922 L2.44075546,12.817768 C1.87111853,12.465185 1.4918,11.8346198 1.4918,11.1159 L1.4918,9.9449 C1.4918,8.0119 3.0588,6.4449 4.9918,6.4449 Z M20.0573,13.1242 L3.9413,13.1242 L3.9413,18.5922 C3.9413,19.6952 4.8383,20.5922 5.9413,20.5922 L18.0573,20.5922 C19.1603,20.5922 20.0573,19.6952 20.0573,18.5922 L20.0573,13.1242 Z M19.0068,7.9449 L4.9918,7.9449 C3.8888,7.9449 2.9918,8.8419 2.9918,9.9449 L2.9918,11.1159 C2.9918,11.3919 3.2158,11.6159 3.4918,11.6159 L20.5068,11.6159 C20.7828,11.6159 21.0068,11.3919 21.0068,11.1159 L21.0068,9.9449 C21.0068,8.8419 20.1098,7.9449 19.0068,7.9449 Z" })] })) })));
29
+ };
30
+ exports.default = Gift;
@@ -326,5 +326,6 @@ declare const lineIcons: {
326
326
  readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
327
327
  readonly ic_cam: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
328
328
  readonly ic_cam_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
329
+ readonly ic_gift: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
329
330
  };
330
331
  export default lineIcons;
@@ -103,6 +103,7 @@ var Face_1 = __importDefault(require("./Face"));
103
103
  var Filter_1 = __importDefault(require("./Filter"));
104
104
  var Folder_1 = __importDefault(require("./Folder"));
105
105
  var Ghost_1 = __importDefault(require("./Ghost"));
106
+ var Gift_1 = __importDefault(require("./Gift"));
106
107
  var Group_1 = __importDefault(require("./Group"));
107
108
  var Heart_1 = __importDefault(require("./Heart"));
108
109
  var HeartCare_1 = __importDefault(require("./HeartCare"));
@@ -655,6 +656,7 @@ var lineIcons = {
655
656
  ic_send_to_back_arrow: SendToBackArrow_1.default,
656
657
  ic_video_stop: VideoStop_1.default,
657
658
  ic_cam: Cam_1.default,
658
- ic_cam_off: CamOff_1.default
659
+ ic_cam_off: CamOff_1.default,
660
+ ic_gift: Gift_1.default
659
661
  };
660
662
  exports.default = lineIcons;
@@ -92,5 +92,6 @@ type Props = {
92
92
  /** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
93
93
  onClickMBtn3?: () => void;
94
94
  };
95
+ /** @deprecated D_AdminList 대신 sub의 AdminList를 사용하세요. */
95
96
  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;
96
97
  export default AdminList;
@@ -57,6 +57,7 @@ var styled_components_1 = __importStar(require("styled-components"));
57
57
  var TextLabel_1 = require("../TextLabel");
58
58
  var BulkActionBar_1 = __importDefault(require("./BulkActionBar"));
59
59
  var HeaderRow_1 = __importDefault(require("./HeaderRow"));
60
+ /** @deprecated D_AdminList 대신 sub의 AdminList를 사용하세요. */
60
61
  function AdminList(_a) {
61
62
  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
63
  var selectAllMethods = (0, react_hook_form_1.useForm)();
@@ -17,5 +17,6 @@ type Props = {
17
17
  /** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */
18
18
  itemCountUnit?: number;
19
19
  };
20
+ /** @deprecated D_AdminListHeader 대신 sub의 AdminListHeader를 사용하세요. */
20
21
  declare function AdminListHeader({ headerBarSize, headerBarTitleText, tooltipText, itemCountUnit, currentPage, totalPage, contentText, filterBar, dropdownTextArray, dropdownDefaultValue, onChangeCount, onClickNextButton, onClickPrevButton }: Props): JSX.Element;
21
22
  export default AdminListHeader;
@@ -41,6 +41,7 @@ var defaultPaginationTextArray = [
41
41
  value: 100
42
42
  }
43
43
  ];
44
+ /** @deprecated D_AdminListHeader 대신 sub의 AdminListHeader를 사용하세요. */
44
45
  function AdminListHeader(_a) {
45
46
  var _b = _a.headerBarSize, headerBarSize = _b === void 0 ? 'regular' : _b, headerBarTitleText = _a.headerBarTitleText, tooltipText = _a.tooltipText,
46
47
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -55,5 +55,6 @@ export type AdminListItemProps = {
55
55
  onClickQuickActionBtn3?: (id: number) => void;
56
56
  onClickItem?: (id: number) => void;
57
57
  };
58
+ /** @deprecated D_AdminListItem 대신 sub의 AdminListItem를 사용하세요. */
58
59
  declare const AdminListItem: import("react").ForwardRefExoticComponent<AdminListItemProps & import("react").RefAttributes<HTMLDivElement>>;
59
60
  export default AdminListItem;
@@ -46,6 +46,7 @@ var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle
46
46
  var hybrid_1 = require("../../../hybrid");
47
47
  var Checkbox_1 = require("../Checkbox");
48
48
  var TextLabel_1 = require("../TextLabel");
49
+ /** @deprecated D_AdminListItem 대신 sub의 AdminListItem를 사용하세요. */
49
50
  var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
50
51
  var _b = _a.rowSize, rowSize = _b === void 0 ? 'medium' : _b, _c = _a.state, state = _c === void 0 ? 'normal' : _c, _d = _a.selectionMode, selectionMode = _d === void 0 ? 'multi' : _d, _e = _a.column2Type, column2Type = _e === void 0 ? 'image_text' : _e, imageSrc = _a.imageSrc, _f = _a.imageShapeType, imageShapeType = _f === void 0 ? 'rectangle' : _f, _g = _a.imageScaleType, imageScaleType = _g === void 0 ? 'cover' : _g, _h = _a.imageRadius, imageRadius = _h === void 0 ? 8 : _h, _j = _a.imageRatio, imageRatio = _j === void 0 ? '16_9' : _j, _k = _a.columnCount, columnCount = _k === void 0 ? 2 : _k, column2Text = _a.column2Text, column3Text = _a.column3Text, _l = _a.column3TextWidth, column3TextWidth = _l === void 0 ? 'small' : _l, _m = _a.column3TextStyleTheme, column3TextStyleTheme = _m === void 0 ? 'normal' : _m, column4Text = _a.column4Text, _o = _a.column4TextWidth, column4TextWidth = _o === void 0 ? 'small' : _o, _p = _a.column4TextStyleTheme, column4TextStyleTheme = _p === void 0 ? 'normal' : _p, column5Text = _a.column5Text, _q = _a.column5TextWidth, column5TextWidth = _q === void 0 ? 'small' : _q, _r = _a.column5TextStyleTheme, column5TextStyleTheme = _r === void 0 ? 'normal' : _r, column6Text = _a.column6Text, _s = _a.column6TextWidth, column6TextWidth = _s === void 0 ? 'small' : _s, _t = _a.column6TextStyleTheme, column6TextStyleTheme = _t === void 0 ? 'normal' : _t, column7Text = _a.column7Text, _u = _a.column7TextWidth, column7TextWidth = _u === void 0 ? 'small' : _u, _v = _a.column7TextStyleTheme, column7TextStyleTheme = _v === void 0 ? 'normal' : _v, column8Text = _a.column8Text, _w = _a.column8TextWidth, column8TextWidth = _w === void 0 ? 'small' : _w, _x = _a.column8TextStyleTheme, column8TextStyleTheme = _x === void 0 ? 'normal' : _x, column9Text = _a.column9Text, _y = _a.column9TextWidth, column9TextWidth = _y === void 0 ? 'small' : _y, _z = _a.column9TextStyleTheme, column9TextStyleTheme = _z === void 0 ? 'normal' : _z, column10Text = _a.column10Text, _0 = _a.column10TextWidth, column10TextWidth = _0 === void 0 ? 'small' : _0, _1 = _a.column10TextStyleTheme, column10TextStyleTheme = _1 === void 0 ? 'normal' : _1, _2 = _a.quickActionBtnMode, quickActionBtnMode = _2 === void 0 ? 'btn_amount2' : _2, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _3 = _a.quickActionBtnType, quickActionBtnType = _3 === void 0 ? 'fix' : _3, _4 = _a.quickActionBtn1State, quickActionBtn1State = _4 === void 0 ? 'normal' : _4, _5 = _a.quickActionBtn2State, quickActionBtn2State = _5 === void 0 ? 'normal' : _5, _6 = _a.quickActionBtn3State, quickActionBtn3State = _6 === void 0 ? 'normal' : _6, _7 = _a.selectedState, selectedState = _7 === void 0 ? 'basic' : _7, id = _a.id, _8 = _a.flexibleHideInfoMode, flexibleHideInfoMode = _8 === void 0 ? 'use' : _8, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onClickItem = _a.onClickItem;
51
52
  var methods = (0, react_hook_form_1.useFormContext)();
@@ -44,6 +44,8 @@ type Props = {
44
44
  flexibleHideInfoMode?: 'use' | 'none';
45
45
  toolBar?: React.ReactElement<React.ComponentProps<typeof ToolBar>>;
46
46
  bulkActionBar?: React.ReactElement<React.ComponentProps<typeof BulkActionBar>>;
47
+ /** @description 해당 prop 사용시 toolBar내부 변경에 따라 BulkActionBar를 초기화 해야 합니다. */
48
+ alwaysShowToolBar?: boolean;
47
49
  onClickQuickActionBtn1?: (id: number) => void;
48
50
  onClickQuickActionBtn2?: (id: number) => void;
49
51
  onClickQuickActionBtn3?: (id: number) => void;
@@ -52,5 +54,5 @@ type Props = {
52
54
  selectedIds?: number[];
53
55
  maintainIds?: number[];
54
56
  };
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;
57
+ 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, alwaysShowToolBar, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect }: Props): JSX.Element;
56
58
  export default AdminList;
@@ -58,14 +58,14 @@ 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, 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;
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, _t = _a.alwaysShowToolBar, alwaysShowToolBar = _t === void 0 ? false : _t, 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)({
65
65
  name: headerRowCheckboxName,
66
66
  control: selectAllMethods.control
67
67
  });
68
- var _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[1];
68
+ var _u = (0, react_1.useState)(false), isBulkActionBarOpen = _u[0], setIsBulkActionBarOpen = _u[1];
69
69
  var childrenPropIds = [];
70
70
  if (children && Array.isArray(children)) {
71
71
  childrenPropIds = react_1.default.Children.map(children, function (child) {
@@ -226,11 +226,11 @@ function AdminList(_a) {
226
226
  }
227
227
  return child;
228
228
  });
229
- 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
230
- ? react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
231
- itemCount: totalItemCount
232
- }) }))
233
- : 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" }) })) }))] })));
229
+ 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 ? (alwaysShowToolBar ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [toolBar, (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
230
+ itemCount: totalItemCount
231
+ }) }))] })) : (react_1.default.isValidElement(bulkActionBar) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.cloneElement(bulkActionBar, {
232
+ itemCount: totalItemCount
233
+ }) })))) : (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" }) })) }))] })));
234
234
  }
235
235
  var HeaderRowStyle = styled_components_1.default.form(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (_a) {
236
236
  var scrollVisibleType = _a.scrollVisibleType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.230",
3
+ "version": "2.2.232",
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.230]
2
+ ## [v2.2.232]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * [pds-1358] 컨텍스트 메뉴로 겹선택 그룹화 불가
6
+ * [PDS-1361] AdminList BulkActionBar, ToolBar 동시에 보여주기 prop 추가