wini-web-components 2.6.9 → 2.7.1

package/dist/component/wini-icon/winicon.js

@@ -1,176 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Winicon = Winicon;
-const react_dom_1 = __importDefault(require("react-dom"));
-const react_1 = __importStar(require("react"));
-const winicon_module_css_1 = __importDefault(require("./winicon.module.css"));
-const text_1 = require("../text/text");
-function Winicon({ id, src, link, className, style, size, color, alt, onClick, tooltip }) {
-    const ref = (0, react_1.useRef)(null);
-    const [svgData, setSvgData] = (0, react_1.useState)();
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const cdnSrc = "https://cdn.jsdelivr.net/gh/WiniGit/icon-library@latest/";
-    const extendAttribute = (0, react_1.useMemo)(() => {
-        if (tooltip)
-            return {
-                "tooltip-value": tooltip,
-                onMouseOver: () => { setShowTooltip(true); },
-                onMouseOut: () => { setShowTooltip(false); }
-            };
-        return {};
-    }, [tooltip]);
-    (0, react_1.useEffect)(() => {
-        if (src) {
-            fetch(cdnSrc + src + ".svg").then((res) => __awaiter(this, void 0, void 0, function* () { setSvgData(yield res.text()); })).catch(() => { setSvgData(alt !== null && alt !== void 0 ? alt : "error"); });
-        }
-        else if (link) {
-            fetch(link).then((res) => __awaiter(this, void 0, void 0, function* () { setSvgData(yield res.text()); }));
-        }
-    }, [src, link]);
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", Object.assign({ ref: ref, id: id, onClick: onClick, className: `${winicon_module_css_1.default['wini-icon']} ${svgData ? "" : "skeleton-loading"} ${onClick ? winicon_module_css_1.default['clickable'] : ''} ${className !== null && className !== void 0 ? className : ''} ${src ? src.split("/").map((e, i) => i === 0 ? `${e}-icon` : e.replace(" ", "-")).join(" ") : ''}${link ? ' link-icon' : ""}`, style: (style ? Object.assign(Object.assign({}, style), { '--size': size, '--color': color }) : { '--size': size, '--color': color }), dangerouslySetInnerHTML: { __html: svgData !== null && svgData !== void 0 ? svgData : '' } }, extendAttribute)),
-        tooltip && showTooltip && react_dom_1.default.createPortal((() => {
-            var _a;
-            if (!ref.current)
-                return null;
-            const rect = ref.current.getBoundingClientRect();
-            let pos = (_a = tooltip.position) !== null && _a !== void 0 ? _a : "bottom";
-            if (document.body.offsetHeight - rect.bottom < 100 && pos === "bottom")
-                pos = "top";
-            else if (rect.top < 100 && pos === "top")
-                pos = "bottom";
-            if (document.body.offsetWidth - rect.right < 100 && pos === "right")
-                pos = "left";
-            else if (rect.left < 100 && pos === "left")
-                pos = "right";
-            switch (pos) {
-                case "top":
-                    return react_1.default.createElement("div", { ref: r => {
-                            if (r) {
-                                const _r = r.getBoundingClientRect();
-                                if (_r.x < 0) {
-                                    r.style.left = (rect.x + rect.width / 2) + "px";
-                                    r.style.transform = "translateX(-1.8rem)";
-                                    r.style.alignItems = "start";
-                                }
-                                else if (_r.right > document.body.offsetWidth) {
-                                    r.style.left = "unset";
-                                    r.style.right = (document.body.offsetWidth - rect.right - rect.width / 2) + "px";
-                                    r.style.transform = "translateX(-1.4rem)";
-                                    r.style.alignItems = "end";
-                                }
-                            }
-                        }, className: `col ${winicon_module_css_1.default['tooltip-container']}`, style: { alignItems: "center", bottom: document.body.offsetHeight - rect.top - 4, left: rect.left + (rect.width / 2), transform: "translateX(-50%)" } },
-                        react_1.default.createElement(text_1.Text, { className: `body-3 ${winicon_module_css_1.default['tooltip-message']}`, maxLine: 2 }, tooltip.message),
-                        react_1.default.createElement("div", { className: "row", style: { padding: "0 1.2rem", transform: "translateY(-0.2rem)" } },
-                            react_1.default.createElement("div", { style: { borderLeft: "0.6rem solid transparent", borderRight: "0.6rem solid transparent", borderTop: "0.8rem solid var(--neutral-main-reverse-background-color)", borderRadius: 2 } })));
-                case "bottom":
-                    return react_1.default.createElement("div", { ref: r => {
-                            if (r) {
-                                const _r = r.getBoundingClientRect();
-                                if (_r.x < 0) {
-                                    r.style.left = (rect.x + rect.width / 2) + "px";
-                                    r.style.transform = "translateX(-1.8rem)";
-                                    r.style.alignItems = "start";
-                                }
-                                else if (_r.right > document.body.offsetWidth) {
-                                    r.style.left = "unset";
-                                    r.style.right = (document.body.offsetWidth - rect.right - rect.width / 2) + "px";
-                                    r.style.transform = "translateX(-1.4rem)";
-                                    r.style.alignItems = "end";
-                                }
-                            }
-                        }, className: `col ${winicon_module_css_1.default['tooltip-container']}`, style: { alignItems: "center", top: rect.bottom + 4, left: rect.left + (rect.width / 2), transform: "translateX(-50%)" } },
-                        react_1.default.createElement("div", { className: "row", style: { padding: "0 1.2rem", transform: "translateY(0.2rem)" } },
-                            react_1.default.createElement("div", { style: { borderLeft: "0.6rem solid transparent", borderRight: "0.6rem solid transparent", borderBottom: "0.8rem solid var(--neutral-main-reverse-background-color)", borderRadius: 2 } })),
-                        react_1.default.createElement(text_1.Text, { className: `body-3 ${winicon_module_css_1.default['tooltip-message']}`, maxLine: 2 }, tooltip.message));
-                case "left":
-                    return react_1.default.createElement("div", { ref: r => {
-                            if (r) {
-                                const _r = r.getBoundingClientRect();
-                                if (_r.y < 0) {
-                                    r.style.top = (rect.y + rect.height / 2) + "px";
-                                    r.style.transform = "translateY(-1.8rem)";
-                                    r.style.alignItems = "start";
-                                }
-                                else if (_r.bottom > document.body.offsetHeight) {
-                                    r.style.top = "unset";
-                                    r.style.bottom = (document.body.offsetHeight - rect.bottom - rect.height / 2) + "px";
-                                    r.style.transform = "translateY(-1.4rem)";
-                                    r.style.alignItems = "end";
-                                }
-                            }
-                        }, className: `row ${winicon_module_css_1.default['tooltip-container']}`, style: { top: rect.top + (rect.height / 2), right: document.body.offsetWidth - rect.left - 4, transform: "translateY(-50%)" } },
-                        react_1.default.createElement(text_1.Text, { className: `body-3 ${winicon_module_css_1.default['tooltip-message']}`, maxLine: 2 }, tooltip.message),
-                        react_1.default.createElement("div", { className: "row", style: { padding: "1.2rem 0", transform: "translateX(-0.2rem)" } },
-                            react_1.default.createElement("div", { style: { borderTop: "0.6rem solid transparent", borderBottom: "0.6rem solid transparent", borderLeft: "0.8rem solid var(--neutral-main-reverse-background-color)", borderRadius: 2 } })));
-                case "right":
-                    return react_1.default.createElement("div", { ref: r => {
-                            if (r) {
-                                const _r = r.getBoundingClientRect();
-                                if (_r.y < 0) {
-                                    r.style.top = (rect.y + rect.height / 2) + "px";
-                                    r.style.transform = "translateY(-1.8rem)";
-                                    r.style.alignItems = "start";
-                                }
-                                else if (_r.bottom > document.body.offsetHeight) {
-                                    r.style.top = "unset";
-                                    r.style.bottom = (document.body.offsetHeight - rect.bottom - rect.height / 2) + "px";
-                                    r.style.transform = "translateY(-1.4rem)";
-                                    r.style.alignItems = "end";
-                                }
-                            }
-                        }, className: `row ${winicon_module_css_1.default['tooltip-container']}`, style: { top: rect.top + (rect.height / 2), left: rect.right + 4, transform: "translateY(-50%)" } },
-                        react_1.default.createElement("div", { className: "row", style: { padding: "1.2rem 0", transform: "translateX(0.2rem)" } },
-                            react_1.default.createElement("div", { style: { borderTop: "0.6rem solid transparent", borderBottom: "0.6rem solid transparent", borderRight: "0.8rem solid var(--neutral-main-reverse-background-color)", borderRadius: 2 } })),
-                        react_1.default.createElement(text_1.Text, { className: `body-3 ${winicon_module_css_1.default['tooltip-message']}`, maxLine: 2 }, tooltip.message));
-                default:
-                    return react_1.default.createElement("div", null);
-            }
-        })(), document.body));
-}

