pds-dev-kit-web 2.2.143 → 2.2.145

package/dist/src/common/assets/icons/fill/VideoStop.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const VideoStop: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default VideoStop;

package/dist/src/common/assets/icons/fill/VideoStop.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var VideoStop = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("polygon", { fillOpacity: "0", fill: color, points: "0 24 24 24 24 0 0 0" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.75,18.75 L7.25,18.75 C6.145,18.75 5.25,17.855 5.25,16.75 L5.25,7.25 C5.25,6.145 6.145,5.25 7.25,5.25 L16.75,5.25 C17.855,5.25 18.75,6.145 18.75,7.25 L18.75,16.75 C18.75,17.855 17.855,18.75 16.75,18.75", id: "Fill-3", fill: color })] }) })) })));
+};
+exports.default = VideoStop;

package/dist/src/common/assets/icons/fill/index.d.ts

@@ -162,5 +162,6 @@ declare const fillIcons: {
     readonly ic_move_backward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_move_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_send_to_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default fillIcons;

package/dist/src/common/assets/icons/fill/index.js

@@ -161,6 +161,7 @@ var VideoPlay_1 = __importDefault(require("./VideoPlay"));
 var VideoPlayCircle_1 = __importDefault(require("./VideoPlayCircle"));
 var VideoResolution_1 = __importDefault(require("./VideoResolution"));
 var VideoSeries_1 = __importDefault(require("./VideoSeries"));
+var VideoStop_1 = __importDefault(require("./VideoStop"));
 var VideoSubtitle_1 = __importDefault(require("./VideoSubtitle"));
 var VideoType_1 = __importDefault(require("./VideoType"));
 var Vodplus_1 = __importDefault(require("./Vodplus"));
@@ -327,6 +328,7 @@ var fillIcons = {
     ic_desktop_sync: DesktopSync_1.default,
     ic_move_backward_arrow: MoveBackwardArrow_1.default,
     ic_move_forward_arrow: MoveForwardArrow_1.default,
-    ic_send_to_back_arrow: SendToBackArrow_1.default
+    ic_send_to_back_arrow: SendToBackArrow_1.default,
+    ic_video_stop: VideoStop_1.default
 };
 exports.default = fillIcons;

package/dist/src/common/assets/icons/line/VideoStop.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const VideoStop: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default VideoStop;

package/dist/src/common/assets/icons/line/VideoStop.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var VideoStop = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("polygon", { fillOpacity: "0", fill: color, points: "0 24 24 24 24 0 0 0" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.75,5.25 L7.25,5.25 C6.145,5.25 5.25,6.145 5.25,7.25 L5.25,16.75 C5.25,17.855 6.145,18.75 7.25,18.75 L16.75,18.75 C17.855,18.75 18.75,17.855 18.75,16.75 L18.75,7.25 C18.75,6.145 17.855,5.25 16.75,5.25 L16.75,5.25 Z M7.25,16.75 L16.75,16.75 L16.75,7.25 L7.25,7.25 L7.25,16.75 Z", id: "Fill-3", fill: color })] }) })) })));
+};
+exports.default = VideoStop;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -313,5 +313,6 @@ declare const lineIcons: {
     readonly ic_move_backward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_move_forward_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_send_to_back_arrow: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default lineIcons;

package/dist/src/common/assets/icons/line/index.js

@@ -307,6 +307,7 @@ var VideoPlaybackSpeed_1 = __importDefault(require("./VideoPlaybackSpeed"));
 var VideoPlayCircle_1 = __importDefault(require("./VideoPlayCircle"));
 var VideoPlaylist_1 = __importDefault(require("./VideoPlaylist"));
 var VideoSeries_1 = __importDefault(require("./VideoSeries"));
+var VideoStop_1 = __importDefault(require("./VideoStop"));
 var VideoType_1 = __importDefault(require("./VideoType"));
 var Vod_1 = __importDefault(require("./Vod"));
 var VodClass_1 = __importDefault(require("./VodClass"));
@@ -629,6 +630,7 @@ var lineIcons = {
     ic_desktop_sync: DesktopSync_1.default,
     ic_move_backward_arrow: MoveBackwardArrow_1.default,
     ic_move_forward_arrow: MoveForwardArrow_1.default,
-    ic_send_to_back_arrow: SendToBackArrow_1.default
+    ic_send_to_back_arrow: SendToBackArrow_1.default,
+    ic_video_stop: VideoStop_1.default
 };
 exports.default = lineIcons;

package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js

@@ -27,12 +27,6 @@ function FlexGridItem(_a) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
     var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
-    // const zIndex =
-    //   device === 'DESKTOP'
-    //     ? cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX
-    //     : cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT[
-    //         'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'
-    //       ];
     return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ "data-cb-id": cb.id, style: {
             zIndex: zIndex,
             gridArea: gridArea
@@ -51,24 +45,26 @@ function getMaxHeight(props, device, rowHeight) {
     var height = rowsMobile * rowHeight + (rowsMobile - 1) * gap;
     return height;
 }
+function clamp(num, min, max) {
+    return Math.max(Math.min(num, max), min);
+}
 function getGridAreaFromCB(props, device) {
     var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
     if (device === 'DESKTOP') {
-        var colStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1;
-        var rowStart_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1;
-        var rowEnd_1 = rows + rowStart_1;
-        var colEnd_1 = cols + colStart_1;
-        // <grid-row-start> / <grid-column-start> / <grid-row-end> / <grid-column-end>;
+        var colStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1, 1, Math.max(1, 25 - cols));
+        var rowStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1, 1, Infinity);
+        var rowEnd_1 = clamp(rows + rowStart_1, rowStart_1 + 1, Infinity);
+        var colEnd_1 = clamp(colStart_1 + cols, colStart_1 + 1, 25);
         return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
     }
     var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
     var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
     var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
     var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
-    var colStart = startXMobile + 1;
-    var rowStart = startYMobile + 1;
-    var rowEnd = rowsMobile + rowStart;
-    var colEnd = colsMobile + colStart;
+    var colStart = clamp(startXMobile + 1, 1, Math.max(1, 9 - colsMobile));
+    var rowStart = clamp(startYMobile + 1, 1, Infinity);
+    var rowEnd = clamp(rowsMobile + rowStart, rowStart + 1, Infinity);
+    var colEnd = clamp(colStart + colsMobile, colStart + 1, 9);
     return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
 }
 exports.default = FlexGridItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.143",
+  "version": "2.2.145",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.143]
+## [v2.2.145]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1283] 선택되지 않은 섹션의 CB가 선택될 수 있는 상황 픽스
+* [PDS-1285] ic_video_stop 아이콘 추가 건