pds-dev-kit-web 2.1.0-alpha.3 → 2.1.0-alpha.4

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -312,5 +312,10 @@
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
     "sys_icon_grey_darktheme_03": "darkgrey400",
-    "sys_widget_grey_01_opacity_50": "darkgrey900/opacity50"
+    "sys_widget_grey_01_opacity_50": "darkgrey900/opacity50",
+    "sys_editor_layout_header": "darkgrey70",
+    "sys_editor_layout_navigation_panel": "darkgrey80",
+    "sys_editor_layout_canvas_area": "darkgrey30",
+    "sys_editor_layout_control_panel": "darkgrey70",
+    "sys_editor_layout_property_panel": "darkgrey70"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -312,5 +312,10 @@
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
     "sys_icon_grey_darktheme_03": "darkgrey400",
-    "sys_widget_grey_01_opacity_50": "grey900/opacity50"
+    "sys_widget_grey_01_opacity_50": "grey900/opacity50",
+    "sys_editor_layout_header": "white",
+    "sys_editor_layout_navigation_panel": "grey50",
+    "sys_editor_layout_canvas_area": "grey30",
+    "sys_editor_layout_control_panel": "white",
+    "sys_editor_layout_property_panel": "white"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -81,7 +81,7 @@
     "opacity15": "26",
     "grey80": "#E9E9EC",
     "grey200": "#D3D3D6",
-    "darkgrey80": "#282829",
+    "darkgrey80": "#3A3A3D",
     "darkgrey200": "#3E3E3F",
     "opacity70": "B3",
     "opacity60": "99",

package/dist/src/common/styles/colorSet/UIColor.json

@@ -799,5 +799,10 @@
     "ui_99": "sys_component_base_white_opacity50",
     "ui_100": "sys_widget_grey_01_opacity_50",
     "ui_101": "sys_component_base_25",
-    "ui_102": "sys_component_base_black_opacity50"
+    "ui_102": "sys_component_base_black_opacity50",
+    "ui_editor_layout_header": "sys_editor_layout_header",
+    "ui_editor_layout_navigation_panel": "sys_editor_layout_navigation_panel",
+    "ui_editor_layout_canvas_area": "sys_editor_layout_canvas_area",
+    "ui_editor_layout_control_panel": "sys_editor_layout_control_panel",
+    "ui_editor_layout_property_panel": "sys_editor_layout_property_panel"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -432,6 +432,11 @@ declare const colorSet: {
         sys_icon_grey_darktheme_02: string;
         sys_icon_grey_darktheme_03: string;
         sys_widget_grey_01_opacity_50: string;
+        sys_editor_layout_header: string;
+        sys_editor_layout_navigation_panel: string;
+        sys_editor_layout_canvas_area: string;
+        sys_editor_layout_control_panel: string;
+        sys_editor_layout_property_panel: string;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -748,6 +753,11 @@ declare const colorSet: {
         sys_icon_grey_darktheme_02: string;
         sys_icon_grey_darktheme_03: string;
         sys_widget_grey_01_opacity_50: string;
+        sys_editor_layout_header: string;
+        sys_editor_layout_navigation_panel: string;
+        sys_editor_layout_canvas_area: string;
+        sys_editor_layout_control_panel: string;
+        sys_editor_layout_property_panel: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1551,6 +1561,11 @@ declare const colorSet: {
         ui_100: string;
         ui_101: string;
         ui_102: string;
+        ui_editor_layout_header: string;
+        ui_editor_layout_navigation_panel: string;
+        ui_editor_layout_canvas_area: string;
+        ui_editor_layout_control_panel: string;
+        ui_editor_layout_property_panel: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -800,4 +800,9 @@ export interface UITheme {
     ui_100: string;
     ui_101: string;
     ui_102: string;
+    ui_editor_layout_header: string;
+    ui_editor_layout_navigation_panel: string;
+    ui_editor_layout_canvas_area: string;
+    ui_editor_layout_control_panel: string;
+    ui_editor_layout_property_panel: string;
 }

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -7,6 +7,23 @@ var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
+    var checkInvalidUrl = function (url) {
+        try {
+            // eslint-disable-next-line no-new
+            new URL(url);
+            return false;
+        }
+        catch (_a) {
+            return true;
+        }
+    };
+    var generateSrc = function (src) {
+        var isInvalidUrl = checkInvalidUrl(src);
+        if (isInvalidUrl) {
+            return 'about:blank';
+        }
+        return src + "?cache=" + new Date().getTime();
+    };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
             sectionActionHandler({
@@ -15,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: section.properties.multiPurposeUrl + "?cache=" + new Date().getTime(), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }, void 0));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -7,6 +7,23 @@ var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
+    var checkInvalidUrl = function (url) {
+        try {
+            // eslint-disable-next-line no-new
+            new URL(url);
+            return false;
+        }
+        catch (_a) {
+            return true;
+        }
+    };
+    var generateSrc = function (src) {
+        var isInvalidUrl = checkInvalidUrl(src);
+        if (isInvalidUrl) {
+            return 'about:blank';
+        }
+        return src + "?cache=" + new Date().getTime();
+    };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
             sectionActionHandler({
@@ -15,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: section.properties.multiPurposeUrl + "?cache=" + new Date().getTime(), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }, void 0));
 }
 exports.default = TemplateA;

package/package.json

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

package/release-note.md

@@ -2,5 +2,9 @@
 ## [v2.1.0-alpha.3]
 ## alpha|https://design.storybook.publ.biz/
 
+### sub
+* DynamicLayout
+    * FullscreenIframSection
+        * multiPurposeUrl에 빈문자열이 올 경우 about:blank 가 입력되도록 수정(FullscreenIframSection이 재귀적으로 생성되는 이슈 해결)
 ### Color
-* 컬러 키 값 23.07.06 15시 25분 기준 싱크
+* 컬러 키 값 23.07.12 15시 17분 기준 싱크