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

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

@@ -311,5 +311,11 @@
     "sys_component_base_43": "darkblue30",
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
-    "sys_icon_grey_darktheme_03": "darkgrey400"
+    "sys_icon_grey_darktheme_03": "darkgrey400",
+    "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

@@ -311,5 +311,11 @@
     "sys_component_base_43": "blue30",
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
-    "sys_icon_grey_darktheme_03": "darkgrey400"
+    "sys_icon_grey_darktheme_03": "darkgrey400",
+    "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

@@ -794,5 +794,15 @@
     "ui_cpnt_dropdown_display_icon_darktheme_enabled": "sys_icon_grey_darktheme_01",
     "ui_cpnt_dropdown_display_icon_darktheme_disabled": "sys_icon_grey_darktheme_03",
     "ui_cpnt_dropdown_display_icon_white_enabled": "sys_widget_white",
-    "ui_cpnt_dropdown_display_icon_white_disabled": "sys_widget_grey_03"
+    "ui_cpnt_dropdown_display_icon_white_disabled": "sys_widget_grey_03",
+    "ui_98": "sys_widget_grey_03",
+    "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_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

@@ -431,6 +431,12 @@ declare const colorSet: {
         sys_icon_grey_darktheme_01: string;
         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;
@@ -746,6 +752,12 @@ declare const colorSet: {
         sys_icon_grey_darktheme_01: string;
         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;
@@ -1544,6 +1556,16 @@ declare const colorSet: {
         ui_cpnt_dropdown_display_icon_darktheme_disabled: string;
         ui_cpnt_dropdown_display_icon_white_enabled: string;
         ui_cpnt_dropdown_display_icon_white_disabled: string;
+        ui_98: string;
+        ui_99: string;
+        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

@@ -795,4 +795,14 @@ export interface UITheme {
     ui_cpnt_dropdown_display_icon_darktheme_disabled: string;
     ui_cpnt_dropdown_display_icon_white_enabled: string;
     ui_cpnt_dropdown_display_icon_white_disabled: string;
+    ui_98: string;
+    ui_99: string;
+    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.2",
+  "version": "2.1.0-alpha.4",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,8 +1,10 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.0-alpha.2]
+## [v2.1.0-alpha.3]
 ## alpha|https://design.storybook.publ.biz/
 
 ### sub
 * DynamicLayout
-    * Iframe Section
-        * 캐싱된 파일이 아닌 항상 새로운 주소를 불러올 수 있도록 변경
+    * FullscreenIframSection
+        * multiPurposeUrl에 빈문자열이 올 경우 about:blank 가 입력되도록 수정(FullscreenIframSection이 재귀적으로 생성되는 이슈 해결)
+### Color
+* 컬러 키 값 23.07.12 15시 17분 기준 싱크