package/dist/form/login/view.d.ts

@@ -1,40 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-interface Props {
-    logo: React.ReactNode | string;
-    formData: {
-        "username": {
-            label: string;
-            name: string;
-            prefix?: React.ReactNode;
-            onValidate?: React.FocusEventHandler<HTMLInputElement>;
-            maxLength?: number;
-        };
-        "password": {
-            label: string;
-            name: string;
-            prefix?: React.ReactNode;
-            onValidate?: React.FocusEventHandler<HTMLInputElement>;
-            maxLength?: number;
-        };
-    };
-    onSubmit?: (data: FieldValues, methods?: UseFormReturn<any>) => void;
-    title?: string;
-    orText?: string;
-    methods?: UseFormReturn<any>;
-    buttonLoginLabel?: string;
-    loginWithGoogle?: React.MouseEventHandler<HTMLButtonElement>;
-    loginWithFacebook?: React.MouseEventHandler<HTMLButtonElement>;
-    loginWithApple?: React.MouseEventHandler<HTMLButtonElement>;
-    loginWithMicrosoft?: React.MouseEventHandler<HTMLButtonElement>;
-    onRegister?: React.MouseEventHandler<HTMLDivElement>;
-    registerPrefixText?: string;
-    registerText?: string;
-    forgotPasswordText?: string;
-    onForgotPassword?: React.MouseEventHandler<HTMLDivElement>;
-    style?: CSSProperties;
-    className?: string;
-    id?: string;
-}
-export declare function WLoginView(props: Props): React.JSX.Element;
-export {};

