pds-dev-kit-web 1.6.4 → 1.6.5

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 (12) hide show
  1. package/dist/src/common/assets/icons/fill/Bookmark.d.ts +4 -0
  2. package/dist/src/common/assets/icons/fill/Bookmark.js +34 -0
  3. package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
  4. package/dist/src/common/assets/icons/fill/index.js +2 -0
  5. package/dist/src/common/assets/icons/line/Bookmark.d.ts +4 -0
  6. package/dist/src/common/assets/icons/line/Bookmark.js +34 -0
  7. package/dist/src/common/assets/icons/line/index.d.ts +1 -0
  8. package/dist/src/common/assets/icons/line/index.js +2 -0
  9. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -0
  10. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +3 -3
  11. package/package.json +1 -1
  12. package/release-note.md +7 -7
package/dist/src/common/assets/icons/fill/Bookmark.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const Bookmark: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Bookmark;
package/dist/src/common/assets/icons/fill/Bookmark.js ADDED
@@ -0,0 +1,34 @@
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
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var Bookmark = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.2752,21.2916 L12.9662,18.9136 C12.3652,18.5816 11.6352,18.5816 11.0332,18.9136 L6.7252,21.2916 C5.7252,21.8436 4.5002,21.1206 4.5002,19.9786 L4.5002,6.0196 C4.5002,4.0866 6.0672,2.5196 8.0002,2.5196 L16.0002,2.5196 C17.9332,2.5196 19.5002,4.0866 19.5002,6.0196 L19.5002,19.9786 C19.5002,21.1206 18.2752,21.8436 17.2752,21.2916" })));
33
+ };
34
+ exports.default = Bookmark;
package/dist/src/common/assets/icons/fill/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const fillIcons: {
3
3
  readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
4
+ readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
4
5
  readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
5
6
  readonly ic_call_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
6
7
  readonly ic_camera: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
package/dist/src/common/assets/icons/fill/index.js CHANGED
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var Bell_1 = __importDefault(require("./Bell"));
7
+ var Bookmark_1 = __importDefault(require("./Bookmark"));
7
8
  var Call_1 = __importDefault(require("./Call"));
8
9
  var CallEnd_1 = __importDefault(require("./CallEnd"));
9
10
  var Camera_1 = __importDefault(require("./Camera"));
@@ -56,6 +57,7 @@ var VideoSubtitle_1 = __importDefault(require("./VideoSubtitle"));
56
57
  var Vodplus_1 = __importDefault(require("./Vodplus"));
57
58
  var fillIcons = {
58
59
  ic_bell: Bell_1.default,
60
+ ic_bookmark: Bookmark_1.default,
59
61
  ic_call: Call_1.default,
60
62
  ic_call_end: CallEnd_1.default,
61
63
  ic_camera: Camera_1.default,
package/dist/src/common/assets/icons/line/Bookmark.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const Bookmark: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Bookmark;
package/dist/src/common/assets/icons/line/Bookmark.js ADDED
@@ -0,0 +1,34 @@
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
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var Bookmark = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M15.9999,2.5196 L7.9999,2.5196 C6.0669,2.5196 4.4999,4.0866 4.4999,6.0196 L4.4999,19.9786 C4.4999,20.8516 5.2169,21.4806 6.0019,21.4806 C6.2429,21.4806 6.4899,21.4216 6.7249,21.2916 L11.0339,18.9136 C11.3339,18.7476 11.6669,18.6646 11.9999,18.6646 C12.3329,18.6646 12.6659,18.7476 12.9669,18.9136 L17.2749,21.2916 C17.5099,21.4216 17.7579,21.4806 17.9979,21.4806 C18.7829,21.4806 19.4999,20.8516 19.4999,19.9786 L19.4999,6.0196 C19.4999,4.0866 17.9329,2.5196 15.9999,2.5196 L15.9999,2.5196 Z M15.9999,4.0196 C17.1029,4.0196 17.9999,4.9166 17.9999,6.0196 L17.9999,19.9786 L13.6909,17.6006 C13.1749,17.3156 12.5899,17.1646 11.9999,17.1646 C11.4099,17.1646 10.8249,17.3156 10.3089,17.6006 L5.9999,19.9786 L5.9999,6.0196 C5.9999,4.9166 6.8969,4.0196 7.9999,4.0196 L15.9999,4.0196 Z" })));
33
+ };
34
+ exports.default = Bookmark;
package/dist/src/common/assets/icons/line/index.d.ts CHANGED
@@ -20,6 +20,7 @@ declare const lineIcons: {
20
20
  readonly ic_booking_history: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
21
21
  readonly ic_booking_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
22
22
  readonly ic_booking_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
23
+ readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
23
24
  readonly ic_business: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
24
25
  readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
25
26
  readonly ic_camera: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
package/dist/src/common/assets/icons/line/index.js CHANGED
@@ -23,6 +23,7 @@ var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
23
23
  var BookingHistory_1 = __importDefault(require("./BookingHistory"));
24
24
  var BookingPapp_1 = __importDefault(require("./BookingPapp"));
25
25
  var BookingTicket_1 = __importDefault(require("./BookingTicket"));
26
+ var Bookmark_1 = __importDefault(require("./Bookmark"));
26
27
  var Business_1 = __importDefault(require("./Business"));
27
28
  var Call_1 = __importDefault(require("./Call"));
28
29
  var Camera_1 = __importDefault(require("./Camera"));
@@ -174,6 +175,7 @@ var lineIcons = {
174
175
  ic_booking_history: BookingHistory_1.default,
175
176
  ic_booking_papp: BookingPapp_1.default,
176
177
  ic_booking_ticket: BookingTicket_1.default,
178
+ ic_bookmark: Bookmark_1.default,
177
179
  ic_business: Business_1.default,
178
180
  ic_call: Call_1.default,
179
181
  ic_camera: Camera_1.default,
package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare type AdminListItemProps = {
9
9
  column2Type?: 'image_text' | 'text_only';
10
10
  imageSrc?: string;
11
11
  imageShapeType?: 'round' | 'circular' | 'rectangle';
12
+ imageScaleType?: 'fill' | 'contain' | 'cover' | 'none';
12
13
  imageRadius?: 8 | 16 | 24;
13
14
  imageRatio?: '16_9' | '4_3' | '1_1';
14
15
  column2Text?: PDSTextType;
package/dist/src/desktop/components/AdminListItem/AdminListItem.js CHANGED
@@ -30,13 +30,13 @@ var hybrid_1 = require("../../../hybrid");
30
30
  var Checkbox_1 = require("../Checkbox");
31
31
  var TextLabel_1 = require("../TextLabel");
32
32
  var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
33
- var _b = _a.rowSize, rowSize = _b === void 0 ? 'medium' : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? 'multi' : _c, _d = _a.column2Type, column2Type = _d === void 0 ? 'image_text' : _d, imageSrc = _a.imageSrc, _e = _a.imageShapeType, imageShapeType = _e === void 0 ? 'rectangle' : _e, _f = _a.imageRadius, imageRadius = _f === void 0 ? 8 : _f, _g = _a.imageRatio, imageRatio = _g === void 0 ? '16_9' : _g, column2Text = _a.column2Text, column3Text = _a.column3Text, _h = _a.column3TextWidth, column3TextWidth = _h === void 0 ? 'small' : _h, _j = _a.column3TextStyleTheme, column3TextStyleTheme = _j === void 0 ? 'normal' : _j, column4Text = _a.column4Text, _k = _a.column4TextWidth, column4TextWidth = _k === void 0 ? 'small' : _k, _l = _a.column4TextStyleTheme, column4TextStyleTheme = _l === void 0 ? 'normal' : _l, column5Text = _a.column5Text, _m = _a.column5TextWidth, column5TextWidth = _m === void 0 ? 'small' : _m, _o = _a.column5TextStyleTheme, column5TextStyleTheme = _o === void 0 ? 'normal' : _o, column6Text = _a.column6Text, _p = _a.column6TextWidth, column6TextWidth = _p === void 0 ? 'small' : _p, _q = _a.column6TextStyleTheme, column6TextStyleTheme = _q === void 0 ? 'normal' : _q, column7Text = _a.column7Text, _r = _a.column7TextWidth, column7TextWidth = _r === void 0 ? 'small' : _r, _s = _a.column7TextStyleTheme, column7TextStyleTheme = _s === void 0 ? 'normal' : _s, column8Text = _a.column8Text, _t = _a.column8TextWidth, column8TextWidth = _t === void 0 ? 'small' : _t, _u = _a.column8TextStyleTheme, column8TextStyleTheme = _u === void 0 ? 'normal' : _u, column9Text = _a.column9Text, _v = _a.column9TextWidth, column9TextWidth = _v === void 0 ? 'small' : _v, _w = _a.column9TextStyleTheme, column9TextStyleTheme = _w === void 0 ? 'normal' : _w, column10Text = _a.column10Text, _x = _a.column10TextWidth, column10TextWidth = _x === void 0 ? 'small' : _x, _y = _a.column10TextStyleTheme, column10TextStyleTheme = _y === void 0 ? 'normal' : _y, _z = _a.quickActionBtnMode, quickActionBtnMode = _z === void 0 ? 'btn_amount2' : _z, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _0 = _a.quickActionBtnType, quickActionBtnType = _0 === void 0 ? 'fix' : _0, _1 = _a.quickActionBtn1State, quickActionBtn1State = _1 === void 0 ? 'normal' : _1, _2 = _a.quickActionBtn2State, quickActionBtn2State = _2 === void 0 ? 'normal' : _2, _3 = _a.quickActionBtn3State, quickActionBtn3State = _3 === void 0 ? 'normal' : _3, _4 = _a.selectedState, selectedState = _4 === void 0 ? 'basic' : _4, id = _a.id, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onClickItem = _a.onClickItem;
33
+ var _b = _a.rowSize, rowSize = _b === void 0 ? 'medium' : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? 'multi' : _c, _d = _a.column2Type, column2Type = _d === void 0 ? 'image_text' : _d, imageSrc = _a.imageSrc, _e = _a.imageShapeType, imageShapeType = _e === void 0 ? 'rectangle' : _e, _f = _a.imageScaleType, imageScaleType = _f === void 0 ? 'cover' : _f, _g = _a.imageRadius, imageRadius = _g === void 0 ? 8 : _g, _h = _a.imageRatio, imageRatio = _h === void 0 ? '16_9' : _h, column2Text = _a.column2Text, column3Text = _a.column3Text, _j = _a.column3TextWidth, column3TextWidth = _j === void 0 ? 'small' : _j, _k = _a.column3TextStyleTheme, column3TextStyleTheme = _k === void 0 ? 'normal' : _k, column4Text = _a.column4Text, _l = _a.column4TextWidth, column4TextWidth = _l === void 0 ? 'small' : _l, _m = _a.column4TextStyleTheme, column4TextStyleTheme = _m === void 0 ? 'normal' : _m, column5Text = _a.column5Text, _o = _a.column5TextWidth, column5TextWidth = _o === void 0 ? 'small' : _o, _p = _a.column5TextStyleTheme, column5TextStyleTheme = _p === void 0 ? 'normal' : _p, column6Text = _a.column6Text, _q = _a.column6TextWidth, column6TextWidth = _q === void 0 ? 'small' : _q, _r = _a.column6TextStyleTheme, column6TextStyleTheme = _r === void 0 ? 'normal' : _r, column7Text = _a.column7Text, _s = _a.column7TextWidth, column7TextWidth = _s === void 0 ? 'small' : _s, _t = _a.column7TextStyleTheme, column7TextStyleTheme = _t === void 0 ? 'normal' : _t, column8Text = _a.column8Text, _u = _a.column8TextWidth, column8TextWidth = _u === void 0 ? 'small' : _u, _v = _a.column8TextStyleTheme, column8TextStyleTheme = _v === void 0 ? 'normal' : _v, column9Text = _a.column9Text, _w = _a.column9TextWidth, column9TextWidth = _w === void 0 ? 'small' : _w, _x = _a.column9TextStyleTheme, column9TextStyleTheme = _x === void 0 ? 'normal' : _x, column10Text = _a.column10Text, _y = _a.column10TextWidth, column10TextWidth = _y === void 0 ? 'small' : _y, _z = _a.column10TextStyleTheme, column10TextStyleTheme = _z === void 0 ? 'normal' : _z, _0 = _a.quickActionBtnMode, quickActionBtnMode = _0 === void 0 ? 'btn_amount2' : _0, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _1 = _a.quickActionBtnType, quickActionBtnType = _1 === void 0 ? 'fix' : _1, _2 = _a.quickActionBtn1State, quickActionBtn1State = _2 === void 0 ? 'normal' : _2, _3 = _a.quickActionBtn2State, quickActionBtn2State = _3 === void 0 ? 'normal' : _3, _4 = _a.quickActionBtn3State, quickActionBtn3State = _4 === void 0 ? 'normal' : _4, _5 = _a.selectedState, selectedState = _5 === void 0 ? 'basic' : _5, id = _a.id, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onClickItem = _a.onClickItem;
34
34
  var methods = (0, react_hook_form_1.useFormContext)();
35
35
  var isSelected = (0, react_hook_form_1.useWatch)({
36
36
  control: methods.control,
37
37
  name: id.toString()
38
38
  });
39
- var _5 = (0, react_1.useState)(false), hasScroll = _5[0], setHasScroll = _5[1];
39
+ var _6 = (0, react_1.useState)(false), hasScroll = _6[0], setHasScroll = _6[1];
40
40
  var contentRef = (0, react_1.useRef)(null);
41
41
  (0, react_1.useEffect)(function () {
42
42
  if (!contentRef || !contentRef.current)
@@ -149,7 +149,7 @@ var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
149
149
  react_1.default.createElement(Checkbox_1.Checkbox, { name: id.toString(), state: selectedState === 'maintain' ? 'disabled' : 'normal' })))),
150
150
  react_1.default.createElement(S_ImageColumn, { rowSize: rowSize },
151
151
  column2Type === 'image_text' && (rowSize === 'high' || rowSize === 'medium') && (react_1.default.createElement(S_ImageWrapper, { rowSize: rowSize },
152
- react_1.default.createElement(hybrid_1.ImageView, { src: imageSrc, shapeType: imageShapeType, width: imageWidth, ratio: imageRatio, scaleType: "cover", radius: imageShapeType === 'round' ? imageRadius : undefined }))),
152
+ react_1.default.createElement(hybrid_1.ImageView, { src: imageSrc, shapeType: imageShapeType, width: imageWidth, ratio: imageRatio, scaleType: imageScaleType, radius: imageShapeType === 'round' ? imageRadius : undefined, backgroundFillMode: "use" }))),
153
153
  (rowSize === 'low' || rowSize === 'medium') && (react_1.default.createElement(S_RowTextWrapper, null,
154
154
  react_1.default.createElement(TextLabel_1.TextLabel, { text: column2Text, styleTheme: "body2Bold", colorTheme: "sysTextPrimary", ellipsisMode: "use", lineLimit: 2 }))),
155
155
  rowSize === 'high' && (react_1.default.createElement(S_HighTextWrapper, { ref: contentRef, hasScroll: hasScroll },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.6.4",
3
+ "version": "1.6.5",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.6.4]
3
- ### Layout
4
- * WTK
5
- * WTK_4 생성
6
- * container1Ref prop 추가
7
- ### Color
8
- * 컬러 키 값 22.11.18 17시 00분 기준 싱크
2
+ ## [v1.6.5]
3
+ ### Component
4
+ * AdminListsItem
5
+ * imageScaleType prop추가
6
+ * Icon
7
+ * ic_bookmark line추가
8
+ * ic_bookmark fill추가