wini-web-components 2.7.0 → 2.7.1

package/dist/component/card/card-info.js

@@ -1,51 +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.CardInfo = void 0;
-var react_1 = __importDefault(require("react"));
-require("./card-info.css");
-function CardInfo(_a) {
-    var Name = _a.Name, Subtitle = _a.Subtitle, Image = _a.Image, Content = _a.Content, _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style, direction = _a.direction;
-    return react_1.default.createElement("div", { className: "card-media-position ".concat(className.split(' ').filter(function (e) { return e !== 'row' && e !== 'col'; }).join(' '), " ").concat(direction), style: style },
-        react_1.default.createElement("div", { className: "media-preview-card" }, Image !== null && Image !== void 0 ? Image : react_1.default.createElement("img", { className: "media-preview-child", src: Image !== null && Image !== void 0 ? Image : "https://via.placeholder.com/40x40" })),
-        react_1.default.createElement("div", { className: "des-info" },
-            react_1.default.createElement("div", { className: "content-title" },
-                react_1.default.createElement("div", { className: "content-title-parent" },
-                    react_1.default.createElement("div", { className: "content-title-text" },
-                        " ", Name !== null && Name !== void 0 ? Name : 'Lorem Ipsum is simply dummy text'),
-                    react_1.default.createElement("div", { className: "content-subtitle-text" }, Subtitle !== null && Subtitle !== void 0 ? Subtitle : 'Subtitle')),
-                react_1.default.createElement("div", { className: "body-content" }, Content !== null && Content !== void 0 ? Content : 'Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.')),
-            react_1.default.createElement("div", { className: "sub-content-list" }, Array.from({ length: 3 }).map(function (e, i) { return react_1.default.createElement("div", { className: "item-sub-content" },
-                react_1.default.createElement("div", { className: "media-sub-content" },
-                    react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.7262 5.38462C11.9431 5.60157 11.9431 5.95333 11.7262 6.17029L7.28172 10.6147C7.06476 10.8317 6.713 10.8317 6.49605 10.6147L4.27382 8.39251C4.05687 8.17555 4.05687 7.8238 4.27382 7.60684C4.49078 7.38988 4.84254 7.38988 5.0595 7.60684L6.88888 9.43622L10.9405 5.38462C11.1574 5.16766 11.5092 5.16766 11.7262 5.38462Z", fill: "#61616B" }),
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 2.44412C4.93175 2.44412 2.44444 4.93143 2.44444 7.99967C2.44444 11.0679 4.93175 13.5552 8 13.5552C11.0682 13.5552 13.5555 11.0679 13.5555 7.99967C13.5555 4.93143 11.0682 2.44412 8 2.44412ZM1.33333 7.99967C1.33333 4.31778 4.3181 1.33301 8 1.33301C11.6819 1.33301 14.6667 4.31778 14.6667 7.99967C14.6667 11.6816 11.6819 14.6663 8 14.6663C4.3181 14.6663 1.33333 11.6816 1.33333 7.99967Z", fill: "#61616B" }))),
-                react_1.default.createElement("div", { className: "title-sub-content" }, "Graphic design ".concat(i))); })),
-            react_1.default.createElement("button", { type: 'button', className: "btn-seemore", onClick: function () { } },
-                react_1.default.createElement("div", { className: "button2" }, "See more"),
-                react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("path", { d: "M7.04222 3.27596C6.86471 3.09845 6.86471 2.81064 7.04222 2.63313C7.21974 2.45562 7.50754 2.45562 7.68505 2.63313L10.8665 5.81461L10.8698 5.81793C10.9503 5.89994 11 6.01235 11 6.13636C11 6.198 10.9877 6.25676 10.9655 6.31036C10.9433 6.36397 10.9104 6.4142 10.8669 6.45778L7.68505 9.6396C7.50754 9.81711 7.21974 9.81711 7.04222 9.6396C6.86471 9.46208 6.86471 9.17428 7.04222 8.99677L9.44809 6.59091H1.45455C1.20351 6.59091 1 6.3874 1 6.13636C1 5.88533 1.20351 5.68182 1.45455 5.68182H9.44808L7.04222 3.27596Z", fill: "#287CF0" }))),
-            react_1.default.createElement("div", { className: "number-card" }, Array.from({ length: 3 }).map(function (e, i) {
-                return react_1.default.createElement("div", { className: "card" },
-                    react_1.default.createElement("div", { className: "card-infomation" },
-                        react_1.default.createElement("div", { className: "content1" },
-                            react_1.default.createElement("div", { className: "content-title-parent" },
-                                react_1.default.createElement("div", { className: "content-title4" }, "".concat(e)),
-                                react_1.default.createElement("div", { className: "content-subtitle-text" }, "Time on desgin")))));
-            }))),
-        react_1.default.createElement("div", { className: "combo-action-view" },
-            react_1.default.createElement("div", { className: "combo" },
-                react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("path", { d: "M17.5261 1.67395C17.9407 1.73017 18.2312 2.11184 18.175 2.52645L17.5689 6.99614C17.5128 7.4101 17.1322 7.70049 16.7181 7.64528L12.1726 7.03922C11.7579 6.98393 11.4665 6.6029 11.5218 6.18817C11.5771 5.77344 11.9582 5.48207 12.3729 5.53736L15.2903 5.92636C14.0585 4.38085 12.1438 3.40919 10 3.40919C6.25174 3.40919 3.18182 6.47911 3.18182 10.2274C3.18182 10.6458 2.84265 10.985 2.42425 10.985C2.00585 10.985 1.66667 10.6458 1.66667 10.2274C1.66667 5.64231 5.41494 1.89404 10 1.89404C12.5318 1.89404 14.8177 3.00972 16.3361 4.81209L16.6736 2.32287C16.7298 1.90826 17.1115 1.61773 17.5261 1.67395Z", fill: "#61616B" }),
-                    react_1.default.createElement("path", { d: "M18.3333 10.2281C18.3333 9.80972 17.9941 9.47054 17.5757 9.47054C17.1573 9.47054 16.8182 9.80972 16.8182 10.2281C16.8182 13.9764 13.7482 17.0463 9.99997 17.0463C7.85595 17.0463 5.94105 16.0745 4.70926 14.5287L7.6271 14.9177C8.04182 14.973 8.42285 14.6816 8.47815 14.2669C8.53345 13.8522 8.24207 13.4712 7.82734 13.4159L3.28189 12.8098C2.86781 12.7546 2.48719 13.045 2.43106 13.4589L1.825 17.9286C1.76878 18.3432 2.05931 18.7249 2.47391 18.7811C2.88852 18.8373 3.27019 18.5468 3.32641 18.1322L3.66388 15.6433C5.18221 17.4458 7.46818 18.5615 9.99997 18.5615C14.585 18.5615 18.3333 14.8132 18.3333 10.2281Z", fill: "#61616B" }))),
-            react_1.default.createElement("div", { className: "combo-button" },
-                react_1.default.createElement("div", { className: "button3" },
-                    react_1.default.createElement("div", { className: "button4" },
-                        react_1.default.createElement("div", { className: "button5" }, "Button"))),
-                react_1.default.createElement("div", { className: "button6" },
-                    react_1.default.createElement("div", { className: "button4" },
-                        react_1.default.createElement("div", { className: "button5" }, "Button"))))));
-}
-exports.CardInfo = CardInfo;

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

