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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,12 +22,11 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "react-grid-layout": "^1.3.4",
+    "publ-echo": "^0.0.20",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
-    "reactstrap": "^9.2.0",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "^5.2.1",
     "swiper": "^8.4.5",
@@ -86,7 +85,6 @@
     "@storybook/react": "^6.3.12",
     "@types/lodash": "^4.14.175",
     "@types/node": "^16.10.2",
-    "@types/react-grid-layout": "^1.3.2",
     "@types/react-router-dom": "^5.3.3",
     "@types/smoothscroll-polyfill": "^0.3.1",
     "@types/styled-components": "^5.1.9",

package/release-note.md

@@ -1,7 +1,15 @@
-# pds-dev-kit-web-test Release Notes
-## [v0.2.2]
-## 기준 pds-dev-kit-web 버전 @2.0.14
-### sub
-* DynamicLayout - custom section
-    * ImageCarousel 추가
-    * ContentsCarousel 추가
+# PDS-DEV-KIT-WEB Release Notes
+## [v2.0.14]
+## daily|https://design.storybook.publ.biz/
+
+### components
+* Icon
+    * ic_dotted_circle line icon 추가
+* IconButton
+    * tooltip 기능 추가
+* TextField
+    * stepper 기능 추가 
+### layout
+* WSI_1 생성
+### Color
+* 컬러 키 값 23.06.21 18시 30분 기준 싱크

package/dist/src/sub/DynamicLayout/components/Box.d.ts

@@ -1,13 +0,0 @@
-import type { CSSProperties } from 'react';
-declare type Props = {
-    direction?: 'vertical' | 'horizontal';
-    children: React.ReactNode;
-    relative?: boolean;
-    justifyContent?: boolean;
-    alignItems?: boolean;
-    flex?: boolean;
-    style?: CSSProperties;
-    className?: string;
-};
-declare function Box({ direction, children, relative, justifyContent, alignItems, flex, style, className }: Props): JSX.Element;
-export default Box;

package/dist/src/sub/DynamicLayout/components/Box.js

@@ -1,73 +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 styled_components_1 = __importStar(require("styled-components"));
-function Box(_a) {
-    var _b = _a.direction, direction = _b === void 0 ? 'horizontal' : _b, children = _a.children, relative = _a.relative, justifyContent = _a.justifyContent, alignItems = _a.alignItems, flex = _a.flex, style = _a.style, className = _a.className;
-    if (direction === 'horizontal') {
-        return ((0, jsx_runtime_1.jsx)(Row, __assign({ style: style, relative: relative, justifyContent: justifyContent, alignItems: alignItems, flex: flex, className: className }, { children: children }), void 0));
-    }
-    return ((0, jsx_runtime_1.jsx)(Col, __assign({ style: style, relative: relative, justifyContent: justifyContent, alignItems: alignItems, flex: flex, className: className }, { children: children }), void 0));
-}
-exports.default = Box;
-var Col = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
-    var relative = _a.relative;
-    return relative && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n    "], ["\n      position: relative;\n    "])));
-}, function (_a) {
-    var justifyContent = _a.justifyContent;
-    return justifyContent && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      justify-content: center;\n    "], ["\n      justify-content: center;\n    "])));
-}, function (_a) {
-    var alignItems = _a.alignItems;
-    return alignItems && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      align-items: center;\n    "], ["\n      align-items: center;\n    "])));
-}, function (_a) {
-    var flex = _a.flex;
-    return flex && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      flex: 1;\n    "], ["\n      flex: 1;\n    "])));
-});
-var Row = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (_a) {
-    var relative = _a.relative;
-    return relative && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      position: relative;\n    "], ["\n      position: relative;\n    "])));
-}, function (_a) {
-    var justifyContent = _a.justifyContent;
-    return justifyContent && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      justify-content: center;\n    "], ["\n      justify-content: center;\n    "])));
-}, function (_a) {
-    var alignItems = _a.alignItems;
-    return alignItems && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      align-items: center;\n    "], ["\n      align-items: center;\n    "])));
-}, function (_a) {
-    var flex = _a.flex;
-    return flex && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      flex: 1;\n    "], ["\n      flex: 1;\n    "])));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

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

@@ -1,334 +0,0 @@
-export declare const customsectionMock: ({
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                text: string;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    hoverStyle: {
-        backgroundColor: string;
-        color: string;
-        opacity: number;
-    };
-    layout: {};
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                text: string;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                size: number;
-                text?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                src: string;
-                alt: string;
-                text?: undefined;
-                size?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                accountId: string;
-                text?: undefined;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                src: string;
-                startAt: number;
-                endAt: number;
-                text?: undefined;
-                size?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                accordionItems: {
-                    title: string;
-                    description: string;
-                }[];
-                openedItemId: string;
-                text?: undefined;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                carouselSettings?: undefined;
-                contentsCarouselItems?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                carouselSettings: {
-                    mode: string;
-                    carouselAutoplayTime: number;
-                    spaceBetween: number;
-                    slidesPerView: number;
-                    sliderPerGroup: number;
-                    buttonSpacing: string;
-                    effect?: undefined;
-                };
-                contentsCarouselItems: {
-                    title: string;
-                    description: string;
-                    imageSrc: string;
-                    linkSrc: string;
-                    linkType: string;
-                    buttonLabel: string;
-                    id: string;
-                }[];
-                text?: undefined;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                imgCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-} | {
-    type: string;
-    gridItemData: {
-        x: number;
-        y: number;
-        w: number;
-        h: number;
-        i: string;
-    };
-    content: {
-        data: {
-            type: string;
-            value: {
-                carouselSettings: {
-                    mode: string;
-                    carouselAutoplayTime: number;
-                    spaceBetween: number;
-                    slidesPerView: number;
-                    sliderPerGroup: number;
-                    effect: string;
-                    buttonSpacing?: undefined;
-                };
-                imgCarouselItems: {
-                    title: string;
-                    description: string;
-                    imageSrc: string;
-                    id: string;
-                }[];
-                text?: undefined;
-                size?: undefined;
-                src?: undefined;
-                alt?: undefined;
-                accountId?: undefined;
-                startAt?: undefined;
-                endAt?: undefined;
-                accordionItems?: undefined;
-                openedItemId?: undefined;
-                contentsCarouselItems?: undefined;
-            };
-        };
-    };
-    style: {
-        backgroundColor: string;
-    };
-    layout: {};
-    hoverStyle?: undefined;
-})[];