pds-dev-kit-web 2.2.61 → 2.2.63

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 (17) hide show
  1. package/dist/src/common/assets/icons/fill/BellStyle.d.ts +4 -0
  2. package/dist/src/common/assets/icons/fill/BellStyle.js +30 -0
  3. package/dist/src/common/assets/icons/fill/Envelope.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/Envelope.js +30 -0
  5. package/dist/src/common/assets/icons/fill/index.d.ts +2 -0
  6. package/dist/src/common/assets/icons/fill/index.js +4 -0
  7. package/dist/src/common/assets/icons/line/BellStyle.d.ts +4 -0
  8. package/dist/src/common/assets/icons/line/BellStyle.js +30 -0
  9. package/dist/src/common/assets/icons/line/Envelope.d.ts +4 -0
  10. package/dist/src/common/assets/icons/line/Envelope.js +30 -0
  11. package/dist/src/common/assets/icons/line/index.d.ts +2 -0
  12. package/dist/src/common/assets/icons/line/index.js +4 -0
  13. package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +2 -1
  14. package/dist/src/sub/AdminList/ToolBar/ToolBar.js +3 -3
  15. package/package.json +1 -1
  16. package/release-note.md +4 -9
  17. package/webhook/node_modules/esrecurse/.babelrc +0 -3
