pds-dev-kit-web-test 0.1.8 → 0.1.10

package/dist/src/sub/DynamicLayout/mock_samplePage.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.samplePage = exports.samplePageFooterSection = exports.samplePageIntroSection3 = exports.samplePageInfoBoxSection = exports.samplePageContentsSection = exports.samplePageIntroSection2 = exports.samplePageContentsCarouselSection = exports.samplePageIntroSection = void 0;
+exports.samplePage = exports.samplePageFullscreenIframeSection = exports.samplePageFooterSection = exports.samplePageIntroSection3 = exports.samplePageInfoBoxSection = exports.samplePageContentsSection = exports.samplePageIntroSection2 = exports.samplePageContentsCarouselSection = exports.samplePageIntroSection = void 0;
 exports.samplePageIntroSection = {
     display: true,
     dynamicLayoutSectionItems: [],
@@ -64,7 +64,8 @@ exports.samplePageIntroSection = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: 'Entertainment Business Sample'
+        title: 'Entertainment Business Sample',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#EFF0F3FF',
@@ -332,7 +333,8 @@ exports.samplePageContentsCarouselSection = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: 'Music Festival'
+        title: 'Music Festival',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#FFFFFFFF',
@@ -428,7 +430,8 @@ exports.samplePageIntroSection2 = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: 'Sample'
+        title: 'Sample',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#EFF0F3FF',
@@ -514,7 +517,8 @@ exports.samplePageContentsSection = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: 'https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/be9aaa5a-ec5c-4727-b374-d7027b18f7ee.jpg',
         sectionContentMediaType: 'IMAGE',
-        title: 'Sample'
+        title: 'Sample',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#EFF0F3FF',
@@ -689,7 +693,8 @@ exports.samplePageInfoBoxSection = {
         itemLinkMethod: 'CLICK_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: 'Sample'
+        title: 'Sample',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#EFF0F3FF',
@@ -785,7 +790,8 @@ exports.samplePageIntroSection3 = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: 'Contact Us'
+        title: 'Contact Us',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#EFF0F3FF',
@@ -884,7 +890,8 @@ exports.samplePageFooterSection = {
         itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
         sectionContentMediaSrc: '',
         sectionContentMediaType: 'IMAGE',
-        title: ''
+        title: '',
+        multiPurposeUrl: ''
     },
     styles: {
         backgroundColorInHex: '#0F0F10FF',
@@ -917,6 +924,75 @@ exports.samplePageFooterSection = {
     template: 'BASE_FOOTER_B',
     updatedAt: '2023-01-06T09:05:45'
 };
+exports.samplePageFullscreenIframeSection = {
+    display: false,
+    dynamicLayoutSectionItems: null,
+    id: 999,
+    insertedAt: '2023-01-06T09:05:45',
+    manifest: {
+        availableProperties: ['multi_purpose_url'],
+        availableStyles: [],
+        availableTemplates: ['EXP_IFRAME_A'],
+        schema: 'EXP_IFRAME'
+    },
+    order: 7,
+    properties: {
+        buttonAlphaLabel: '',
+        buttonAlphaLinkSrc: '',
+        buttonAlphaLinkType: 'WEB_LINK',
+        buttonBravoLabel: '',
+        buttonBravoLinkSrc: '',
+        buttonBravoLinkType: 'WEB_LINK',
+        buttonCharlieLabel: '',
+        buttonCharlieLinkSrc: '',
+        buttonCharlieLinkType: 'WEB_LINK',
+        buttonDeltaLabel: '',
+        buttonDeltaLinkSrc: '',
+        buttonDeltaLinkType: 'WEB_LINK',
+        buttonEchoLabel: '',
+        buttonEchoLinkSrc: '',
+        buttonEchoLinkType: 'WEB_LINK',
+        carouselAutoplayMode: 'MANUAL',
+        carouselAutoplayTime: 3,
+        carouselInfiniteLoopMode: 'NO_USE',
+        description: '',
+        itemLinkMethod: 'CLICK_BUTTON_IN_ITEM',
+        sectionContentMediaSrc: '',
+        sectionContentMediaType: 'IMAGE',
+        title: '',
+        multiPurposeUrl: 'https://app.publr.co/'
+    },
+    styles: {
+        backgroundColorInHex: '#0F0F10FF',
+        backgroundMediaSrc: '',
+        backgroundMediaType: 'IMAGE',
+        backgroundOverlayColorInHex: '#00000000',
+        buttonAlphaBackgroundColorInHex: '#455EEFFF',
+        buttonAlphaDesignType: 'A',
+        buttonAlphaLabelColorInHex: '#FFFFFFFF',
+        buttonBravoBackgroundColorInHex: '#455EEFFF',
+        buttonBravoDesignType: 'A',
+        buttonBravoLabelColorInHex: '#FFFFFFFF',
+        buttonCharlieBackgroundColorInHex: '#455EEFFF',
+        buttonCharlieDesignType: 'A',
+        buttonCharlieLabelColorInHex: '#FFFFFFFF',
+        buttonDeltaBackgroundColorInHex: '#455EEFFF',
+        buttonDeltaDesignType: 'A',
+        buttonDeltaLabelColorInHex: '#FFFFFFFF',
+        buttonEchoBackgroundColorInHex: '#455EEFFF',
+        buttonEchoDesignType: 'A',
+        buttonEchoLabelColorInHex: '#FFFFFFFF',
+        descriptionColorInHex: '#68686BFF',
+        itemButtonBackgroundColorInHex: '#455EEFFF',
+        itemButtonDesignType: 'A',
+        itemButtonLabelColorInHex: '#FFFFFFFF',
+        itemDescriptionColorInHex: '#676970FF',
+        itemTitleColorInHex: '#1E1E20FF',
+        titleColorInHex: '#1E1E20FF'
+    },
+    template: 'EXP_IFRAME_A',
+    updatedAt: '2023-01-06T09:05:45'
+};
 exports.samplePage = [
     exports.samplePageIntroSection,
     exports.samplePageContentsCarouselSection,

package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare type TypeOfSectionAction = ActionMap<ActionHandlerPayload>[keyof ActionMap<ActionHandlerPayload>];
+declare type ActionHandlerPayload = {
+    '@EXP_IFRAME/IFRAME_ON_LOADED': {
+        event: React.SyntheticEvent<HTMLIFrameElement, Event>;
+        multiPurposeUrl: string;
+    };
+};
+declare type ActionMap<M extends {
+    [index: string]: any;
+}> = {
+    [Key in keyof M]: M[Key] extends undefined ? {
+        type: Key;
+    } : {
+        type: Key;
+        payload: M[Key];
+    };
+};
+export {};

package/dist/src/sub/DynamicLayout/sectionActionTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/FullscreenIframeSection.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ISection } from '../../types';
+declare function FullscreenIframeSection({ ...props }: ISection): JSX.Element;
+export default FullscreenIframeSection;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/FullscreenIframeSection.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var components_1 = require("../../components");
+var templates_1 = require("./templates");
+function FullscreenIframeSection(_a) {
+    var props = __rest(_a, []);
+    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "FullscreenIframe" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }, void 0) }), void 0) }), void 0));
+}
+var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
+function TemplateMather(_a) {
+    var styleTemplate = _a.styleTemplate;
+    switch (styleTemplate) {
+        case 'EXP_IFRAME_A':
+            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
+        default:
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+    }
+}
+exports.default = FullscreenIframeSection;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/index.d.ts