@@ -1,13 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './card.css';
-interface cardInfoProps {
-    avatar?: ReactNode;
-    heading?: ReactNode;
-    subHeading?: ReactNode;
-    content?: ReactNode;
-    action?: ReactNode;
-    style?: CSSProperties;
-    className?: string;
-}
-export declare function CardSimple({ avatar, heading, subHeading, content, action, style, className }: cardInfoProps): React.JSX.Element;
-export {};

package/dist/component/card/card.js

@@ -1,33 +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.CardSimple = void 0;
-var react_1 = __importDefault(require("react"));
-require("./card.css");
-function CardSimple(_a) {
-    var avatar = _a.avatar, heading = _a.heading, subHeading = _a.subHeading, content = _a.content, action = _a.action, style = _a.style, className = _a.className;
-    return react_1.default.createElement("div", { className: "card-new-grid ".concat(className !== null && className !== void 0 ? className : ''), style: style },
-        react_1.default.createElement("div", { className: "list-item" },
-            react_1.default.createElement("div", { className: "media" },
-                react_1.default.createElement("div", { className: "media-styleimage-circle" }, avatar !== null && avatar !== void 0 ? avatar : react_1.default.createElement("img", { className: "media-styleimage-circle-child", src: "https://via.placeholder.com/40x40" }))),
-            react_1.default.createElement("div", { className: "content" },
-                react_1.default.createElement("div", { className: "content-title-parent" },
-                    heading ? react_1.default.createElement("div", { className: "content-title" }, heading) : react_1.default.createElement("div", { className: "content-title" }, "name"),
-                    subHeading ? react_1.default.createElement("div", { className: "subtitle" }, subHeading) : react_1.default.createElement("div", { className: "subtitle" }, "sub"))),
-            react_1.default.createElement("div", { className: "media1" },
-                react_1.default.createElement("svg", { onClick: function () { }, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("path", { d: "M3.60698 5.34049C3.35391 5.10851 2.94912 5.10851 2.69605 5.34049C2.43465 5.58011 2.43465 5.97512 2.69605 6.21474L7.54454 10.6592C7.7976 10.8912 8.2024 10.8912 8.45546 10.6592L13.3039 6.21474C13.5654 5.97512 13.5654 5.58011 13.3039 5.34049C13.0509 5.10851 12.6461 5.10851 12.393 5.34049L8 9.36743L3.60698 5.34049Z", fill: "#61616B" })))),
-        react_1.default.createElement("div", { className: "frame-parent" }, content !== null && content !== void 0 ? content : react_1.default.createElement("div", { className: "content-parent" },
-            react_1.default.createElement("div", { className: "content1" },
-                react_1.default.createElement("div", { className: "content-title-wrapper" },
-                    react_1.default.createElement("div", { className: "content-title" }, "value1")),
-                react_1.default.createElement("div", { className: "body-content" }, "content1")),
-            react_1.default.createElement("div", { className: "content1" },
-                react_1.default.createElement("div", { className: "content-title-wrapper" },
-                    react_1.default.createElement("div", { className: "content-title" }, "value2")),
-                react_1.default.createElement("div", { className: "body-content" }, "content2")))),
-        react_1.default.createElement("div", null, action !== null && action !== void 0 ? action : react_1.default.createElement("div", null)));
-}
-exports.CardSimple = CardSimple;

package/dist/component/checkbox/checkbox.d.ts

@@ -1,24 +0,0 @@
-import React, { CSSProperties } from 'react';
-interface CheckboxProps {
-    id?: string;
-    onChange?: (value: boolean, target: HTMLInputElement) => void;
-    value?: boolean;
-    checkColor?: string;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    /** default 2.4rem **/
-    size?: number | string;
-    onClick?: React.MouseEventHandler<HTMLLabelElement>;
-}
-interface CheckboxState {
-    value?: boolean;
-}
-export declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
-    private ref;
-    constructor(props: CheckboxProps);
-    componentDidUpdate(prevProps: Readonly<CheckboxProps>): void;
-    onChange: () => void;
-    render(): React.JSX.Element;
-}
-export {};

