wini-web-components 2.7.0 → 2.7.1

package/package.json

@@ -1,82 +1,44 @@
-{
-  "name": "wini-web-components",
-  "version": "2.7.0",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "@ckeditor/ckeditor5-react": "^9.4.0",
-    "ckeditor5": "^44.1.0",
-    "date-fns": "^3.6.0",
-    "i18next": "^24.1.0",
-    "react": "^18.3.1",
-    "react-awesome-slider": "^4.1.0",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.52.0",
-    "react-i18next": "^15.2.0",
-    "react-paginate": "^8.2.0",
-    "react-scripts": "5.0.1",
-    "react-toastify": "^10.0.5",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "build": "webpack --mode development",
-    "build:prod": "webpack --mode production",
-    "build:types": "tsc"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.0.0",
-    "@types/css-modules": "^1.0.5",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^18.3.1",
-    "babel-loader": "^8.0.0",
-    "css-loader": "^5.2.7",
-    "postcss-loader": "^8.1.1",
-    "postcss-preset-env": "^10.1.3",
-    "style-loader": "^2.0.0",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.7.2",
-    "webpack": "^5.0.0",
-    "webpack-cli": "^4.0.0"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/WiniGit/web-component.git"
-  },
-  "keywords": [
-    "wini"
-  ],
-  "author": "thunt",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/WiniGit/web-component/issues"
-  },
-  "homepage": "https://github.com/WiniGit/web-component#readme"
-}
+{
+  "name": "wini-web-components",
+  "version": "2.7.1",
+  "main": "dist/wini-web-components.umd.js",
+  "module": "dist/wini-web-components.es.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-react": "^9.5.0",
+    "ckeditor5": "^44.3.0",
+    "date-fns": "^4.1.0",
+    "react": "^18.0.0",
+    "react-awesome-slider": "^4.1.0",
+    "react-dom": "^18.0.0",
+    "react-hook-form": "^7.54.2",
+    "react-i18next": "^15.4.1",
+    "react-paginate": "^8.3.0",
+    "react-toastify": "^11.0.5"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.21.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^15.15.0",
+    "sass": "^1.85.1",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}

package/README.md