@@ -0,0 +1 @@
+export { default as FullscreenIframeSection } from './FullscreenIframeSection';

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenIframeSection = void 0;
+var FullscreenIframeSection_1 = require("./FullscreenIframeSection");
+Object.defineProperty(exports, "FullscreenIframeSection", { enumerable: true, get: function () { return __importDefault(FullscreenIframeSection_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/TemplateA.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function TemplateA(): JSX.Element;
+export default TemplateA;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var dynamicLayoutContext_1 = require("../../../../dynamicLayoutContext");
+var desktop_1 = require("./desktop");
+var mobile_1 = require("./mobile");
+function TemplateA() {
+    var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
+            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}, void 0),
+            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {}, void 0)
+        }[device] }, void 0));
+}
+exports.default = TemplateA;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function TemplateA(): JSX.Element;
+export default TemplateA;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var DynamicLayout_1 = require("../../../../../../DynamicLayout");
+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 onIframeLoad = function (event) {
+        if (sectionActionHandler) {
+            sectionActionHandler({
+                type: '@EXP_IFRAME/IFRAME_ON_LOADED',
+                payload: { event: event, multiPurposeUrl: section.properties.multiPurposeUrl }
+            });
+        }
+    };
+    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, 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/desktop/index.d.ts

@@ -0,0 +1 @@
+export { default as D_TemplateA } from './D_TemplateA';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.D_TemplateA = void 0;
+var D_TemplateA_1 = require("./D_TemplateA");
+Object.defineProperty(exports, "D_TemplateA", { enumerable: true, get: function () { return __importDefault(D_TemplateA_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/index.d.ts

@@ -0,0 +1 @@
+export { default as TemplateA } from './TemplateA';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateA = void 0;
+var TemplateA_1 = require("./TemplateA");
+Object.defineProperty(exports, "TemplateA", { enumerable: true, get: function () { return __importDefault(TemplateA_1).default; } });

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function TemplateA(): JSX.Element;
+export default TemplateA;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var DynamicLayout_1 = require("../../../../../../DynamicLayout");
+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 onIframeLoad = function (event) {
+        if (sectionActionHandler) {
+            sectionActionHandler({
+                type: '@EXP_IFRAME/IFRAME_ON_LOADED',
+                payload: { event: event, multiPurposeUrl: section.properties.multiPurposeUrl }
+            });
+        }
+    };
+    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, 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/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/index.d.ts

@@ -0,0 +1 @@
+export { default as M_TemplateA } from './M_TemplateA';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.M_TemplateA = void 0;
+var M_TemplateA_1 = require("./M_TemplateA");
+Object.defineProperty(exports, "M_TemplateA", { enumerable: true, get: function () { return __importDefault(M_TemplateA_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/index.d.ts

@@ -0,0 +1 @@
+export { TemplateA } from './TemplateA';

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateA = void 0;
+var TemplateA_1 = require("./TemplateA");
+Object.defineProperty(exports, "TemplateA", { enumerable: true, get: function () { return TemplateA_1.TemplateA; } });

package/dist/src/sub/DynamicLayout/sections/index.d.ts

@@ -3,3 +3,4 @@ export { ContentsSection } from './ContentsSection';
 export { FooterSection } from './FooterSection';
 export { InfoBoxSection } from './InfoBoxSection';
 export { IntroSection } from './IntroSection';
+export { FullscreenIframeSection } from './FullscreenIframeSection';

package/dist/src/sub/DynamicLayout/sections/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
+exports.FullscreenIframeSection = exports.IntroSection = exports.InfoBoxSection = exports.FooterSection = exports.ContentsSection = exports.ContentsCarouselSection = void 0;
 var ContentsCarouselSection_1 = require("./ContentsCarouselSection");
 Object.defineProperty(exports, "ContentsCarouselSection", { enumerable: true, get: function () { return ContentsCarouselSection_1.ContentsCarouselSection; } });
 var ContentsSection_1 = require("./ContentsSection");
@@ -11,3 +11,5 @@ var InfoBoxSection_1 = require("./InfoBoxSection");
 Object.defineProperty(exports, "InfoBoxSection", { enumerable: true, get: function () { return InfoBoxSection_1.InfoBoxSection; } });
 var IntroSection_1 = require("./IntroSection");
 Object.defineProperty(exports, "IntroSection", { enumerable: true, get: function () { return IntroSection_1.IntroSection; } });
+var FullscreenIframeSection_1 = require("./FullscreenIframeSection");
+Object.defineProperty(exports, "FullscreenIframeSection", { enumerable: true, get: function () { return FullscreenIframeSection_1.FullscreenIframeSection; } });

package/dist/src/sub/DynamicLayout/types.d.ts

@@ -1,5 +1,7 @@
-export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX';
-export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A';
+import type { TypeOfSectionAction } from './sectionActionTypes';
+export { TypeOfSectionAction };
+export declare type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME';
+export declare type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A';
 export declare type TypeOfSectionContentMediaType = 'IMAGE' | 'YOUTUBE';
 export declare type TypeOfSectionLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
 export declare type TypeOfCarouselAutoplayMode = 'AUTO' | 'MANUAL';
@@ -10,7 +12,7 @@ export declare type TypeOfItemButtonDesignType = 'A' | 'B' | 'C' | 'D' | 'E' | '
 export declare type TypeOfItemManifestSchema = 'BASE_CONTENTS_CAROUSEL_ITEM' | 'BASE_FOOTER_ITEM' | 'BASE_INFO_BOX_ITEM';
 export declare type TypeOfItemLinkMethod = 'CLICK_ITEM' | 'CLICK_BUTTON_IN_ITEM' | 'NONE';
 export declare type TypeOfItemLinkType = 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE';
-declare type KeyOfSectionProperties = 'title' | 'description' | 'section_content_media_type' | 'section_content_media_src' | 'button_alpha_label' | 'button_alpha_link_type' | 'button_alpha_link_src' | 'button_bravo_label' | 'button_bravo_link_type' | 'button_bravo_link_src' | 'button_charlie_label' | 'button_charlie_link_type' | 'button_charlie_link_src' | 'button_delta_label' | 'button_delta_link_type' | 'button_delta_link_src' | 'button_echo_label' | 'button_echo_link_type' | 'button_echo_link_src' | 'carousel_autoplay_mode' | 'carousel_autoplay_time' | 'carousel_infinite_loop_mode' | 'item_link_method';
+declare type KeyOfSectionProperties = 'title' | 'description' | 'section_content_media_type' | 'section_content_media_src' | 'button_alpha_label' | 'button_alpha_link_type' | 'button_alpha_link_src' | 'button_bravo_label' | 'button_bravo_link_type' | 'button_bravo_link_src' | 'button_charlie_label' | 'button_charlie_link_type' | 'button_charlie_link_src' | 'button_delta_label' | 'button_delta_link_type' | 'button_delta_link_src' | 'button_echo_label' | 'button_echo_link_type' | 'button_echo_link_src' | 'carousel_autoplay_mode' | 'carousel_autoplay_time' | 'carousel_infinite_loop_mode' | 'item_link_method' | 'multi_purpose_url';
 declare type KeyOfSectionStyles = 'title_color_in_hex' | 'description_color_in_hex' | 'background_color_in_hex' | 'background_media_type' | 'background_media_src' | 'background_overlay_color_in_hex' | 'button_alpha_design_type' | 'button_alpha_background_color_in_hex' | 'button_alpha_label_color_in_hex' | 'button_bravo_design_type' | 'button_bravo_background_color_in_hex' | 'button_bravo_label_color_in_hex' | 'button_charlie_design_type' | 'button_charlie_background_color_in_hex' | 'button_charlie_label_color_in_hex' | 'button_delta_design_type' | 'button_delta_background_color_in_hex' | 'button_delta_label_color_in_hex' | 'button_echo_design_type' | 'button_echo_background_color_in_hex' | 'button_echo_label_color_in_hex' | 'item_title_color_in_hex' | 'item_description_color_in_hex' | 'item_button_design_type' | 'item_button_background_color_in_hex' | 'item_button_label_color_in_hex';
 declare type KeyOfItemProperties = 'title' | 'description' | 'body' | 'logo_image_src' | 'image_src' | 'link_type' | 'link_src' | 'button_label';
 export interface ISection {
@@ -54,6 +56,7 @@ export interface ISectionProperties {
     carouselAutoplayTime: number;
     carouselInfiniteLoopMode: TypeOfCarouselInfiniteLoopMode;
     itemLinkMethod: TypeOfItemLinkMethod;
+    multiPurposeUrl: string;
 }
 export interface ISectionStyles {
     titleColorInHex: string;
@@ -174,5 +177,5 @@ export declare type DynamicLayoutProps = {
     editingSectionId?: number;
     navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string) => void;
     onClickEditSection?: (section: ISection) => void;
+    sectionActionHandler?: (action: TypeOfSectionAction) => void;
 };
-export {};

package/dist/src/sub/index.d.ts

@@ -1 +1,2 @@
 export { DynamicLayout } from './DynamicLayout';
+export * from './AdminList';

package/dist/src/sub/index.js

@@ -1,6 +1,16 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DynamicLayout = void 0;
-// NOTE: 이름은 변경될 수 있습니다.
 var DynamicLayout_1 = require("./DynamicLayout");
 Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return DynamicLayout_1.DynamicLayout; } });
+__exportStar(require("./AdminList"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -33,7 +33,7 @@
     "web-vitals": "^1.1.2"
   },
   "scripts": {
-    "build": "rm -rf ./dist && tsc",
+    "build": "rm -rf ./dist && tsc && tsc-alias",
     "prepare": "npm run build | husky install",
     "sync:color": "dotenv -e env/.env node syncColor.ts",
     "storybook": "start-storybook -p 6006",
@@ -109,6 +109,8 @@
     "stylelint-order": "^4.1.0",
     "stylelint-prettier": "^1.2.0",
     "ts-loader": "^8.3.0",
+    "tsc-alias": "^1.8.3",
+    "tsconfig-paths": "^4.1.2",
     "typescript": "^4.4.4",
     "webpack": "^4.46.0",
     "webpack-cli": "^4.9.0"

package/release-note.md

@@ -1,7 +1,6 @@
-# pds-dev-kit-web-test Release Notes
-## [v0.1.8]
-
-## 기준 pds-dev-kit-web 버전 @1.9.23
-### Component
-* AdminList
-  * checkbox관련 selectedIds가 바뀔때 selectAllMethods 를 리셋하는 것이 아닌, 전체 체크 여부를 false로 변경해주도록 로직 변경
+# PDS-DEV-KIT-WEB-TEST Release Notes
+## [v0.1.10]
+## 기준 pds-dev-kit-web 버전 @2.0.7
+### Layout
+* mobile 유형 전체
+    * min-width 제거