package/dist/form/login/view.js

@@ -1,66 +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.WLoginView = WLoginView;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("../../index");
-const view_module_css_1 = __importDefault(require("./view.module.css"));
-const react_hook_form_1 = require("react-hook-form");
-const react_2 = require("react");
-const react_i18next_1 = require("react-i18next");
-function WLoginView(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-    const methods = (0, react_hook_form_1.useForm)({ shouldFocusError: false });
-    const [isShowPass, setShowPass] = (0, react_2.useState)(false);
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const _onSubmit = (ev) => {
-        if (props.onSubmit)
-            props.onSubmit(ev, methods);
-    };
-    return react_1.default.createElement("form", { id: props.id, className: `col login-view-container ${view_module_css_1.default['login-view-container']} ${(_a = props.className) !== null && _a !== void 0 ? _a : ''}`, style: props.style },
-        typeof props.logo === "string" ? react_1.default.createElement("img", { alt: 'logo', src: props.logo, height: "36rem" }) : props.logo,
-        react_1.default.createElement("div", { className: `col login-view-form-container ${view_module_css_1.default['login-view-form-container']}` },
-            react_1.default.createElement(index_1.Text, { className: 'heading-4' }, (_b = props.title) !== null && _b !== void 0 ? _b : `${t("loginTo")} Wini`),
-            react_1.default.createElement("div", { className: 'col' },
-                react_1.default.createElement("div", { className: 'col', style: { gap: "0.8rem", overflow: "visible" } },
-                    react_1.default.createElement(index_1.Text, { className: 'label-3' }, (_c = props.formData.username.label) !== null && _c !== void 0 ? _c : t("username")),
-                    react_1.default.createElement(index_1.TextField, { autoComplete: 'username', className: "placeholder-2", placeholder: props.formData.username.label, style: { height: "4.8rem" }, prefix: props.formData.username.prefix, name: props.formData.username.name, register: ((_d = props.methods) !== null && _d !== void 0 ? _d : methods).register(props.formData.username.name, {
-                            onChange: (ev) => { ev.target.value = ev.target.value.trim(); },
-                            onBlur: props.formData.username.onValidate
-                        }), onComplete: (ev) => { ev.target.blur(); }, helperText: (_g = (_f = ((_e = props.methods) !== null && _e !== void 0 ? _e : methods).formState.errors) === null || _f === void 0 ? void 0 : _f[props.formData.username.name]) === null || _g === void 0 ? void 0 : _g.message })),
-                react_1.default.createElement("div", { className: 'col', style: { gap: "0.8rem", overflow: "visible" } },
-                    react_1.default.createElement(index_1.Text, { className: 'label-3' }, (_h = props.formData.password.label) !== null && _h !== void 0 ? _h : t("password")),
-                    react_1.default.createElement(index_1.TextField, { autoComplete: 'current-password', className: "placeholder-2", placeholder: props.formData.password.label, style: { height: "4.8rem" }, prefix: props.formData.password.prefix, suffix: react_1.default.createElement("button", { type: 'button', onClick: () => { setShowPass(!isShowPass); } },
-                            react_1.default.createElement(index_1.Winicon, { src: `outline/user interface/${isShowPass ? "view" : "hide"}`, size: "1.6rem" })), name: props.formData.password.name, type: isShowPass ? "text" : "password", register: ((_j = props.methods) !== null && _j !== void 0 ? _j : methods).register(props.formData.password.name, {
-                            onChange: (ev) => { ev.target.value = ev.target.value.trim(); },
-                            onBlur: props.formData.password.onValidate
-                        }), onComplete: (ev) => {
-                            var _a, _b, _c;
-                            if ((_b = ((_a = props.methods) !== null && _a !== void 0 ? _a : methods).watch(props.formData.password.name)) === null || _b === void 0 ? void 0 : _b.length) {
-                                ev.target.blur();
-                                if (!props.formData.password.onValidate && props.onSubmit)
-                                    _onSubmit(((_c = props.methods) !== null && _c !== void 0 ? _c : methods).getValues());
-                            }
-                            else
-                                ev.target.blur();
-                        }, helperText: (_m = (_l = ((_k = props.methods) !== null && _k !== void 0 ? _k : methods).formState.errors) === null || _l === void 0 ? void 0 : _l[props.formData.password.name]) === null || _m === void 0 ? void 0 : _m.message })),
-                react_1.default.createElement(index_1.Text, { className: `button-text-3 ${view_module_css_1.default['forgot-password-btn']}`, onClick: props.onForgotPassword }, (_o = props.forgotPasswordText) !== null && _o !== void 0 ? _o : t("forgotPassword")),
-                react_1.default.createElement("div", { className: 'col', style: { gap: "1.6rem" } },
-                    react_1.default.createElement(index_1.Button, { disabled: ((_q = ((_p = props.methods) !== null && _p !== void 0 ? _p : methods).watch(props.formData.username.name)) === null || _q === void 0 ? void 0 : _q.length) && ((_s = ((_r = props.methods) !== null && _r !== void 0 ? _r : methods).watch(props.formData.password.name)) === null || _s === void 0 ? void 0 : _s.length) ? false : true, className: `button-text-1 ${view_module_css_1.default['login-btn']}`, onClick: props.onSubmit && ((_t = props.methods) !== null && _t !== void 0 ? _t : methods).handleSubmit(_onSubmit), label: (_u = props.buttonLoginLabel) !== null && _u !== void 0 ? _u : t("login") }),
-                    react_1.default.createElement("div", { className: 'row', style: { justifyContent: "center", gap: "0.4rem" } },
-                        react_1.default.createElement(index_1.Text, { className: 'label-4' }, (_v = props.registerPrefixText) !== null && _v !== void 0 ? _v : t("dontHaveAccount")),
-                        react_1.default.createElement(index_1.Text, { className: `button-text-3 ${view_module_css_1.default['register-btn']}`, onClick: props.onRegister }, (_w = props.registerText) !== null && _w !== void 0 ? _w : `${t("signupFor")} Wini`))),
-                (props.loginWithGoogle || props.loginWithFacebook || props.loginWithApple || props.loginWithMicrosoft) ?
-                    react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("div", { className: `row ${view_module_css_1.default['or-spacing']}` },
-                            react_1.default.createElement("div", null),
-                            react_1.default.createElement(index_1.Text, { className: "label-4" }, (_x = props.orText) !== null && _x !== void 0 ? _x : t("or")),
-                            react_1.default.createElement("div", null)),
-                        react_1.default.createElement("div", { className: `row ${view_module_css_1.default['login-social-media']}` },
-                            props.loginWithGoogle && react_1.default.createElement(index_1.Button, { className: `label-1`, onClick: props.loginWithGoogle, prefix: react_1.default.createElement(index_1.Winicon, { src: 'color/social media/google', size: "2rem" }), label: "Google" }),
-                            props.loginWithFacebook && react_1.default.createElement(index_1.Button, { className: `label-1`, onClick: props.loginWithFacebook, prefix: react_1.default.createElement(index_1.Winicon, { src: 'color/social media/logo-facebook', size: "2rem" }), label: "Facebook" }),
-                            props.loginWithApple && react_1.default.createElement(index_1.Button, { className: `label-1`, onClick: props.loginWithApple, prefix: react_1.default.createElement(index_1.Winicon, { src: 'color/development/apple', size: "2rem" }), label: "Apple" }),
-                            props.loginWithMicrosoft && react_1.default.createElement(index_1.Button, { className: `label-1`, onClick: props.loginWithMicrosoft, prefix: react_1.default.createElement(index_1.Winicon, { src: 'color/development/microsoft', size: "2rem" }), label: "Microsoft" }))) : null)));
-}

