pds-dev-kit-web 1.7.4 → 1.8.0

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

@@ -0,0 +1,612 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MOCK_DATA = void 0;
+exports.MOCK_DATA = [
+    {
+        id: '1',
+        display: false,
+        order: 0,
+        manifest: { schema: 'BASE_INTRO', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_INTRO_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'YOUTUBE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'NONE',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'NONE',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 1,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'YOUTUBE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'A',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'A',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'A',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: []
+    },
+    {
+        id: '2',
+        display: false,
+        order: 1,
+        manifest: { schema: 'BASE_CONTENTS', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_CONTENTS_B',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 1,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'B',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'B',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'B',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'B',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'B',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'B',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: []
+    },
+    {
+        id: '3',
+        display: false,
+        order: 2,
+        manifest: {
+            schema: 'BASE_CONTENTS_CAROUSEL',
+            availableProperties: [''],
+            availableStyles: ['']
+        },
+        template: 'BASE_CONTENTS_CAROUSEL_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'YOUTUBE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'WEB_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'WEB_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'WEB_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'NONE',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'NONE',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 1,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'YOUTUBE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'A',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'A',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'A',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'A',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'A',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'A',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 2',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '2',
+                order: 2,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 3',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '3',
+                order: 3,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 4 영역 버튼',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '4',
+                order: 4,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 5 영역 버튼',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '5',
+                order: 5,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 6',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '6',
+                order: 6,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: 'ITEM 6',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '7',
+                order: 7,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: '',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            },
+            {
+                id: '8',
+                order: 8,
+                display: true,
+                manifest: {
+                    schema: 'BASE_CONTENTS_CAROUSEL_ITEM',
+                    availableProperties: ['title', 'description', 'linkMethod']
+                },
+                properties: {
+                    title: '',
+                    description: '',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: '',
+                    linkMethod: 'CLICK_BUTTON_IN_ITEM',
+                    linkType: 'WEB_LINK',
+                    linkSrc: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/a7a8fefe-f8d0-41a3-9d1e-ce277b7e59e7',
+                    buttonLabel: '전환 버튼'
+                }
+            }
+        ]
+    },
+    {
+        id: '4',
+        display: false,
+        order: 3,
+        manifest: { schema: 'BASE_FOOTER', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_FOOTER_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 1,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'B',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'B',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'B',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'B',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'B',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'B',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_FOOTER_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: '',
+                    description: 'type A 푸터입니다. 배경색은 blue, 배경색 투명도는 0.7입니다.',
+                    body: '',
+                    logoImageSrc: 'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
+                    imageSrc: '',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_FOOTER_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: '',
+                    description: 'type B 푸터입니다. 배경색은 yellow, 배경색 투명도는 0.3입니다.',
+                    body: '',
+                    logoImageSrc: 'https://publ.atlassian.net/wiki/download/attachments/32773/atl.site.logo?version=11&modificationDate=1613969489170&cacheVersion=1&api=v2',
+                    imageSrc: '',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            }
+        ]
+    },
+    {
+        id: '5',
+        display: false,
+        order: 4,
+        manifest: { schema: 'BASE_INFO_BOX', availableProperties: [''], availableStyles: [''] },
+        template: 'BASE_INFO_BOX_A',
+        properties: {
+            title: '',
+            description: '',
+            sectionContentMediaType: 'IMAGE',
+            sectionContentMediaSrc: '',
+            buttonAlphaLabel: '',
+            buttonAlphaLinkType: 'INTERNAL_LINK',
+            buttonAlphaLinkSrc: '',
+            buttonBravoLabel: '',
+            buttonBravoLinkType: 'INTERNAL_LINK',
+            buttonBravoLinkSrc: '',
+            buttonCharlieLabel: '',
+            buttonCharlieLinkType: 'INTERNAL_LINK',
+            buttonCharlieLinkSrc: '',
+            buttonDeltaLabel: '',
+            buttonDeltaLinkType: 'INTERNAL_LINK',
+            buttonDeltaLinkSrc: '',
+            buttonEchoLabel: '',
+            buttonEchoLinkType: 'INTERNAL_LINK',
+            buttonEchoLinkSrc: '',
+            carouselAutoplayMode: 'AUTO',
+            carouselAutoplayTime: 1,
+            carouselInfiniteLoopMode: 'USE'
+        },
+        styles: {
+            titleColorInHex: '',
+            descriptionColorInHex: '',
+            backgroundColorInHex: '',
+            backgroundMediaType: 'IMAGE',
+            backgroundMediaSrc: '',
+            backgroundOverlayColorInHex: '',
+            buttonAlphaDesignType: 'C',
+            buttonAlphaBackgroundColorInHex: '',
+            buttonAlphaLabelColorInHex: '',
+            buttonBravoDesignType: 'C',
+            buttonBravoBackgroundColorInHex: '',
+            buttonBravoLabelColorInHex: '',
+            buttonCharlieDesignType: 'C',
+            buttonCharlieBackgroundColorInHex: '',
+            buttonCharlieLabelColorInHex: '',
+            buttonDeltaDesignType: 'C',
+            buttonDeltaBackgroundColorInHex: '',
+            buttonDeltaLabelColorInHex: '',
+            buttonEchoDesignType: 'C',
+            buttonEchoBackgroundColorInHex: '',
+            buttonEchoLabelColorInHex: '',
+            itemTitleColorInHex: '',
+            itemDescriptionColorInHex: '',
+            itemButtonDesignType: 'C',
+            itemButtonBackgroundColorInHex: '',
+            itemButtonLabelColorInHex: ''
+        },
+        dynamicLayoutSectionItems: [
+            {
+                id: '0',
+                order: 0,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '1',
+                order: 1,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '2',
+                order: 2,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            },
+            {
+                id: '3',
+                order: 3,
+                display: true,
+                manifest: {
+                    schema: 'BASE_INFO_BOX_ITEM',
+                    availableProperties: ['description', 'logoImageSrc']
+                },
+                properties: {
+                    title: 'TITLE1',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pharetra justo eget viverra auctor.',
+                    body: '',
+                    logoImageSrc: '',
+                    imageSrc: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
+                    linkMethod: 'NONE',
+                    linkType: 'NONE',
+                    linkSrc: '',
+                    buttonLabel: ''
+                }
+            }
+        ]
+    }
+];

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

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

package/dist/src/sub/index.js

@@ -0,0 +1,6 @@
+"use strict";
+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; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -28,6 +28,7 @@
     "react-scripts": "4.0.3",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "^5.2.1",
+    "swiper": "^8.4.5",
     "tsc-init": "^2.1.0",
     "web-vitals": "^1.1.2"
   },

package/release-note.md

@@ -1,8 +1,9 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.7.4]
+## [v1.8.0]
 
-### Layout
-* WTM_3 생성
-* MSA_2 생성
+### package
+* dependencies에 swiper 추가 
+### sub
+* DynamicLayout 생성
 ### Color
-* 컬러 키 값 22.12.29 12시 51분 기준 싱크
+* 컬러 키 값 23.01.05 14시 43분 기준 싱크