pds-dev-kit-web-test 0.2.1 → 0.2.3

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;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    style: React.CSSProperties;
-};
-declare function AccordionItem({ children, style }: Props): JSX.Element;
-export default AccordionItem;

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

@@ -1,19 +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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-function AccordionItem(_a) {
-    var children = _a.children, style = _a.style;
-    return (0, jsx_runtime_1.jsx)("div", __assign({ style: style }, { children: children }), void 0);
-}
-exports.default = AccordionItem;

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

@@ -1,4 +0,0 @@
-export { default as AccordionCore } from './AccordionCore';
-export { default as AccordionBody } from './AccordionBody';
-export { default as AccordionHeader } from './AccordionHeader';
-export { default as AccordionItem } from './AccordionItem';

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

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItem = exports.AccordionHeader = exports.AccordionBody = exports.AccordionCore = void 0;
-var AccordionCore_1 = require("./AccordionCore");
-Object.defineProperty(exports, "AccordionCore", { enumerable: true, get: function () { return __importDefault(AccordionCore_1).default; } });
-var AccordionBody_1 = require("./AccordionBody");
-Object.defineProperty(exports, "AccordionBody", { enumerable: true, get: function () { return __importDefault(AccordionBody_1).default; } });
-var AccordionHeader_1 = require("./AccordionHeader");
-Object.defineProperty(exports, "AccordionHeader", { enumerable: true, get: function () { return __importDefault(AccordionHeader_1).default; } });
-var AccordionItem_1 = require("./AccordionItem");
-Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return __importDefault(AccordionItem_1).default; } });

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

@@ -1,8 +0,0 @@
-import type React from 'react';
-declare type ButtonComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-    hoverStyle?: React.CSSProperties;
-};
-declare function Button({ text, style, hoverStyle }: ButtonComponentProp): JSX.Element;
-export default Button;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type DividerProp = {
-    size: number;
-    style: React.CSSProperties;
-};
-declare function Divider({ style, size }: DividerProp): JSX.Element;
-export default Divider;

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

@@ -1,29 +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 styled_components_1 = __importDefault(require("styled-components"));
-function Divider(_a) {
-    var style = _a.style, size = _a.size;
-    return (0, jsx_runtime_1.jsx)(S_Divider, { style: __assign(__assign({}, style), { height: size + "px" }) }, void 0);
-}
-var S_Divider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n"], ["\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n"])));
-exports.default = Divider;
-var templateObject_1;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type ImgProps = {
-    src: string;
-    style: React.CSSProperties;
-};
-declare function Image({ src, style }: ImgProps): JSX.Element;
-export default Image;

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

@@ -1,18 +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 __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"));
-function Image(_a) {
-    var src = _a.src, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(S_Img, { src: src, style: style }, void 0);
-}
-var S_Img = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
-exports.default = Image;
-var templateObject_1;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type InstagramProps = {
-    accountId: string;
-    style: React.CSSProperties;
-};
-declare function Instagram({ accountId, style }: InstagramProps): JSX.Element;
-export default Instagram;

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

@@ -1,19 +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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-function Instagram(_a) {
-    var accountId = _a.accountId, style = _a.style;
-    return (0, jsx_runtime_1.jsxs)("div", __assign({ style: style }, { children: ["Instagram accountId: ", accountId] }), void 0);
-}
-exports.default = Instagram;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type RichTextComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-};
-declare function RichText({ text, style }: RichTextComponentProp): JSX.Element;
-export default RichText;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ComponentBlocks_1 = require("../../../../../DynamicLayout/components/ComponentBlocks");
-function RichText(_a) {
-    var text = _a.text, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(ComponentBlocks_1.RichText, { text: text, style: style }, void 0);
-}
-exports.default = RichText;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-export declare type TextComponentProp = {
-    text: string;
-    style: React.CSSProperties;
-};
-declare function Text({ text, style }: TextComponentProp): JSX.Element;
-export default Text;

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

@@ -1,29 +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 styled_components_1 = __importDefault(require("styled-components"));
-function Text(_a) {
-    var text = _a.text, style = _a.style;
-    return (0, jsx_runtime_1.jsx)(S_Text, __assign({ style: style }, { children: text }), void 0);
-}
-var S_Text = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
-exports.default = Text;
-var templateObject_1;

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-declare type TwitterProps = {
-    accountId: string;
-    style: React.CSSProperties;
-};
-declare function Twitter({ accountId, style }: TwitterProps): JSX.Element;
-export default Twitter;

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