package/dist/src/common/assets/icons/fill/BellStyle.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const BellStyle: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default BellStyle;
package/dist/src/common/assets/icons/fill/BellStyle.js ADDED
@@ -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 BellStyle = 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", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.8662,17.2515 C9.3182,17.7985 8.9792,18.5545 8.9792,19.3895 C8.9792,21.0575 10.3322,22.4105 12.0002,22.4105 C13.6682,22.4105 15.0202,21.0575 15.0202,19.3895 C15.0202,18.5895 14.7092,17.8615 14.2012,17.3215 M10.3407,3.8907 L10.3407,3.2487 C10.3407,2.3327 11.0837,1.5897 11.9997,1.5897 L11.9997,1.5897 C12.9167,1.5897 13.6597,2.3327 13.6597,3.2487 L13.6597,3.8907 M8.5891,14.1709 L15.4111,14.1709" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M12,3.1058 C8.992,3.1058 6.369,5.1518 5.637,8.0688 L4.191,13.8278 C3.23,13.9958 2.5,14.8328 2.5,15.8408 C2.5,16.9718 3.416,17.8878 4.547,17.8878 L19.453,17.8878 C20.584,17.8878 21.5,16.9718 21.5,15.8408 C21.5,14.8328 20.77,13.9958 19.809,13.8278 L18.363,8.0688 C17.631,5.1518 15.008,3.1058 12,3.1058 M12,4.6058 C14.324,4.6058 16.342,6.1798 16.908,8.4338 L18.354,14.1928 C18.498,14.7668 18.967,15.2028 19.55,15.3048 C19.811,15.3508 20,15.5758 20,15.8408 C20,16.1428 19.755,16.3878 19.453,16.3878 L4.547,16.3878 C4.245,16.3878 4,16.1428 4,15.8408 C4,15.5758 4.189,15.3508 4.45,15.3048 C5.033,15.2028 5.501,14.7668 5.646,14.1928 L7.092,8.4338 C7.657,6.1798 9.676,4.6058 12,4.6058" })] })) })));
29
+ };
30
+ exports.default = BellStyle;
package/dist/src/common/assets/icons/fill/Envelope.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const Envelope: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Envelope;
package/dist/src/common/assets/icons/fill/Envelope.js ADDED
@@ -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 Envelope = 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.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.7512,5.0298 L4.2492,5.0298 C3.1442,5.0298 2.2492,5.9248 2.2492,7.0298 L2.2492,16.9698 C2.2492,18.0748 3.1442,18.9698 4.2492,18.9698 L19.7512,18.9698 C20.8562,18.9698 21.7512,18.0748 21.7512,16.9698 L21.7512,7.0298 C21.7512,5.9248 20.8562,5.0298 19.7512,5.0298 Z M2.9538,5.6602 L10.5718,13.4302 C11.3558,14.2302 12.6438,14.2302 13.4278,13.4302 L21.0468,5.6602 M2.9542,18.3394 L9.1702,12.0004 M14.8305,12 L21.0475,18.339" }) })));
29
+ };
30
+ exports.default = Envelope;
package/dist/src/common/assets/icons/fill/index.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const fillIcons: {
16
16
  readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
17
17
  readonly ic_bell_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
18
18
  readonly ic_bell_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
19
+ readonly ic_bell_style: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
19
20
  readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
20
21
  readonly ic_button: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
21
22
  readonly ic_calendar: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -44,6 +45,7 @@ declare const fillIcons: {
44
45
  readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
45
46
  readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
46
47
  readonly ic_embed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
48
+ readonly ic_envelope: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
47
49
  readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
48
50
  readonly ic_eye_close: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
49
51
  readonly ic_face: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
package/dist/src/common/assets/icons/fill/index.js CHANGED
@@ -19,6 +19,7 @@ var Audio_1 = __importDefault(require("./Audio"));
19
19
  var Bell_1 = __importDefault(require("./Bell"));
20
20
  var BellNotification_1 = __importDefault(require("./BellNotification"));
21
21
  var BellOff_1 = __importDefault(require("./BellOff"));
22
+ var BellStyle_1 = __importDefault(require("./BellStyle"));
22
23
  var Bookmark_1 = __importDefault(require("./Bookmark"));
23
24
  var Button_1 = __importDefault(require("./Button"));
24
25
  var Calendar_1 = __importDefault(require("./Calendar"));
@@ -47,6 +48,7 @@ var Edit_1 = __importDefault(require("./Edit"));
47
48
  var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
48
49
  var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
49
50
  var Embed_1 = __importDefault(require("./Embed"));
51
+ var Envelope_1 = __importDefault(require("./Envelope"));
50
52
  var Eye_1 = __importDefault(require("./Eye"));
51
53
  var EyeClose_1 = __importDefault(require("./EyeClose"));
52
54
  var Face_1 = __importDefault(require("./Face"));
@@ -157,6 +159,7 @@ var fillIcons = {
157
159
  ic_bell: Bell_1.default,
158
160
  ic_bell_notification: BellNotification_1.default,
159
161
  ic_bell_off: BellOff_1.default,
162
+ ic_bell_style: BellStyle_1.default,
160
163
  ic_bookmark: Bookmark_1.default,
161
164
  ic_button: Button_1.default,
162
165
  ic_calendar: Calendar_1.default,
@@ -185,6 +188,7 @@ var fillIcons = {
185
188
  ic_editor_left_side: EditorLeftSide_1.default,
186
189
  ic_editor_right_side: EditorRightSide_1.default,
187
190
  ic_embed: Embed_1.default,
191
+ ic_envelope: Envelope_1.default,
188
192
  ic_eye: Eye_1.default,
189
193
  ic_eye_close: EyeClose_1.default,
190
194
  ic_face: Face_1.default,
package/dist/src/common/assets/icons/line/BellStyle.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const BellStyle: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default BellStyle;
package/dist/src/common/assets/icons/line/BellStyle.js ADDED
@@ -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 BellStyle = 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", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M9.8662,17.2515 C9.3182,17.7985 8.9792,18.5545 8.9792,19.3895 C8.9792,21.0575 10.3322,22.4105 12.0002,22.4105 C13.6682,22.4105 15.0202,21.0575 15.0202,19.3895 C15.0202,18.5895 14.7092,17.8615 14.2012,17.3215 M10.3407,3.8907 L10.3407,3.2487 C10.3407,2.3327 11.0837,1.5897 11.9997,1.5897 L11.9997,1.5897 C12.9167,1.5897 13.6597,2.3327 13.6597,3.2487 L13.6597,3.8907 M8.5891,14.1709 L15.4111,14.1709" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M12,3.1058 C8.992,3.1058 6.369,5.1518 5.637,8.0688 L4.191,13.8278 C3.23,13.9958 2.5,14.8328 2.5,15.8408 C2.5,16.9718 3.416,17.8878 4.547,17.8878 L19.453,17.8878 C20.584,17.8878 21.5,16.9718 21.5,15.8408 C21.5,14.8328 20.77,13.9958 19.809,13.8278 L18.363,8.0688 C17.631,5.1518 15.008,3.1058 12,3.1058 M12,4.6058 C14.324,4.6058 16.342,6.1798 16.908,8.4338 L18.354,14.1928 C18.498,14.7668 18.967,15.2028 19.55,15.3048 C19.811,15.3508 20,15.5758 20,15.8408 C20,16.1428 19.755,16.3878 19.453,16.3878 L4.547,16.3878 C4.245,16.3878 4,16.1428 4,15.8408 C4,15.5758 4.189,15.3508 4.45,15.3048 C5.033,15.2028 5.501,14.7668 5.646,14.1928 L7.092,8.4338 C7.657,6.1798 9.676,4.6058 12,4.6058" })] })) })));
29
+ };
30
+ exports.default = BellStyle;
package/dist/src/common/assets/icons/line/Envelope.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const Envelope: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Envelope;
package/dist/src/common/assets/icons/line/Envelope.js ADDED
@@ -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 Envelope = 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.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.7512,5.0298 L4.2492,5.0298 C3.1442,5.0298 2.2492,5.9248 2.2492,7.0298 L2.2492,16.9698 C2.2492,18.0748 3.1442,18.9698 4.2492,18.9698 L19.7512,18.9698 C20.8562,18.9698 21.7512,18.0748 21.7512,16.9698 L21.7512,7.0298 C21.7512,5.9248 20.8562,5.0298 19.7512,5.0298 Z M2.9538,5.6602 L10.5718,13.4302 C11.3558,14.2302 12.6438,14.2302 13.4278,13.4302 L21.0468,5.6602 M2.9542,18.3394 L9.1702,12.0004 M14.8305,12 L21.0475,18.339" }) })));
29
+ };
30
+ exports.default = Envelope;
package/dist/src/common/assets/icons/line/index.d.ts CHANGED
@@ -25,6 +25,7 @@ declare const lineIcons: {
25
25
  readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
26
26
  readonly ic_bell_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
27
27
  readonly ic_bell_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
28
+ readonly ic_bell_style: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
28
29
  readonly ic_block_user: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
29
30
  readonly ic_booking: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
30
31
  readonly ic_booking_completed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -80,6 +81,7 @@ declare const lineIcons: {
80
81
  readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
81
82
  readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
82
83
  readonly ic_embed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
84
+ readonly ic_envelope: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
83
85
  readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
84
86
  readonly ic_error: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
85
87
  readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
package/dist/src/common/assets/icons/line/index.js CHANGED
@@ -28,6 +28,7 @@ var Audio_1 = __importDefault(require("./Audio"));
28
28
  var Bell_1 = __importDefault(require("./Bell"));
29
29
  var BellNotification_1 = __importDefault(require("./BellNotification"));
30
30
  var BellOff_1 = __importDefault(require("./BellOff"));
31
+ var BellStyle_1 = __importDefault(require("./BellStyle"));
31
32
  var BlockUser_1 = __importDefault(require("./BlockUser"));
32
33
  var Booking_1 = __importDefault(require("./Booking"));
33
34
  var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
@@ -84,6 +85,7 @@ var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
84
85
  var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
85
86
  var Embed_1 = __importDefault(require("./Embed"));
86
87
  var End_1 = __importDefault(require("./End"));
88
+ var Envelope_1 = __importDefault(require("./Envelope"));
87
89
  var Error_1 = __importDefault(require("./Error"));
88
90
  var Eye_1 = __importDefault(require("./Eye"));
89
91
  var EyeClose_1 = __importDefault(require("./EyeClose"));
@@ -301,6 +303,7 @@ var lineIcons = {
301
303
  ic_bell: Bell_1.default,
302
304
  ic_bell_notification: BellNotification_1.default,
303
305
  ic_bell_off: BellOff_1.default,
306
+ ic_bell_style: BellStyle_1.default,
304
307
  ic_block_user: BlockUser_1.default,
305
308
  ic_booking: Booking_1.default,
306
309
  ic_booking_completed: BookingCompleted_1.default,
@@ -356,6 +359,7 @@ var lineIcons = {
356
359
  ic_editor_left_side: EditorLeftSide_1.default,
357
360
  ic_editor_right_side: EditorRightSide_1.default,
358
361
  ic_embed: Embed_1.default,
362
+ ic_envelope: Envelope_1.default,
359
363
  ic_end: End_1.default,
360
364
  ic_error: Error_1.default,
361
365
  ic_eye: Eye_1.default,
package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts CHANGED
@@ -11,6 +11,7 @@ type Props = {
11
11
  dropdownDefaultText?: DropdownValueOption;
12
12
  dropdownHintText?: PDSTextType;
13
13
  dropdownValue?: DropdownValueOption | null;
14
+ dropdownWidth?: string;
14
15
  chipMode?: 'none' | 'use';
15
16
  iBtnMode?: 'none' | 'iBtn_amount1' | 'iBtn_amount2' | 'iBtn_amount3';
16
17
  iBtn1IconName?: FillIconNameKeys | LineIconNameKeys;
@@ -28,5 +29,5 @@ type Props = {
28
29
  onClickIBtn2?: () => void;
29
30
  onClickIBtn3?: () => void;
30
31
  };
31
- declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, chipTextArray, chipValue, searchMode, searchStyleTheme, dropdownArray, dropdownDefaultText, dropdownHintText, dropdownValue, onChangeDropdown, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchFieldResetIBtn, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
32
+ declare function ToolBar({ searchFieldHintText, searchFieldDefaultText, chipTextArray, chipValue, searchMode, searchStyleTheme, dropdownArray, dropdownDefaultText, dropdownHintText, dropdownWidth, dropdownValue, onChangeDropdown, chipMode, iBtnMode, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, iBtn3IconName, iBtn3IconFillType, onClickChip, onClickSearchFieldResetIBtn, onClickSearchIBtn, onEnterKeyDown, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: Props): JSX.Element;
32
33
  export default ToolBar;
package/dist/src/sub/AdminList/ToolBar/ToolBar.js CHANGED
@@ -28,8 +28,8 @@ var styled_components_1 = __importDefault(require("styled-components"));
28
28
  var ChipList_1 = __importDefault(require("./ChipList"));
29
29
  var SearchField_1 = __importDefault(require("./SearchField"));
30
30
  function ToolBar(_a) {
31
- var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _b = _a.searchMode, searchMode = _b === void 0 ? 'none' : _b, _c = _a.searchStyleTheme, searchStyleTheme = _c === void 0 ? 'searchField' : _c, dropdownArray = _a.dropdownArray, dropdownDefaultText = _a.dropdownDefaultText, dropdownHintText = _a.dropdownHintText, dropdownValue = _a.dropdownValue, onChangeDropdown = _a.onChangeDropdown, _d = _a.chipMode, chipMode = _d === void 0 ? 'none' : _d, _e = _a.iBtnMode, iBtnMode = _e === void 0 ? 'none' : _e, iBtn1IconName = _a.iBtn1IconName, _f = _a.iBtn1IconFillType, iBtn1IconFillType = _f === void 0 ? 'line' : _f, iBtn2IconName = _a.iBtn2IconName, _g = _a.iBtn2IconFillType, iBtn2IconFillType = _g === void 0 ? 'line' : _g, iBtn3IconName = _a.iBtn3IconName, _h = _a.iBtn3IconFillType, iBtn3IconFillType = _h === void 0 ? 'line' : _h, onClickChip = _a.onClickChip, onClickSearchFieldResetIBtn = _a.onClickSearchFieldResetIBtn, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
32
- var _j = (0, react_1.useState)(!!searchFieldDefaultText), isShowSearchField = _j[0], setIsShowSearchField = _j[1];
31
+ var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _b = _a.searchMode, searchMode = _b === void 0 ? 'none' : _b, _c = _a.searchStyleTheme, searchStyleTheme = _c === void 0 ? 'searchField' : _c, dropdownArray = _a.dropdownArray, dropdownDefaultText = _a.dropdownDefaultText, dropdownHintText = _a.dropdownHintText, _d = _a.dropdownWidth, dropdownWidth = _d === void 0 ? '240px' : _d, dropdownValue = _a.dropdownValue, onChangeDropdown = _a.onChangeDropdown, _e = _a.chipMode, chipMode = _e === void 0 ? 'none' : _e, _f = _a.iBtnMode, iBtnMode = _f === void 0 ? 'none' : _f, iBtn1IconName = _a.iBtn1IconName, _g = _a.iBtn1IconFillType, iBtn1IconFillType = _g === void 0 ? 'line' : _g, iBtn2IconName = _a.iBtn2IconName, _h = _a.iBtn2IconFillType, iBtn2IconFillType = _h === void 0 ? 'line' : _h, iBtn3IconName = _a.iBtn3IconName, _j = _a.iBtn3IconFillType, iBtn3IconFillType = _j === void 0 ? 'line' : _j, onClickChip = _a.onClickChip, onClickSearchFieldResetIBtn = _a.onClickSearchFieldResetIBtn, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
32
+ var _k = (0, react_1.useState)(!!searchFieldDefaultText), isShowSearchField = _k[0], setIsShowSearchField = _k[1];
33
33
  var methods = (0, react_hook_form_1.useForm)();
34
34
  var reset = methods.reset, handleSubmit = methods.handleSubmit;
35
35
  var onSubmit = function (_a) {
@@ -73,7 +73,7 @@ function ToolBar(_a) {
73
73
  onClickIBtn3();
74
74
  }
75
75
  };
76
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ToolBarBox, { children: [(0, jsx_runtime_1.jsx)(S_FilterBox, { children: isShowSearchField ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: [searchStyleTheme === 'searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickArrowIBtn: handleArrowIBtnClick, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] })), searchStyleTheme === 'dropdown_searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick }), (0, jsx_runtime_1.jsx)(components_2.Dropdown, { valueArray: dropdownArray || [], defaultValue: dropdownDefaultText, hintText: dropdownHintText, value: dropdownValue, onChange: onChangeDropdown, size: "medium", customWidth: "144px" }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", arrowBtnMode: "none", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] }))] })) })) })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_SearchIconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_search", iconFillType: "fill", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchFieldShowIBtnClick }) })] })), chipMode === 'use' && chipTextArray && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: searchMode === 'use' ? 'spacing_d' : 'spacing_e', spacingType: "width" }), (0, jsx_runtime_1.jsx)(ChipList_1.default, { textArray: chipTextArray, value: chipValue, onClickChip: handleChipClick })] }))] })) }), (0, jsx_runtime_1.jsx)(S_IconButtonBox, { children: iBtnMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iBtnMode === 'iBtn_amount3' && iBtn3IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn3IconName, iconFillType: iBtn3IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn3Click })), (iBtnMode === 'iBtn_amount2' || iBtnMode === 'iBtn_amount3') && iBtn2IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn2IconName, iconFillType: iBtn2IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn2Click })), iBtn1IconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn1IconName, iconFillType: iBtn1IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn1Click }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" })] }))] })) })] }) }));
76
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ToolBarBox, { children: [(0, jsx_runtime_1.jsx)(S_FilterBox, { children: isShowSearchField ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: [searchStyleTheme === 'searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickArrowIBtn: handleArrowIBtnClick, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] })), searchStyleTheme === 'dropdown_searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick }), (0, jsx_runtime_1.jsx)(components_2.Dropdown, { valueArray: dropdownArray || [], defaultValue: dropdownDefaultText, hintText: dropdownHintText, value: dropdownValue, onChange: onChangeDropdown, size: "medium", customWidth: dropdownWidth }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", arrowBtnMode: "none", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] }))] })) })) })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_SearchIconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_search", iconFillType: "fill", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchFieldShowIBtnClick }) })] })), chipMode === 'use' && chipTextArray && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: searchMode === 'use' ? 'spacing_d' : 'spacing_e', spacingType: "width" }), (0, jsx_runtime_1.jsx)(ChipList_1.default, { textArray: chipTextArray, value: chipValue, onClickChip: handleChipClick })] }))] })) }), (0, jsx_runtime_1.jsx)(S_IconButtonBox, { children: iBtnMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iBtnMode === 'iBtn_amount3' && iBtn3IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn3IconName, iconFillType: iBtn3IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn3Click })), (iBtnMode === 'iBtn_amount2' || iBtnMode === 'iBtn_amount3') && iBtn2IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn2IconName, iconFillType: iBtn2IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn2Click })), iBtn1IconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn1IconName, iconFillType: iBtn1IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn1Click }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" })] }))] })) })] }) }));
77
77
  }
78
78
  var S_ToolBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n justify-content: space-between;\n min-height: 40px;\n"], ["\n align-items: flex-start;\n display: flex;\n justify-content: space-between;\n min-height: 40px;\n"])));
79
79
  var S_FilterBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.61",
3
+ "version": "2.2.63",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,13 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.61]
2
+ ## [v2.2.63]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### sub
6
- * AdminList
7
- * ToolBar
8
- * searchStyleTheme prop 추가
9
- * dropdownArray prop 추가
10
- * dropdownDefaultText prop 추가
11
- * dropdownHintText prop 추가
12
- * dropdownValue prop 추가
13
- * onChangeDropdown prop 추가
6
+ * components
7
+ * icon
8
+ * ic_envelope, ic_bell_style 추가
package/webhook/node_modules/esrecurse/.babelrc DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "presets": ["es2015"]
3
- }