package/dist/i18n.d.ts

@@ -1,2 +0,0 @@
-import i18n from 'i18next';
-export { i18n };

package/dist/i18n.js

@@ -1,125 +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.i18n = void 0;
-var i18next_1 = __importDefault(require("i18next"));
-exports.i18n = i18next_1.default;
-var react_i18next_1 = require("react-i18next");
-// Translation resources
-var resources = {
-    en: {
-        translation: {
-            su: 'Su',
-            mo: "Mo",
-            tu: "Tu",
-            we: "We",
-            th: "Th",
-            fr: "Fr",
-            sa: "Sa",
-            yesterday: "Yesterday",
-            lastWeek: "Last week",
-            lastMonth: "Last month",
-            lastYear: "Last year",
-            january: "January",
-            february: "February",
-            march: "March",
-            april: "April",
-            may: "May",
-            june: "June",
-            july: "July",
-            august: "August",
-            september: "September",
-            october: "October",
-            november: "November",
-            december: "December",
-            today: "Today",
-            apply: "Apply",
-            cancel: "Cancel",
-            submit: "Submit",
-            limitFileError: "File {{file.name}} exceeds the maximum size of {{sizeTitle}}",
-            limitFileWarning: "File size should not exceed {{sizeTitle}}.",
-            uploadFileAction: 'Click or drag and drop to upload file',
-            file: "File",
-            remove: "Remove",
-            choose: "Choose",
-            select: "Select",
-            all: "All",
-            noResultFound: "No result found",
-            ofItems: "of {{totalItem}} items",
-            page: "Page",
-            go: "Go to",
-            or: "Or",
-            username: "Username",
-            password: "Password",
-            dontHaveAccount: "Don't have an account?",
-            forgotPassword: "Forgot your password?",
-            login: "Log in",
-            loginTo: "Log in to",
-            signup: "Sign up",
-            signupFor: "Sign up for",
-        },
-    },
-    vi: {
-        translation: {
-            su: 'CN',
-            mo: "T2",
-            tu: "T3",
-            we: "T4",
-            th: "T5",
-            fr: "T6",
-            sa: "T7",
-            yesterday: "Hôm qua",
-            lastWeek: "Tuần trước",
-            lastMonth: "Tháng trước",
-            lastYear: "Năm trước",
-            january: "Tháng 1",
-            february: "Tháng 2",
-            march: "Tháng 3",
-            april: "Tháng 4",
-            may: "Tháng 5",
-            june: "Tháng 6",
-            july: "Tháng 7",
-            august: "Tháng 8",
-            september: "Tháng 9",
-            october: "Tháng 10",
-            november: "Tháng 11",
-            december: "Tháng 12",
-            today: "Hôm nay",
-            apply: "Áp dụng",
-            cancel: "Hủy",
-            submit: "Xác nhận",
-            limitFileError: "Tệp {{name}} vượt quá dung lượng tối đa {{sizeTitle}}",
-            limitFileWarning: "Tệp không được vượt quá {{sizeTitle}}.",
-            uploadFileAction: 'Nhấn hoặc kéo vào để tải tệp lên',
-            file: "Tệp",
-            remove: "Xóa",
-            choose: "Chọn",
-            select: "Chọn",
-            all: "Tất cả",
-            noResultFound: "Không tìm thấy kết quả",
-            ofItems: "trên {{totalItem}} kết quả",
-            page: "Trang",
-            go: "Đi tới",
-            or: "Hoặc",
-            username: "Tên đăng nhập",
-            password: "Mật khẩu",
-            dontHaveAccount: "Chưa có tài khoản?",
-            forgotPassword: "Quên mật khẩu?",
-            login: "Đăng nhập",
-            loginTo: "Đăng nhập vào",
-            signup: "Đăng ký",
-            signupFor: "Đăng ký"
-        },
-    },
-};
-// Initialize i18n
-i18next_1.default.use(react_i18next_1.initReactI18next).init({
-    resources: resources,
-    lng: 'en',
-    fallbackLng: 'en',
-    interpolation: {
-        escapeValue: false, // React already escapes values
-    },
-});