package/dist/component/checkbox/checkbox.js

@@ -1,90 +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.Checkbox = void 0;
-const react_1 = __importStar(require("react"));
-const checkbox_module_css_1 = __importDefault(require("./checkbox.module.css"));
-class Checkbox extends react_1.default.Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        this.ref = (0, react_1.createRef)();
-        this.onChange = () => {
-            const newValue = !this.state.value;
-            this.setState({ value: newValue });
-            if (this.props.onChange && this.ref.current)
-                this.props.onChange(newValue, this.ref.current.querySelector("input"));
-        };
-        this.state = {
-            value: (_a = this.props.value) !== null && _a !== void 0 ? _a : false
-        };
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.value !== this.props.value) {
-            this.setState({ value: this.props.value });
-        }
-    }
-    render() {
-        var _a, _b, _c;
-        let convertStyle = {
-            width: (_a = this.props.size) !== null && _a !== void 0 ? _a : '2.4rem',
-            height: (_b = this.props.size) !== null && _b !== void 0 ? _b : '2.4rem',
-        };
-        if (this.props.style) {
-            delete this.props.style.width;
-            delete this.props.style.minWidth;
-            delete this.props.style.maxWidth;
-            delete this.props.style.height;
-            delete this.props.style.minHeight;
-            delete this.props.style.maxHeight;
-            convertStyle = Object.assign(Object.assign({}, this.props.style), convertStyle);
-        }
-        return react_1.default.createElement("label", { ref: this.ref, id: this.props.id, className: `${checkbox_module_css_1.default['checkbox-container']} row ${(_c = this.props.className) !== null && _c !== void 0 ? _c : ''}`, style: convertStyle, "is-null-value": `${this.state.value == undefined}`, onClick: this.props.onClick },
-            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value ? true : false, disabled: this.props.disabled, onChange: (ev) => {
-                    ev.stopPropagation();
-                    const newValue = !this.state.value;
-                    this.setState({ value: newValue });
-                    if (this.props.onChange)
-                        this.props.onChange(newValue, ev.target);
-                } }),
-            react_1.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { '--check-color': this.props.checkColor } }, this.state.value === undefined ?
-                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.79199 9.95298C4.79199 9.69148 5.00398 9.47949 5.26548 9.47949H14.7352C14.9967 9.47949 15.2087 9.69148 15.2087 9.95298C15.2087 10.2145 14.9967 10.4265 14.7352 10.4265H5.26548C5.00398 10.4265 4.79199 10.2145 4.79199 9.95298Z" }) :
-                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.07 6.49317C15.2549 6.67808 15.2549 6.97787 15.07 7.16278L8.91467 13.3181C8.72977 13.503 8.42997 13.503 8.24507 13.3181L4.93067 10.0037C4.74577 9.81878 4.74577 9.51899 4.93067 9.33408C5.11558 9.14917 5.41537 9.14917 5.60028 9.33408L8.57987 12.3137L14.4004 6.49317C14.5853 6.30827 14.8851 6.30827 15.07 6.49317Z" })));
-    }
-}
-exports.Checkbox = Checkbox;