@@ -1,30 +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 ComponentBlocks_1 = require("../../../../../DynamicLayout/components/ComponentBlocks");
-var styled_components_1 = __importDefault(require("styled-components"));
-function Twitter(_a) {
-    var accountId = _a.accountId, style = _a.style;
-    return ((0, jsx_runtime_1.jsx)(S_TwitterWrapper, __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(ComponentBlocks_1.TwitterTimeline, { width: 200, height: 400, userId: accountId, fallback: (0, jsx_runtime_1.jsxs)("div", { children: ["loading @", accountId, " feed"] }, void 0) }, void 0) }), void 0));
-}
-var S_TwitterWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  //NOTE: editmode;\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"], ["\n  //NOTE: editmode;\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"])));
-exports.default = Twitter;
-var templateObject_1;

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

@@ -1,9 +0,0 @@
-import type React from 'react';
-export declare type YoutubeProps = {
-    url: string;
-    startAt: number;
-    endAt: number;
-    style: React.CSSProperties;
-};
-declare function Youtube({ url, startAt, endAt, style }: YoutubeProps): JSX.Element;
-export default Youtube;

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

@@ -1,38 +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 __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"));
-function Youtube(_a) {
-    var url = _a.url, startAt = _a.startAt, endAt = _a.endAt, style = _a.style;
-    var id = YoutubeLinkParser.getId(url);
-    var src = YoutubeLinkParser.getEmbedUrl(url, startAt, endAt);
-    return (0, jsx_runtime_1.jsx)(S_Iframe, { title: id, src: src, style: style }, void 0);
-}
-var S_Iframe = styled_components_1.default.iframe(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"], ["\n  height: 100%;\n  pointer-events: none;\n  width: 100%;\n"])));
-exports.default = Youtube;
-var YoutubeLinkParser = /** @class */ (function () {
-    function YoutubeLinkParser() {
-    }
-    YoutubeLinkParser.getId = function (src) {
-        var _a;
-        var embedUrl = src.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/);
-        var shareUrl = src.match(/youtu.be\/(.{11})/);
-        var shortsUrl = src.match(/youtube\.com\/shorts\/(.{11})/);
-        return (_a = (embedUrl || shareUrl || shortsUrl)) === null || _a === void 0 ? void 0 : _a.pop();
-    };
-    YoutubeLinkParser.getThumbnailUrl = function (src) {
-        return "https://img.youtube.com/vi/" + YoutubeLinkParser.getId(src) + "/0.jpg";
-    };
-    YoutubeLinkParser.getEmbedUrl = function (src, start, end) {
-        return "https://www.youtube.com/embed/" + YoutubeLinkParser.getId(src) + "?start=" + start + "&end=" + end;
-    };
-    return YoutubeLinkParser;
-}());
-var templateObject_1;

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

@@ -1,9 +0,0 @@
-export { default as Text } from './Text';
-export { default as Image } from './Image';
-export { default as RichText } from './RichText';
-export { default as Button } from './Button';
-export { default as Instagram } from './Instagram';
-export { default as Twitter } from './Twitter';
-export { default as Divider } from './Divider';
-export { default as Youtube } from './Youtube';
-export { default as Accordion } from './Accordion';

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

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = exports.Youtube = exports.Divider = exports.Twitter = exports.Instagram = exports.Button = exports.RichText = exports.Image = exports.Text = void 0;
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
-var Image_1 = require("./Image");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
-var RichText_1 = require("./RichText");
-Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return __importDefault(RichText_1).default; } });
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var Instagram_1 = require("./Instagram");
-Object.defineProperty(exports, "Instagram", { enumerable: true, get: function () { return __importDefault(Instagram_1).default; } });
-var Twitter_1 = require("./Twitter");
-Object.defineProperty(exports, "Twitter", { enumerable: true, get: function () { return __importDefault(Twitter_1).default; } });
-var Divider_1 = require("./Divider");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
-var Youtube_1 = require("./Youtube");
-Object.defineProperty(exports, "Youtube", { enumerable: true, get: function () { return __importDefault(Youtube_1).default; } });
-var Accordion_1 = require("./Accordion");
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });

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

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

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

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