@@ -1,21 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm i wini-web-components`
-
-### Using Skin
-add this cdn link into your App.css file. \
-@import url(https://cdn.jsdelivr.net/gh/WiniGit/web-component@latest/src/skin/root.css); \
-@import url(https://cdn.jsdelivr.net/gh/WiniGit/web-component@latest/src/skin/typography.css); \
-@import url(https://cdn.jsdelivr.net/gh/WiniGit/web-component@latest/src/skin/layout.css);
-
-add this import css into your App.js \
-import 'ckeditor5/ckeditor5.css';
-
-
-

package/dist/component/button/button.d.ts

@@ -1,21 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-interface ButtonProps {
-    id?: string;
-    label: string;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    disabled?: boolean;
-    linkTo?: string;
-    target?: string;
-    style?: CSSProperties;
-    type?: "button" | "reset" | "submit";
-    /**
-     * default: size32: button-text-3 \
-     * recommend: size64: button-text-1 | size56: button-text-1 | size48: button-text-1 | size40: button-text-3 | size32: button-text-3 | size24: button-text-5 \
-     * status button: button-primary | button-infor | button-warning | button-error | button-success | button-grey | button-neutral | button-infor-main | button-warning-main | button-error-main | button-success-main
-     * */
-    className?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-}
-export declare function Button(props: ButtonProps): React.JSX.Element;
-export {};

package/dist/component/button/button.js

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = Button;
-const react_1 = __importStar(require("react"));
-const text_1 = require("../text/text");
-const button_module_css_1 = __importDefault(require("./button.module.css"));
-function Button(props) {
-    var _a, _b, _c;
-    const btnRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (btnRef.current) {
-            switch (props.type) {
-                case "submit":
-                    function handleSubmit(ev) {
-                        switch (ev.key.toLowerCase()) {
-                            case "enter":
-                                btnRef.current.click();
-                                break;
-                            default:
-                                break;
-                        }
-                    }
-                    window.addEventListener("keydown", handleSubmit);
-                    return () => { window.removeEventListener("keydown", handleSubmit); };
-                default:
-                    break;
-            }
-        }
-    }, [props.type, btnRef.current]);
-    return props.linkTo ? react_1.default.createElement("a", { id: props.id, href: props.disabled ? undefined : props.linkTo, target: props.target, className: `${button_module_css_1.default['button-container']} row ${(_a = props.className) !== null && _a !== void 0 ? _a : "button-text-3"}`, style: props.style, onClick: props.onClick },
-        props.prefix,
-        react_1.default.createElement(text_1.Text, { maxLine: 1, className: button_module_css_1.default['button-label'] }, props.label),
-        props.suffix) : react_1.default.createElement("button", { ref: btnRef, id: props.id, type: (_b = props.type) !== null && _b !== void 0 ? _b : "button", disabled: props.disabled, className: `${button_module_css_1.default['button-container']} row ${(_c = props.className) !== null && _c !== void 0 ? _c : "button-text-3"}`, style: props.style, onClick: props.onClick },
-        props.prefix,
-        react_1.default.createElement(text_1.Text, { maxLine: 1, className: button_module_css_1.default['button-label'] }, props.label),
-        props.suffix);
-}

package/dist/component/calendar/calendar.d.ts

@@ -1,30 +0,0 @@
-import React, { CSSProperties, ReactNode } from "react";
-import { WithTranslation } from 'react-i18next';
-export declare const today: Date;
-export declare const startDate: Date;
-export declare const endDate: Date;
-export declare const inRangeTime: (date: Date, startDate: Date, endDate: Date) => boolean;
-interface CalendarProps extends WithTranslation {
-    id?: string;
-    value?: Date | {
-        sTime: Date;
-        eTime: Date;
-    };
-    range?: boolean;
-    min?: Date;
-    max?: Date;
-    onSelect?: (props: Date | {
-        sTime: Date;
-        eTime: Date;
-    }) => void;
-    disabled?: boolean;
-    helperText?: string;
-    helperTextColor?: string;
-    placeholder?: string;
-    className?: string;
-    style?: CSSProperties;
-    header?: ReactNode;
-    footer?: ReactNode;
-}
-export declare const Calendar: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<CalendarProps, import("react-i18next").WithTranslationProps>, keyof WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
-export {};

package/dist/component/calendar/calendar.js

@@ -1,357 +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.Calendar = exports.inRangeTime = exports.endDate = exports.startDate = exports.today = void 0;
-const react_1 = __importDefault(require("react"));
-const calendar_module_css_1 = __importDefault(require("./calendar.module.css"));
-const date_fns_1 = require("date-fns");
-const react_i18next_1 = require("react-i18next");
-const winicon_1 = require("../wini-icon/winicon");
-exports.today = new Date();
-exports.startDate = new Date(exports.today.getFullYear() - 100, exports.today.getMonth(), exports.today.getDate());
-exports.endDate = new Date(exports.today.getFullYear() + 100, exports.today.getMonth(), exports.today.getDate());
-const inRangeTime = (date, startDate, endDate) => ((0, date_fns_1.differenceInCalendarDays)(date, startDate) > -1 && (0, date_fns_1.differenceInCalendarDays)(endDate, date) > -1);
-exports.inRangeTime = inRangeTime;
-var CalendarTab;
-(function (CalendarTab) {
-    CalendarTab[CalendarTab["DATE"] = 0] = "DATE";
-    CalendarTab[CalendarTab["MONTH"] = 1] = "MONTH";
-    CalendarTab[CalendarTab["YEAR"] = 2] = "YEAR";
-})(CalendarTab || (CalendarTab = {}));
-const stateValue = (minDate, maxDate, value, range) => {
-    let defaultValue;
-    if (value) {
-        if (range) {
-            if (value instanceof Date)
-                defaultValue = { sTime: value, eTime: value };
-            else
-                defaultValue = value;
-            if (defaultValue.sTime.getTime() < minDate.getTime())
-                defaultValue.sTime = minDate;
-            if (defaultValue.eTime.getTime() > maxDate.getTime())
-                defaultValue.eTime = maxDate;
-        }
-        else {
-            if (value instanceof Date)
-                defaultValue = value;
-            else
-                defaultValue = value.sTime;
-            if (defaultValue.getTime() < minDate.getTime())
-                defaultValue = minDate;
-            if (defaultValue.getTime() > maxDate.getTime())
-                defaultValue = maxDate;
-        }
-    }
-    else {
-        defaultValue = range ? { sTime: exports.today, eTime: exports.today } : exports.today;
-    }
-    const defaultMonth = defaultValue instanceof Date ? defaultValue.getMonth() : defaultValue.sTime.getMonth();
-    const defaultYear = defaultValue instanceof Date ? defaultValue.getFullYear() : defaultValue.sTime.getFullYear();
-    return {
-        value: value ? defaultValue : undefined,
-        selectMonth: defaultMonth,
-        selectYear: defaultYear,
-        tab: CalendarTab.DATE,
-    };
-};
-class TCalendar extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.minDate = !this.props.min || this.props.min.getTime() < exports.startDate.getTime() ? exports.startDate : this.props.min;
-        this.maxDate = !this.props.max || this.props.max.getTime() > exports.endDate.getTime() ? exports.endDate : this.props.max;
-        this.state = stateValue(this.minDate, this.maxDate, this.props.value, this.props.range);
-        this.showDateInMonth = this.showDateInMonth.bind(this);
-        this.showMonthInYear = this.showMonthInYear.bind(this);
-        this.showYearInRange = this.showYearInRange.bind(this);
-        this.getTitle = this.getTitle.bind(this);
-    }
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        if (prevProps.value !== this.props.value) {
-            this.setState(stateValue(this.minDate, this.maxDate, this.props.value, this.props.range));
-        }
-    }
-    showDateInMonth() {
-        let firstDayOfMonth = new Date(this.state.selectYear, this.state.selectMonth, 1);
-        return react_1.default.createElement(react_1.default.Fragment, null,
-            Array.from({ length: 7 }).map((_, i) => {
-                switch (i) {
-                    case 0:
-                        var weekdayTitle = this.props.t("su");
-                        break;
-                    case 1:
-                        weekdayTitle = this.props.t("mo");
-                        break;
-                    case 2:
-                        weekdayTitle = this.props.t("tu");
-                        break;
-                    case 3:
-                        weekdayTitle = this.props.t("we");
-                        break;
-                    case 4:
-                        weekdayTitle = this.props.t("th");
-                        break;
-                    case 5:
-                        weekdayTitle = this.props.t("fr");
-                        break;
-                    case 6:
-                        weekdayTitle = this.props.t("sa");
-                        break;
-                    default:
-                        weekdayTitle = '';
-                        break;
-                }
-                return react_1.default.createElement("div", { key: 'dtwk-' + i, className: `${calendar_module_css_1.default['date-picker-circle']} date-picker-circle` },
-                    react_1.default.createElement("span", { className: "label-4 row" }, weekdayTitle));
-            }),
-            Array.from({ length: 42 }).map((_, i) => {
-                var _a, _b, _c;
-                let dateNumber = (i % 7) + (Math.floor(i / 7) * 7) - firstDayOfMonth.getDay();
-                const timeValue = new Date(this.state.selectYear, this.state.selectMonth, dateNumber + 1);
-                let className = `${calendar_module_css_1.default['date-picker-circle']} date-picker-circle`;
-                let typoClassName = "body-3";
-                if (dateNumber + 1 === exports.today.getDate() && this.state.selectMonth === exports.today.getMonth() && this.state.selectYear === exports.today.getFullYear()) {
-                    className += ` ${calendar_module_css_1.default['today']}`;
-                }
-                let style;
-                if (!(0, exports.inRangeTime)(timeValue, this.minDate, this.maxDate)) {
-                    className += ` ${calendar_module_css_1.default['invalid']}`;
-                }
-                else if (this.state.value instanceof Date) {
-                    if (this.state.value.getTime() === timeValue.getTime())
-                        className += ` ${calendar_module_css_1.default['selected']}`;
-                }
-                else if ((((_a = this.state.value) === null || _a === void 0 ? void 0 : _a.sTime.getDate()) === timeValue.getDate() && (Math.abs((0, date_fns_1.differenceInCalendarDays)(timeValue, this.state.value.sTime))) < 1) || (((_b = this.state.value) === null || _b === void 0 ? void 0 : _b.eTime.getDate()) === timeValue.getDate() && (Math.abs((0, date_fns_1.differenceInCalendarDays)(timeValue, this.state.value.eTime))) < 1)) {
-                    className += ` ${calendar_module_css_1.default['selected']} ${calendar_module_css_1.default[`${((_c = this.state.value) === null || _c === void 0 ? void 0 : _c.sTime.getDate()) === timeValue.getDate() && (Math.abs((0, date_fns_1.differenceInCalendarDays)(timeValue, this.state.value.sTime))) < 1 ? "start" : "end"}-range`]}`;
-                }
-                else if (this.state.value && (0, exports.inRangeTime)(timeValue, this.state.value.sTime, this.state.value.eTime)) {
-                    className += ` ${calendar_module_css_1.default['in-range']}`;
-                }
-                if (timeValue.getMonth() !== this.state.selectMonth) {
-                    typoClassName = "placeholder-2";
-                }
-                return react_1.default.createElement("div", { key: timeValue.toString(), className: className, style: style },
-                    react_1.default.createElement("button", { type: "button", className: `${typoClassName} row`, onClick: () => {
-                            const currentValue = this.state.value;
-                            if (this.props.range) {
-                                const newValue = (!currentValue || timeValue.getTime() < currentValue.sTime.getTime()) ? { sTime: timeValue, eTime: timeValue } : { sTime: currentValue.sTime, eTime: timeValue };
-                                this.setState(Object.assign(Object.assign({}, this.state), { value: newValue }));
-                                if (this.props.onSelect)
-                                    this.props.onSelect(newValue);
-                            }
-                            else {
-                                this.setState(Object.assign(Object.assign({}, this.state), { value: timeValue }));
-                                if (this.props.onSelect)
-                                    this.props.onSelect(timeValue);
-                            }
-                        } }, timeValue.getDate()));
-            }));
-    }
-    showMonthInYear() {
-        return react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: 12 }).map((_, i) => {
-            switch (i) {
-                case 0:
-                    var monthTitle = this.props.i18n.language === "en" ? "Jan" : this.props.t('january');
-                    break;
-                case 1:
-                    monthTitle = this.props.i18n.language === "en" ? "Feb" : this.props.t('february');
-                    break;
-                case 2:
-                    monthTitle = this.props.i18n.language === "en" ? "Mar" : this.props.t('march');
-                    break;
-                case 3:
-                    monthTitle = this.props.i18n.language === "en" ? "Apr" : this.props.t('april');
-                    break;
-                case 4:
-                    monthTitle = this.props.i18n.language === "en" ? "May" : this.props.t('may');
-                    break;
-                case 5:
-                    monthTitle = this.props.i18n.language === "en" ? "Jun" : this.props.t('june');
-                    break;
-                case 6:
-                    monthTitle = this.props.i18n.language === "en" ? "Jul" : this.props.t('july');
-                    break;
-                case 7:
-                    monthTitle = this.props.i18n.language === "en" ? "Aug" : this.props.t('august');
-                    break;
-                case 8:
-                    monthTitle = this.props.i18n.language === "en" ? "Sep" : this.props.t('september');
-                    break;
-                case 9:
-                    monthTitle = this.props.i18n.language === "en" ? "Oct" : this.props.t('october');
-                    break;
-                case 10:
-                    monthTitle = this.props.i18n.language === "en" ? "Nov" : this.props.t('november');
-                    break;
-                case 11:
-                    monthTitle = this.props.i18n.language === "en" ? "Dec" : this.props.t('december');
-                    break;
-                default:
-                    monthTitle = '';
-                    break;
-            }
-            const timeValue = new Date(this.state.selectYear, i);
-            let className = `${calendar_module_css_1.default['month-picker-circle']} month-picker-circle`;
-            if (this.state.selectYear === exports.today.getFullYear() && exports.today.getMonth() === i) {
-                className += ` ${calendar_module_css_1.default['today']}`;
-            }
-            if (!(0, exports.inRangeTime)(timeValue, this.minDate, this.maxDate)) {
-                className += ` ${calendar_module_css_1.default['invalid']}`;
-            }
-            else if (this.state.value instanceof Date) {
-                if (this.state.selectYear === this.state.value.getFullYear() && i === this.state.value.getMonth())
-                    className += ` ${calendar_module_css_1.default['selected']}`;
-            }
-            else if (this.state.value && ((i === this.state.value.sTime.getMonth() && this.state.value.sTime.getFullYear() === this.state.selectYear) || (i === this.state.value.eTime.getMonth() && this.state.value.eTime.getFullYear() === this.state.selectYear))) {
-                className += ` ${calendar_module_css_1.default['selected']} ${calendar_module_css_1.default[`${i === this.state.value.sTime.getMonth() && this.state.value.sTime.getFullYear() === this.state.selectYear ? "start" : "end"}-range`]}`;
-            }
-            else if (this.state.value && (0, exports.inRangeTime)(timeValue, this.state.value.sTime, this.state.value.eTime)) {
-                className += ` ${calendar_module_css_1.default['in-range']}`;
-            }
-            return react_1.default.createElement("div", { key: timeValue.toString(), className: className },
-                react_1.default.createElement("button", { type: "button", className: "body-3 row", onClick: () => { this.setState(Object.assign(Object.assign({}, this.state), { selectMonth: i, tab: CalendarTab.DATE })); } }, monthTitle));
-        }));
-    }
-    showYearInRange() {
-        return Array.from({ length: 12 }).map((_, i) => {
-            var _a, _b, _c;
-            let firstYearInTable = this.state.selectYear - ((this.state.selectYear - exports.startDate.getFullYear()) % 12);
-            let yearNumber = i + firstYearInTable;
-            let className = `${calendar_module_css_1.default['year-picker-circle']} year-picker-circle`;
-            if (yearNumber === exports.today.getFullYear()) {
-                className += ` ${calendar_module_css_1.default['today']}`;
-            }
-            if (yearNumber < this.minDate.getFullYear() || yearNumber > this.maxDate.getFullYear()) {
-                className += ` ${calendar_module_css_1.default['invalid']}`;
-            }
-            else if (this.state.value instanceof Date) {
-                if (yearNumber === this.state.value.getFullYear())
-                    className += ` ${calendar_module_css_1.default['selected']}`;
-            }
-            else if (yearNumber === ((_a = this.state.value) === null || _a === void 0 ? void 0 : _a.sTime.getFullYear()) || yearNumber === ((_b = this.state.value) === null || _b === void 0 ? void 0 : _b.eTime.getFullYear())) {
-                className += ` ${calendar_module_css_1.default['selected']} ${calendar_module_css_1.default[`${yearNumber === ((_c = this.state.value) === null || _c === void 0 ? void 0 : _c.sTime.getFullYear()) ? "start" : "end"}-range`]}`;
-            }
-            else if (this.state.value && yearNumber > this.state.value.sTime.getFullYear() && yearNumber < this.state.value.eTime.getFullYear()) {
-                className += ` ${calendar_module_css_1.default['in-range']}`;
-            }
-            return react_1.default.createElement("div", { key: yearNumber.toString(), className: className },
-                react_1.default.createElement("button", { type: "button", className: "body-3 row", onClick: () => { this.setState(Object.assign(Object.assign({}, this.state), { tab: CalendarTab.MONTH, selectYear: yearNumber })); } }, yearNumber));
-        });
-    }
-    getTitle() {
-        switch (this.state.tab) {
-            case CalendarTab.YEAR:
-                let firstYearInTable = this.state.selectYear - ((this.state.selectYear - exports.startDate.getFullYear()) % 12);
-                return `${firstYearInTable}-${firstYearInTable + 11}`;
-            case CalendarTab.MONTH:
-                return this.state.selectYear;
-            default:
-                switch (this.state.selectMonth) {
-                    case 0:
-                        var monthName = this.props.t('january');
-                        break;
-                    case 1:
-                        monthName = this.props.t('february');
-                        break;
-                    case 2:
-                        monthName = this.props.t('march');
-                        break;
-                    case 3:
-                        monthName = this.props.t('april');
-                        break;
-                    case 4:
-                        monthName = this.props.t('may');
-                        break;
-                    case 5:
-                        monthName = this.props.t('june');
-                        break;
-                    case 6:
-                        monthName = this.props.t('july');
-                        break;
-                    case 7:
-                        monthName = this.props.t('august');
-                        break;
-                    case 8:
-                        monthName = this.props.t('september');
-                        break;
-                    case 9:
-                        monthName = this.props.t('october');
-                        break;
-                    case 10:
-                        monthName = this.props.t('november');
-                        break;
-                    case 11:
-                        monthName = this.props.t('december');
-                        break;
-                    default:
-                        monthName = '';
-                        break;
-                }
-                return `${monthName}${this.props.i18n.language === 'en' ? ' ' : '/'}${this.state.selectYear}`;
-        }
-    }
-    render() {
-        var _a;
-        return react_1.default.createElement("div", { className: `${calendar_module_css_1.default['calendar-container']} col ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}`, style: this.props.style },
-            this.props.header,
-            react_1.default.createElement("div", { className: `${calendar_module_css_1.default['picker-date-header']} row` },
-                react_1.default.createElement("button", { type: 'button', onClick: () => {
-                        switch (this.state.tab) {
-                            case CalendarTab.YEAR:
-                                if (this.state.selectYear - 10 < exports.startDate.getFullYear()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: exports.startDate.getFullYear() }));
-                                }
-                                else {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: this.state.selectYear - 10 }));
-                                }
-                                break;
-                            case CalendarTab.MONTH:
-                                const newTime = new Date(this.state.selectYear, this.state.selectMonth - 1);
-                                if (newTime.getTime() >= exports.startDate.getTime()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: this.state.selectYear - 1 }));
-                                }
-                                break;
-                            default:
-                                const newDataVl = new Date(this.state.selectYear, this.state.selectMonth - 1);
-                                if (newDataVl.getTime() >= exports.startDate.getTime()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectMonth: newDataVl.getMonth(), selectYear: newDataVl.getFullYear() }));
-                                }
-                                break;
-                        }
-                    } },
-                    react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/left-arrow", size: '1.4rem' })),
-                react_1.default.createElement("span", { className: "heading-7", onClick: () => {
-                        if (this.state.tab !== CalendarTab.YEAR)
-                            this.setState(Object.assign(Object.assign({}, this.state), { tab: this.state.tab === CalendarTab.DATE ? CalendarTab.MONTH : CalendarTab.YEAR }));
-                    } }, this.getTitle()),
-                react_1.default.createElement("button", { type: 'button', onClick: () => {
-                        switch (this.state.tab) {
-                            case CalendarTab.YEAR:
-                                if (this.state.selectYear + 10 > exports.endDate.getFullYear()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: exports.endDate.getFullYear() }));
-                                }
-                                else {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: this.state.selectYear + 10 }));
-                                }
-                                break;
-                            case CalendarTab.MONTH:
-                                const newTime = new Date(this.state.selectYear, this.state.selectMonth + 1);
-                                if (newTime.getTime() <= exports.endDate.getTime()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectYear: this.state.selectYear + 1 }));
-                                }
-                                break;
-                            default:
-                                const newDataVl = new Date(this.state.selectYear, this.state.selectMonth + 1);
-                                if (newDataVl.getTime() <= exports.endDate.getTime()) {
-                                    this.setState(Object.assign(Object.assign({}, this.state), { selectMonth: newDataVl.getMonth(), selectYear: newDataVl.getFullYear() }));
-                                }
-                                break;
-                        }
-                    } },
-                    react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/right-arrow", size: '1.4rem' }))),
-            react_1.default.createElement("div", { className: `${calendar_module_css_1.default['picker-date-body']} row` }, this.state.tab === CalendarTab.YEAR ? this.showYearInRange() : this.state.tab === CalendarTab.MONTH ? this.showMonthInYear() : this.showDateInMonth()),
-            this.props.footer);
-    }
-}
-exports.Calendar = (0, react_i18next_1.withTranslation)()(TCalendar);

package/dist/component/card/card-info.d.ts

@@ -1,15 +0,0 @@
-import React, { CSSProperties } from 'react';
-import './card-info.css';
-interface CardData {
-    Name: string;
-    Image: string;
-    Subtitle: string;
-    DateCreated: string;
-    Content: string;
-    style?: CSSProperties;
-    className?: string;
-    direction?: "col" | "row";
-    mediaType?: "contain" | "cover" | "hug";
-}
-export declare function CardInfo({ Name, Subtitle, Image, Content, className, style, direction }: CardData): React.JSX.Element;
-export {};