package/dist/component/ck-editor/ckeditor.d.ts

@@ -1,36 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { ClassicEditor, EventInfo } from 'ckeditor5';
-import './ck-editor.css';
-/**
- * Please update the following values with your tokens.
- * Instructions on how to obtain them: https://ckeditor.com/docs/trial/latest/guides/real-time/quick-start.html
- */
-interface Props {
-    style?: CSSProperties;
-    className?: string;
-    value?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    menuBar?: boolean;
-    onChange?: (event: EventInfo, editor: ClassicEditor) => void;
-    onFocus?: (event: EventInfo, editor: ClassicEditor) => void;
-    onBlur?: (event: EventInfo, editor: ClassicEditor) => void;
-    onError?: (error: Error, details: any) => void;
-    onReady?: (editor: ClassicEditor) => void;
-    onAfterDestroy?: (editor: ClassicEditor) => void;
-    extraPlugins?: Array<any>;
-    fontFamily?: Array<string>;
-    fontSize?: Array<number | "default">;
-    fontColors?: Array<{
-        color: string;
-        label: string;
-    }>;
-    fontBgColors?: Array<{
-        color: string;
-        label: string;
-    }>;
-    helperText?: string;
-    helperTextColor?: string;
-}
-export declare function CustomCkEditor5(props: Props): React.JSX.Element;
-export {};

package/dist/component/ck-editor/ckeditor.js