package/dist/index.d.ts

@@ -1,33 +0,0 @@
-import { Checkbox } from './component/checkbox/checkbox';
-import { Select1, OptionsItem } from './component/select1/select1';
-import { Switch } from './component/switch/switch';
-import { showPopup, closePopup, Popup } from './component/popup/popup';
-import { showDialog, Dialog, DialogAlignment } from './component/dialog/dialog';
-import { DateTimePicker } from './component/date-time-picker/date-time-picker';
-import { SelectMultiple } from './component/input-multi-select/input-multi-select';
-import { ProgressBar } from './component/progress-bar/progress-bar';
-import { ComponentStatus, getStatusIcon } from './component/component-status';
-import { Text } from './component/text/text';
-import { Pagination } from './component/pagination/pagination';
-import { Table, TbCell, TbHeader, TbRow, TbBody, CellAlignItems } from './component/table/table';
-import { TextField } from './component/text-field/text-field';
-import { RadioButton } from './component/radio-button/radio-button';
-import { TextArea } from './component/text-area/text-area';
-import { ImportFile } from './component/import-file/import-file';
-import { ToastMessage } from './component/toast-noti/toast-noti';
-import { Calendar } from './component/calendar/calendar';
-import { InfiniteScroll } from './component/infinite-scroll/infinite-scroll';
-import { Rating } from './component/rating/rating';
-import { ProgressCircle } from './component/progress-circle/progress-circle';
-import { CustomSlider } from './component/slider/slider';
-import { ToastContainer } from 'react-toastify';
-import { Button } from './component/button/button';
-import { Tag } from './component/tag/tag';
-import { Winicon } from './component/wini-icon/winicon';
-import { NumberPicker } from './component/number-picker/number-picker';
-import { InputOtp } from './component/input-otp/input-otp';
-import { WLoginView } from './form/login/view';
-import { CustomCkEditor5 } from './component/ck-editor/ckeditor';
-export { Calendar, ComponentStatus, getStatusIcon, Checkbox, Select1, Switch, Popup, showPopup, closePopup, Dialog, showDialog, DialogAlignment, DateTimePicker, SelectMultiple, ProgressBar, Text, Pagination, Table, TbCell, TbHeader, TbBody, TbRow, CellAlignItems, TextField, RadioButton, TextArea, ImportFile, ToastMessage, InfiniteScroll, Rating, ProgressCircle, CustomSlider, ToastContainer, Button, Tag, Winicon, NumberPicker, InputOtp, WLoginView, CustomCkEditor5 };
-export type { OptionsItem };
-export { i18n } from './language/i18n';