pds-dev-kit-web-test 0.2.2 → 0.2.4

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

@@ -1,328 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customsectionMock = void 0;
-exports.customsectionMock = [
-    {
-        type: 'BUTTON',
-        gridItemData: {
-            x: 2,
-            y: 2,
-            w: 2,
-            h: 2,
-            i: '1'
-        },
-        content: {
-            data: {
-                type: 'BUTTON',
-                value: {
-                    text: 'im button'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        hoverStyle: {
-            backgroundColor: 'blue',
-            color: 'white',
-            opacity: 0.5
-        },
-        layout: {}
-    },
-    {
-        type: 'TEXT',
-        gridItemData: {
-            x: 3,
-            y: 3,
-            w: 2,
-            h: 2,
-            i: '2'
-        },
-        content: {
-            data: {
-                type: 'TEXT',
-                value: {
-                    text: 'im Text'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        layout: {}
-    },
-    {
-        type: 'DIVIDER',
-        gridItemData: {
-            x: 8,
-            y: 0,
-            w: 2,
-            h: 4,
-            i: '3'
-        },
-        content: {
-            data: {
-                type: 'DIVIDER',
-                value: {
-                    size: 10
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        layout: {}
-    },
-    {
-        type: 'IMAGE',
-        gridItemData: {
-            x: 0,
-            y: 4,
-            w: 4,
-            h: 4,
-            i: '4'
-        },
-        content: {
-            data: {
-                type: 'IMAGE',
-                value: {
-                    src: 'https://static.publ.site/channel_default_channel_icon.png',
-                    alt: 'text'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        layout: {}
-    },
-    {
-        type: 'TWITTER',
-        gridItemData: {
-            x: 8,
-            y: 1,
-            w: 5,
-            h: 7,
-            i: '5'
-        },
-        content: {
-            data: {
-                type: 'TWITTER',
-                value: {
-                    accountId: 'elonmusk'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        layout: {}
-    },
-    {
-        type: 'YOUTUBE',
-        gridItemData: {
-            x: 12,
-            y: 4,
-            w: 6,
-            h: 6,
-            i: '6'
-        },
-        content: {
-            data: {
-                type: 'YOUTUBE',
-                value: {
-                    src: 'https://youtu.be/5ch94AaPZRQ',
-                    startAt: 60,
-                    endAt: 120
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'red'
-        },
-        layout: {}
-    },
-    {
-        type: 'RICH_TEXT',
-        gridItemData: {
-            x: 0,
-            y: 0,
-            w: 6,
-            h: 10,
-            i: '7'
-        },
-        content: {
-            data: {
-                type: 'RICH_TEXT',
-                value: {
-                    text: '<h1>text</h1><h2>text</h2><p><span style="color: rgb(224, 62, 45);">text</span></p><p><span style="color: rgb(132, 63, 161);">text</span></p><p><span style="color: rgb(230, 126, 35);">text</span></p><p><span style="color: rgb(22, 145, 121);">text</span></p><p><em>text</em></p><p><span style="text-decoration: underline;">text</span></p><p><s>text</s></p><p style="text-align: center;">text</p><p style="text-align: right;">text</p><ol><li style="text-align: left;">text</li><li style="text-align: left;">text</li></ol><p>&nbsp;</p><ul><li>text</li><li>text</li></ul><blockquote><p>text</p></blockquote><p><span style="color: rgb(126, 140, 141);"><a href="https://google.com">https://google.com</a></span></p><p><span style="color: rgb(126, 140, 141);"><img title="b4bffd4008803a321411fc7ada27be05.jpeg" src="https://publ-upload-dev.s3.ap-northeast-2.amazonaws.com/45414c0e-496b-43d0-99f7-e8cefe177e81.jpeg" alt="image" width="700" height="394"></span></p><p><span style="color: rgb(126, 140, 141);"><iframe src="https://www.youtube.com/embed/WHD7uNXFspk" width="560" height="314" allowfullscreen="allowfullscreen"></iframe></span></p>'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'yellow'
-        },
-        layout: {}
-    },
-    {
-        type: 'ACCORDION',
-        gridItemData: {
-            x: 5,
-            y: 5,
-            w: 6,
-            h: 10,
-            i: '8'
-        },
-        content: {
-            data: {
-                type: 'ACCORDION',
-                value: {
-                    accordionItems: [
-                        { title: 'title1', description: 'description1' },
-                        { title: 'title2', description: 'description2' },
-                        { title: 'title3', description: 'description3' }
-                    ],
-                    openedItemId: '0'
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'white'
-            // display: 'flex',
-            // flexDirection: 'column',
-            // justifyContent: 'center',
-            // alignItems: 'center'
-        },
-        layout: {}
-    },
-    {
-        type: 'CONTENTS_CAROUSEL',
-        gridItemData: {
-            x: 5,
-            y: 5,
-            w: 10,
-            h: 10,
-            i: '9'
-        },
-        content: {
-            data: {
-                type: 'CONTENTS_CAROUSEL',
-                value: {
-                    carouselSettings: {
-                        mode: 'normal',
-                        carouselAutoplayTime: 1,
-                        spaceBetween: 10,
-                        slidesPerView: 3,
-                        sliderPerGroup: 1,
-                        buttonSpacing: '10px'
-                    },
-                    contentsCarouselItems: [
-                        {
-                            title: 'im 1 carousel item',
-                            description: 'im 1 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/d474e86e-9df7-44dd-999e-0bc2a7c9b267.jpg',
-                            linkSrc: 'im 1 carousel item',
-                            linkType: 'NONE',
-                            buttonLabel: 'im 1 carousel item',
-                            id: '1'
-                        },
-                        {
-                            title: 'im 2 carousel item',
-                            description: 'im 2 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/5cbc7c88-9566-4ce1-9dc8-0845259aa6a1.jpg',
-                            linkSrc: 'im 2 carousel item',
-                            linkType: 'NONE',
-                            buttonLabel: 'im 2 carousel item',
-                            id: '2'
-                        },
-                        {
-                            title: 'im 3 carousel item',
-                            description: 'im 3 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/172b5a98-fd4b-4b2e-bdca-928d182c1548.jpg',
-                            linkSrc: 'im 3 carousel item',
-                            linkType: 'NONE',
-                            buttonLabel: 'im 3 carousel item',
-                            id: '3'
-                        },
-                        {
-                            title: 'im 4 carousel item',
-                            description: 'im 4 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/30ddd804-841a-416f-88a6-fbcb84924036.jpg',
-                            linkSrc: 'im 4 carousel item',
-                            linkType: 'NONE',
-                            buttonLabel: 'im 4 carousel item',
-                            id: '4'
-                        }
-                    ]
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'white'
-            // display: 'flex',
-            // flexDirection: 'column',
-            // justifyContent: 'center',
-            // alignItems: 'center'
-        },
-        layout: {}
-    },
-    {
-        type: 'IMAGE_CAROUSEL',
-        gridItemData: {
-            x: 5,
-            y: 5,
-            w: 10,
-            h: 10,
-            i: '10'
-        },
-        content: {
-            data: {
-                type: 'IMAGE_CAROUSEL',
-                value: {
-                    carouselSettings: {
-                        mode: 'normal',
-                        carouselAutoplayTime: 1,
-                        spaceBetween: 10,
-                        slidesPerView: 1,
-                        sliderPerGroup: 1,
-                        effect: 'fade'
-                    },
-                    imgCarouselItems: [
-                        {
-                            title: 'im 1 carousel item',
-                            description: 'im 1 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/d474e86e-9df7-44dd-999e-0bc2a7c9b267.jpg',
-                            id: '1'
-                        },
-                        {
-                            title: 'im 2 carousel item',
-                            description: 'im 2 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/5cbc7c88-9566-4ce1-9dc8-0845259aa6a1.jpg',
-                            id: '2'
-                        },
-                        {
-                            title: 'im 3 carousel item',
-                            description: 'im 3 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/172b5a98-fd4b-4b2e-bdca-928d182c1548.jpg',
-                            id: '3'
-                        },
-                        {
-                            title: 'im 4 carousel item',
-                            description: 'im 4 carousel item',
-                            imageSrc: 'https://cdn.dev.publishingkit.net/30ddd804-841a-416f-88a6-fbcb84924036.jpg',
-                            id: '4'
-                        }
-                    ]
-                }
-            }
-        },
-        style: {
-            backgroundColor: 'white'
-            // display: 'flex',
-            // flexDirection: 'column',
-            // justifyContent: 'center',
-            // alignItems: 'center'
-        },
-        layout: {}
-    }
-];

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/BlockMatcher.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { BlockNames, ContentType, LayoutType, StyleType } from '../types';
-declare type BlockMatcherProps = {
-    type: BlockNames;
-    content: ContentType;
-    style: StyleType;
-    layout: LayoutType;
-    hoverStyle?: StyleType;
-};
-declare function BlockMatcher({ type, content, style, layout, hoverStyle }: BlockMatcherProps): JSX.Element;
-export default BlockMatcher;

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

@@ -1,86 +0,0 @@
-"use strict";
-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 blocks_1 = require("./blocks");
-var Button_1 = __importDefault(require("./blocks/Button"));
-var ContentsCarousel_1 = __importDefault(require("./blocks/ContentsCarousel/ContentsCarousel"));
-var ImageCarousel_1 = __importDefault(require("./blocks/ImageCarousel/ImageCarousel"));
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function BlockMatcher(_a) {
-    var type = _a.type, content = _a.content, style = _a.style, layout = _a.layout, hoverStyle = _a.hoverStyle;
-    var value = content.data.value;
-    switch (type) {
-        case 'TEXT':
-            if ('text' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.Text, { style: style, text: value.text }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        case 'BUTTON':
-            if ('text' in value) {
-                return (0, jsx_runtime_1.jsx)(Button_1.default, { text: value.text, style: style, hoverStyle: hoverStyle }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        case 'IMAGE': {
-            if ('src' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.Image, { style: style, src: value.src }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'RICH_TEXT': {
-            if ('text' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.RichText, { style: style, text: value.text }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'INSTAGRAM': {
-            if ('accountId' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.Instagram, { style: style, accountId: value.accountId }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'TWITTER': {
-            if ('accountId' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.Twitter, { style: style, accountId: value.accountId }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'YOUTUBE': {
-            if ('startAt' in value) {
-                return ((0, jsx_runtime_1.jsx)(blocks_1.Youtube, { url: value.src, startAt: value.startAt, endAt: value.endAt, style: style }, void 0));
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'DIVIDER': {
-            if ('size' in value) {
-                return (0, jsx_runtime_1.jsx)(blocks_1.Divider, { size: value.size, style: style }, void 0);
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'ACCORDION': {
-            if ('accordionItems' in value && 'openedItemId' in value) {
-                return ((0, jsx_runtime_1.jsx)(blocks_1.Accordion, { accordionItems: value.accordionItems, openedItemId: value.openedItemId, style: style }, void 0));
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'CONTENTS_CAROUSEL': {
-            if ('contentsCarouselItems' in value && 'carouselSettings' in value) {
-                return ((0, jsx_runtime_1.jsx)(ContentsCarousel_1.default, { contentsCarouselItems: value.contentsCarouselItems, carouselSettings: value.carouselSettings, 
-                    // openedItemId={value.openedItemId}
-                    style: style }, void 0));
-            }
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-        }
-        case 'IMAGE_CAROUSEL': {
-            if ('imgCarouselItems' in value && 'carouselSettings' in value) {
-                return ((0, jsx_runtime_1.jsx)(ImageCarousel_1.default, { imgStyle: { objectFit: 'fill' }, imgCarouselItems: value.imgCarouselItems, carouselSettings: value.carouselSettings, style: {} }, void 0));
-            }
-        }
-        // eslint-disable-next-line no-fallthrough
-        default:
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error" }, void 0);
-    }
-}
-exports.default = BlockMatcher;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Accordion.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-export declare type AccordionItem = {
-    title: string;
-    description: string;
-};
-export declare type AccordionProps = {
-    accordionItems: AccordionItem[];
-    openedItemId?: string;
-    style: React.CSSProperties;
-};
-declare function Accordion({ accordionItems, openedItemId, style }: AccordionProps): JSX.Element;
-export default Accordion;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/Accordion.js

@@ -1,46 +0,0 @@
-"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 __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 react_1 = require("react");
-var index_1 = require("../../../../../../desktop/index");
-var components_1 = require("../../../../../../hybrid/components");
-var components_2 = require("../../../../../DynamicLayout/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var AccordionCore_1 = require("./AccordionCore");
-function Accordion(_a) {
-    var accordionItems = _a.accordionItems, openedItemId = _a.openedItemId, style = _a.style;
-    var _b = (0, react_1.useState)(''), openedId = _b[0], setOpen = _b[1];
-    (0, react_1.useLayoutEffect)(function () {
-        setOpen(openedItemId !== null && openedItemId !== void 0 ? openedItemId : '');
-    }, [openedItemId]);
-    var toggleAccordion = function (id) {
-        if (openedId === id) {
-            setOpen('');
-            return;
-        }
-        setOpen(id);
-    };
-    return ((0, jsx_runtime_1.jsx)(S_AccordionBox, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(AccordionCore_1.AccordionCore, __assign({ openedId: openedId, toggle: toggleAccordion }, { children: accordionItems.map(function (each, index) { return ((0, jsx_runtime_1.jsxs)(AccordionCore_1.AccordionItem, __assign({ style: { backgroundColor: style.backgroundColor } }, { children: [(0, jsx_runtime_1.jsx)(AccordionCore_1.AccordionHeader, { targetId: index.toString(), text: each.title }, void 0), (0, jsx_runtime_1.jsxs)(AccordionCore_1.AccordionBody, __assign({ targetId: index.toString() }, { children: [(0, jsx_runtime_1.jsxs)(components_2.Box, __assign({ direction: "horizontal" }, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: each.description, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(S_Divider, {}, void 0)] }), index.toString())); }) }), void 0) }), void 0));
-}
-var S_Divider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #dfdfdf;\n  height: 1px;\n  width: 100%;\n"], ["\n  background-color: #dfdfdf;\n  height: 1px;\n  width: 100%;\n"])));
-var S_AccordionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n\n  * {\n    color: black;\n  }\n"], ["\n  height: 100%;\n\n  * {\n    color: black;\n  }\n"])));
-exports.default = Accordion;
-var templateObject_1, templateObject_2;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionBody.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { AccordionItemIdType } from './AccordionCore';
-declare type Props = {
-    children: React.ReactNode;
-    targetId: AccordionItemIdType;
-};
-declare function AccordionBody({ children, targetId }: Props): JSX.Element;
-export default AccordionBody;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionBody.js

@@ -1,74 +0,0 @@
-"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
-var AccordionCore_1 = require("./AccordionCore");
-function AccordionBody(_a) {
-    var children = _a.children, targetId = _a.targetId;
-    var _b = (0, react_1.useState)('SHOW'), state = _b[0], setState = _b[1];
-    var _c = (0, react_1.useState)(0), height = _c[0], setHeight = _c[1];
-    var openedId = (0, react_1.useContext)(AccordionCore_1.AccordionContext).openedId;
-    var childrenRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        if (!childrenRef.current) {
-            return;
-        }
-        var off = childrenRef.current.offsetHeight;
-        setHeight(off);
-    }, [children]);
-    (0, react_1.useLayoutEffect)(function () {
-        if (openedId !== targetId) {
-            setState('COLLAPSE');
-            return;
-        }
-        setState('SHOW');
-    }, [openedId]);
-    return ((0, jsx_runtime_1.jsx)(S_AccordionBody, __assign({ state: state, height: height }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: childrenRef }, { children: children }), void 0) }), void 0));
-}
-var S_AccordionBody = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: ", ";\n  overflow: hidden;\n\n  ", ";\n\n  ", ";\n\n  transition: height 0.35s ease;\n"], ["\n  height: ", ";\n  overflow: hidden;\n\n  ", ";\n\n  ", ";\n\n  transition: height 0.35s ease;\n"])), function (_a) {
-    var height = _a.height;
-    return height + "px";
-}, function (_a) {
-    var state = _a.state, height = _a.height;
-    return state === 'SHOW' && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: ", " + 'px';\n    "], ["\n      height: ", " + 'px';\n    "])), height);
-}, function (_a) {
-    var state = _a.state;
-    return state === 'COLLAPSE' && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      height: 0;\n    "], ["\n      height: 0;\n    "])));
-});
-exports.default = AccordionBody;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionCore.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare type AccordionItemIdType = string | number;
-declare type Props = {
-    openedId: AccordionItemIdType;
-    toggle: (id: AccordionItemIdType) => void;
-    children: React.ReactNode;
-};
-export declare const AccordionContext: React.Context<{
-    openedId: AccordionItemIdType;
-    toggle: (id: AccordionItemIdType) => void;
-}>;
-declare function AccordionCore({ openedId, children, toggle }: Props): JSX.Element;
-export default AccordionCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionCore.js

@@ -1,25 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-exports.AccordionContext = (0, react_1.createContext)({
-    openedId: '',
-    toggle: function () { return null; }
-});
-function AccordionCore(_a) {
-    var openedId = _a.openedId, children = _a.children, toggle = _a.toggle;
-    return ((0, jsx_runtime_1.jsx)(exports.AccordionContext.Provider, __assign({ value: { openedId: openedId, toggle: toggle } }, { children: children }), void 0));
-}
-exports.default = AccordionCore;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionHeader.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    text: string;
-    targetId: any;
-};
-declare function AccordionHeader({ text, targetId }: Props): JSX.Element;
-export default AccordionHeader;

package/dist/src/sub/DynamicLayout/sections/CustomSection/BlockMatcher/blocks/AccordionCore/AccordionHeader.js

@@ -1,49 +0,0 @@
-"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 __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 react_1 = require("react");
-var components_1 = require("../../../../../../DynamicLayout/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var AccordionCore_1 = require("./AccordionCore");
-function AccordionHeader(_a) {
-    var text = _a.text, targetId = _a.targetId;
-    var _b = (0, react_1.useContext)(AccordionCore_1.AccordionContext), openedId = _b.openedId, toggle = _b.toggle;
-    var onClickToggle = function () {
-        toggle(targetId);
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_Box, __assign({ alignItems: true }, { children: [(0, jsx_runtime_1.jsx)(components_1.D_TextLabel, { text: text }, void 0), (0, jsx_runtime_1.jsx)(D_IconWrapper, __assign({ isOpened: openedId === targetId }, { children: (0, jsx_runtime_1.jsx)(components_1.D_IconButton, { iconSize: 20, baseSize: "large", iconName: "ic_arrow_down", iconColorKey: "ui_cpnt_icon_sys_grey_02", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: onClickToggle }, void 0) }), void 0)] }), void 0));
-}
-var S_Box = (0, styled_components_1.default)(components_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  justify-content: space-between;\n  padding-left: ", ";\n"], ["\n  justify-content: space-between;\n  padding-left: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var D_IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: fit-content;\n  padding-left: ", ";\n  padding-right: ", ";\n\n  & > button {\n    transform: ", ";\n    transition: transform 0.2s ease-in-out;\n  }\n"], ["\n  height: fit-content;\n  padding-left: ", ";\n  padding-right: ", ";\n\n  & > button {\n    transform: ", ";\n    transition: transform 0.2s ease-in-out;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-}, function (_a) {
-    var isOpened = _a.isOpened;
-    return (isOpened ? 'rotate(-180deg)' : ' rotate(0deg)');
-});
-exports.default = AccordionHeader;
-var templateObject_1, templateObject_2;