@@ -1,392 +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.CustomCkEditor5 = CustomCkEditor5;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const ckeditor5_react_1 = require("@ckeditor/ckeditor5-react");
-const ckeditor5_1 = require("ckeditor5");
-require("./ck-editor.css");
-const react_i18next_1 = require("react-i18next");
-/**
- * Create a free account with a trial: https://portal.ckeditor.com/checkout?plan=free
- */
-const LICENSE_KEY = 'GPL'; // or <YOUR_LICENSE_KEY>.
-function CustomCkEditor5(props) {
-    var _a, _b, _c, _d;
-    const editorContainerRef = (0, react_2.useRef)(null);
-    const editorRef = (0, react_2.useRef)(null);
-    // const editorWordCountRef = useRef(null);
-    const [isLayoutReady, setIsLayoutReady] = (0, react_2.useState)(false);
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    (0, react_2.useEffect)(() => {
-        setIsLayoutReady(true);
-        return () => setIsLayoutReady(false);
-    }, []);
-    const { editorConfig } = (0, react_2.useMemo)(() => {
-        if (!isLayoutReady) {
-            return {};
-        }
-        return {
-            editorConfig: {
-                toolbar: {
-                    items: [
-                        'heading',
-                        '|',
-                        // 'sourceEditing',
-                        // 'showBlocks',
-                        // 'findAndReplace',
-                        // 'textPartLanguage',
-                        'fontSize',
-                        'fontFamily',
-                        'fontColor',
-                        'fontBackgroundColor',
-                        '|',
-                        'bold',
-                        'italic',
-                        'underline',
-                        'strikethrough',
-                        // 'subscript',
-                        // 'superscript',
-                        // 'code',
-                        // 'removeFormat',
-                        '|',
-                        'specialCharacters',
-                        'insertImage',
-                        'horizontalLine',
-                        'pageBreak',
-                        'link',
-                        // 'bookmark',
-                        // 'insertImageViaUrl',
-                        // 'ckbox',
-                        'mediaEmbed',
-                        'insertTable',
-                        'highlight',
-                        // 'blockQuote',
-                        // 'codeBlock',
-                        'htmlEmbed',
-                        '|',
-                        'alignment',
-                        '|',
-                        'bulletedList',
-                        'numberedList',
-                        'todoList',
-                        'outdent',
-                        'indent'
-                    ],
-                    shouldNotGroupWhenFull: false,
-                },
-                plugins: [
-                    ckeditor5_1.Alignment,
-                    ckeditor5_1.Autoformat,
-                    ckeditor5_1.AutoImage,
-                    ckeditor5_1.AutoLink,
-                    ckeditor5_1.Autosave,
-                    ckeditor5_1.BalloonToolbar,
-                    ckeditor5_1.BlockQuote,
-                    ckeditor5_1.Bold,
-                    ckeditor5_1.Bookmark,
-                    ckeditor5_1.Code,
-                    ckeditor5_1.CodeBlock,
-                    ckeditor5_1.Essentials,
-                    ckeditor5_1.FindAndReplace,
-                    ckeditor5_1.FontBackgroundColor,
-                    ckeditor5_1.FontColor,
-                    ckeditor5_1.FontFamily,
-                    ckeditor5_1.FontSize,
-                    ckeditor5_1.FullPage,
-                    ckeditor5_1.GeneralHtmlSupport,
-                    ckeditor5_1.Heading,
-                    ckeditor5_1.Highlight,
-                    ckeditor5_1.HorizontalLine,
-                    ckeditor5_1.HtmlComment,
-                    ckeditor5_1.HtmlEmbed,
-                    ckeditor5_1.ImageBlock,
-                    ckeditor5_1.ImageCaption,
-                    ckeditor5_1.ImageInline,
-                    ckeditor5_1.ImageInsert,
-                    ckeditor5_1.ImageInsertViaUrl,
-                    ckeditor5_1.ImageResize,
-                    ckeditor5_1.ImageStyle,
-                    ckeditor5_1.ImageTextAlternative,
-                    ckeditor5_1.ImageToolbar,
-                    ckeditor5_1.ImageUpload,
-                    ckeditor5_1.Indent,
-                    ckeditor5_1.IndentBlock,
-                    ckeditor5_1.Italic,
-                    ckeditor5_1.Link,
-                    ckeditor5_1.LinkImage,
-                    ckeditor5_1.List,
-                    ckeditor5_1.ListProperties,
-                    ckeditor5_1.Markdown,
-                    ckeditor5_1.MediaEmbed,
-                    ckeditor5_1.Mention,
-                    ckeditor5_1.PageBreak,
-                    ckeditor5_1.Paragraph,
-                    ckeditor5_1.PasteFromMarkdownExperimental,
-                    ckeditor5_1.PasteFromOffice,
-                    ckeditor5_1.PictureEditing,
-                    ckeditor5_1.RemoveFormat,
-                    ckeditor5_1.ShowBlocks,
-                    ckeditor5_1.SourceEditing,
-                    ckeditor5_1.SpecialCharacters,
-                    ckeditor5_1.SpecialCharactersArrows,
-                    ckeditor5_1.SpecialCharactersCurrency,
-                    ckeditor5_1.SpecialCharactersEssentials,
-                    ckeditor5_1.SpecialCharactersLatin,
-                    ckeditor5_1.SpecialCharactersMathematical,
-                    ckeditor5_1.SpecialCharactersText,
-                    ckeditor5_1.Strikethrough,
-                    ckeditor5_1.Style,
-                    ckeditor5_1.Subscript,
-                    ckeditor5_1.Superscript,
-                    ckeditor5_1.Table,
-                    ckeditor5_1.TableCaption,
-                    ckeditor5_1.TableCellProperties,
-                    ckeditor5_1.TableColumnResize,
-                    ckeditor5_1.TableProperties,
-                    ckeditor5_1.TableToolbar,
-                    ckeditor5_1.TextPartLanguage,
-                    ckeditor5_1.TextTransformation,
-                    // Title,
-                    ckeditor5_1.TodoList,
-                    ckeditor5_1.Underline,
-                    ckeditor5_1.WordCount
-                ],
-                balloonToolbar: ['bold', 'italic', '|', 'link', 'insertImage', '|', 'bulletedList', 'numberedList'],
-                extraPlugins: props.extraPlugins,
-                mediaEmbed: {
-                    previewsInData: true,
-                    providers: [
-                        {
-                            name: "youtube",
-                            url: /^https:\/\/www\.youtube\.com\/watch\?v=([\w-]+)/,
-                            html: (match) => {
-                                const id = match[1];
-                                return ('<div style="position: relative; padding-bottom: 56.25%; height: 0;">' +
-                                    `<iframe src="https://www.youtube.com/embed/${id}" ` +
-                                    'style="position: absolute; width: 100%; height: 100%; left: 0;" ' +
-                                    'frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>' +
-                                    "</div>");
-                            },
-                        },
-                    ],
-                },
-                fontFamily: {
-                    options: props.fontFamily || ["Default", "Arial", "Courier New", "Inter", "Roboto", "Times New Roman", "Source Serif 4"],
-                    supportAllValues: true
-                },
-                fontSize: {
-                    options: props.fontSize || [10, 12, 14, 'default', 18, 20, 22, 24],
-                    supportAllValues: true,
-                },
-                fontColor: {
-                    columns: 6,
-                    colors: props.fontColors || [
-                        {
-                            color: 'var(--neutral-text-title-color)',
-                            label: 'title'
-                        },
-                        {
-                            color: 'var(--neutral-text-subtitle-color)',
-                            label: 'subtitle'
-                        },
-                        {
-                            color: 'var(--neutral-text-body-color)',
-                            label: 'body'
-                        },
-                        {
-                            color: 'var(--neutral-text-placeholder-color)',
-                            label: 'placeholder'
-                        },
-                        {
-                            color: 'var(--neutral-text-disabled-color)',
-                            label: 'disabled'
-                        },
-                        {
-                            color: 'var(--neutral-text-stable-color)',
-                            label: 'stable'
-                        },
-                        {
-                            color: 'var(--primary-main-color)',
-                            label: 'primay'
-                        },
-                        {
-                            color: 'var(--warning-main-color)',
-                            label: 'warning'
-                        },
-                        {
-                            color: 'var(--success-main-color)',
-                            label: 'success'
-                        },
-                        {
-                            color: 'var(--secondary3-main-color)',
-                            label: 'secondary3'
-                        },
-                        {
-                            color: 'var(--secondary4-main-color)',
-                            label: 'secondary4'
-                        },
-                        {
-                            color: 'var(--secondary5-main-color)',
-                            label: 'secondary5'
-                        },
-                        {
-                            color: 'var(--infor-main-color)',
-                            label: 'infor'
-                        },
-                        {
-                            color: 'var(--error-main-color)',
-                            label: 'error'
-                        },
-                    ],
-                },
-                fontBackgroundColor: {
-                    columns: 6,
-                    colors: props.fontBgColors || [
-                        {
-                            color: 'var(--neutral-main-background-color)',
-                            label: 'main'
-                        },
-                        {
-                            color: 'var(--neutral-main-reverse-background-color)',
-                            label: 'main-reverse'
-                        },
-                        {
-                            color: 'var(--neutral-absolute-background-color)',
-                            label: 'absolute'
-                        },
-                        {
-                            color: 'var(--neutral-absolute-reverse-background-color)',
-                            label: 'absolute-reverse'
-                        },
-                        {
-                            color: 'var(--primary-background)',
-                            label: 'primay-bg'
-                        },
-                        {
-                            color: 'var(--warning-background)',
-                            label: 'warning-bg'
-                        },
-                        {
-                            color: 'var(--success-background)',
-                            label: 'success-bg'
-                        },
-                        {
-                            color: 'var(--secondary3-background)',
-                            label: 'secondary3-bg'
-                        },
-                        {
-                            color: 'var(--secondary4-background)',
-                            label: 'secondary4-bg'
-                        },
-                        {
-                            color: 'var(--secondary5-background)',
-                            label: 'secondary5-bg'
-                        },
-                        {
-                            color: 'var(--infor-background)',
-                            label: 'infor-bg'
-                        },
-                        {
-                            color: 'var(--error-background)',
-                            label: 'error-bg'
-                        },
-                    ],
-                },
-                heading: {
-                    options: [
-                        {
-                            model: 'paragraph',
-                            title: 'Paragraph',
-                            class: 'ck-heading_paragraph'
-                        },
-                        {
-                            model: 'heading1',
-                            view: 'h1',
-                            title: 'Heading 1',
-                            class: 'ck-heading_heading1'
-                        },
-                        {
-                            model: 'heading2',
-                            view: 'h2',
-                            title: 'Heading 2',
-                            class: 'ck-heading_heading2'
-                        },
-                        {
-                            model: 'heading3',
-                            view: 'h3',
-                            title: 'Heading 3',
-                            class: 'ck-heading_heading3'
-                        },
-                        {
-                            model: 'heading4',
-                            view: 'h4',
-                            title: 'Heading 4',
-                            class: 'ck-heading_heading4'
-                        },
-                        {
-                            model: 'heading5',
-                            view: 'h5',
-                            title: 'Heading 5',
-                            class: 'ck-heading_heading5'
-                        },
-                        {
-                            model: 'heading6',
-                            view: 'h6',
-                            title: 'Heading 6',
-                            class: 'ck-heading_heading6'
-                        }
-                    ]
-                },
-                htmlSupport: {
-                    allow: [
-                        {
-                            name: /^.*$/,
-                            styles: true,
-                            attributes: true,
-                            classes: true
-                        }
-                    ]
-                },
-                image: {
-                    toolbar: [
-                        'toggleImageCaption',
-                        'imageTextAlternative',
-                        '|',
-                        'imageStyle:inline',
-                        'imageStyle:wrapText',
-                        'imageStyle:breakText',
-                        '|',
-                        'resizeImage'
-                    ]
-                },
-                language: "vi",
-                licenseKey: LICENSE_KEY,
-                link: {
-                    addTargetToExternalLinks: true,
-                    defaultProtocol: 'https://',
-                    decorators: {
-                        toggleDownloadable: {
-                            mode: 'manual',
-                            label: 'Downloadable',
-                            attributes: {
-                                download: 'file'
-                            }
-                        }
-                    }
-                },
-                menuBar: { isVisible: props.menuBar },
-                placeholder: props.placeholder,
-                table: {
-                    contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
-                },
-            }
-        };
-    }, [isLayoutReady, i18n.language]);
-    return react_1.default.createElement("div", { ref: editorContainerRef, className: `col editor-container editor-container_classic-editor editor-container_include-style ${(_a = props.className) !== null && _a !== void 0 ? _a : ""} ${((_b = props.helperText) === null || _b === void 0 ? void 0 : _b.length) ? 'helper-text' : ""}`, "helper-text": props.helperText, style: props.style ? Object.assign(Object.assign({}, { '--helper-text-color': (_c = props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), props.style) : { '--helper-text-color': (_d = props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } },
-        react_1.default.createElement("div", { className: "editor-container__editor" },
-            react_1.default.createElement("div", { ref: editorRef }, editorConfig && (react_1.default.createElement(ckeditor5_react_1.CKEditor, { onReady: props.onReady, onAfterDestroy: props.onAfterDestroy, onFocus: props.onFocus, onChange: props.onChange, onBlur: props.onBlur, editor: ckeditor5_1.ClassicEditor, onError: props.onError, config: editorConfig, data: props.value, disabled: props.disabled })))));
-}

package/dist/component/component-status.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export declare enum ComponentStatus {
-    INFOR = 1,
-    ERROR = 2,
-    WARNING = 3,
-    SUCCSESS = 4
-}
-export declare const getStatusIcon: (status: ComponentStatus) => React.JSX.Element;