wini-web-components 2.7.0 → 2.7.2

package/dist/component/select1/select1.js

@@ -1,249 +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.Select1 = void 0;
-const select1_module_css_1 = __importDefault(require("./select1.module.css"));
-const react_1 = __importStar(require("react"));
-const winicon_1 = require("../wini-icon/winicon");
-const text_1 = require("../text/text");
-const react_i18next_1 = require("react-i18next");
-const popup_1 = require("../popup/popup");
-;
-class TSelect1 extends react_1.default.Component {
-    constructor(props) {
-        var _a, _b;
-        super(props);
-        this.containerRef = (0, react_1.createRef)();
-        this.inputRef = (0, react_1.createRef)();
-        this.onKeyDown = (ev) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            if ((((_a = this.state.options) === null || _a === void 0 ? void 0 : _a.length) || ((_b = this.state.search) === null || _b === void 0 ? void 0 : _b.length)) && this.state.isOpen) {
-                switch (ev.key.toLowerCase()) {
-                    case "enter":
-                        ev.preventDefault();
-                        const _selectItem = ((_c = this.state.search) !== null && _c !== void 0 ? _c : this.state.options).find(e => e.id === this.state.selected);
-                        if (_selectItem)
-                            this.onSelect(_selectItem);
-                        break;
-                    case "arrowup":
-                        ev.preventDefault();
-                        if (this.state.selected) {
-                            let _index = ((_d = this.state.search) !== null && _d !== void 0 ? _d : this.state.options).findIndex((e) => e.id === this.state.selected);
-                            _index = ((_index === 0) ? this.props.options.length : _index) - 1;
-                            this.setState(Object.assign(Object.assign({}, this.state), { selected: (_e = this.props.options[_index]) === null || _e === void 0 ? void 0 : _e.id }));
-                        }
-                        break;
-                    case "arrowdown":
-                        ev.preventDefault();
-                        if (this.state.selected) {
-                            let _index = ((_f = this.state.search) !== null && _f !== void 0 ? _f : this.state.options).findIndex((e) => e.id === this.state.selected);
-                            _index = ((_index + 1 === this.props.options.length) ? -1 : _index) + 1;
-                            this.setState(Object.assign(Object.assign({}, this.state), { selected: (_g = this.props.options[_index]) === null || _g === void 0 ? void 0 : _g.id }));
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-        };
-        this.state = {
-            value: props.value,
-            options: props.options,
-            offset: {
-                x: 0,
-                y: 0,
-                height: 0,
-                width: 0,
-                bottom: 0,
-                left: 0,
-                right: 0,
-                top: 0,
-                toJSON: function () {
-                    throw new Error('Function not implemented.');
-                }
-            },
-            isOpen: false,
-            onSelect: null,
-        };
-        this.search = this.search.bind(this);
-        this.onSelect = this.onSelect.bind(this);
-        this.onKeyDown = this.onKeyDown.bind(this);
-        if (this.inputRef.current)
-            this.inputRef.current.value = `${(_b = (_a = this.state.options.find(e => e.id === this.state.value)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : ""}`;
-    }
-    search(ev) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (ev.target.value.trim().length) {
-                if ((_a = this.props) === null || _a === void 0 ? void 0 : _a.handleSearch) {
-                    const res = yield this.props.handleSearch(ev.target.value.trim());
-                    this.setState(Object.assign(Object.assign({}, this.state), { search: res }));
-                }
-                else {
-                    this.setState(Object.assign(Object.assign({}, this.state), { search: this.props.options.filter(e => typeof e.name === "string" && e.name.toLowerCase().includes(ev.target.value.trim().toLowerCase())) }));
-                }
-            }
-            else {
-                this.setState(Object.assign(Object.assign({}, this.state), { search: undefined }));
-            }
-        });
-    }
-    onSelect(item) {
-        var _a, _b;
-        if (item.disabled) {
-            this.setState(Object.assign(Object.assign({}, this.state), { isOpen: false, onSelect: undefined, selected: undefined }));
-            (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-        else {
-            let newState = Object.assign(Object.assign({}, this.state), { isOpen: false, value: item.id, onSelect: undefined, selected: undefined });
-            if (!newState.options.some(e => e.id === item.id))
-                newState.options.push(item);
-            this.setState(newState);
-            (_b = this.inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-        }
-        if (this.props.onChange)
-            this.props.onChange(item);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (prevProps.options !== this.props.options) {
-            this.setState(Object.assign(Object.assign({}, this.state), { options: this.props.options }));
-            if (this.inputRef.current)
-                this.inputRef.current.value = `${(_b = (_a = this.props.options.find(e => e.id === this.state.value)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : ""}`;
-        }
-        if (prevProps.value !== this.props.value)
-            this.setState(Object.assign(Object.assign({}, this.state), { value: this.props.value }));
-        if (prevState.value !== this.state.value && this.inputRef.current)
-            this.inputRef.current.value = `${(_d = (_c = this.state.options.find(e => e.id === this.state.value)) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : ""}`;
-        //
-        if (this.state.isOpen && prevState.isOpen !== this.state.isOpen) {
-            const thisPopupRect = (_e = this.containerRef.current.querySelector(`.select1-popup`)) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect();
-            if (thisPopupRect) {
-                let style;
-                if (thisPopupRect.right > document.body.offsetWidth) {
-                    style = {
-                        top: this.state.offset.y + this.state.offset.height + 2 + 'px',
-                        right: document.body.offsetWidth - this.state.offset.right + 'px'
-                    };
-                }
-                let _bottom = thisPopupRect.bottom - 8;
-                const thisContainerRect = (_f = this.containerRef.current) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect();
-                if (thisContainerRect) {
-                    if (_bottom > document.body.offsetHeight) {
-                        style = Object.assign(Object.assign({}, (style !== null && style !== void 0 ? style : {})), { top: `${thisContainerRect.y - 2 - thisPopupRect.height}px` });
-                    }
-                }
-                if (style) {
-                    (_g = style.left) !== null && _g !== void 0 ? _g : (style.left = style.right ? undefined : `${this.state.offset.x}px`);
-                    (_h = style.width) !== null && _h !== void 0 ? _h : (style.width = `${this.state.offset.width}px`);
-                    this.setState(Object.assign(Object.assign({}, this.state), { style: style }));
-                }
-            }
-        }
-    }
-    componentDidMount() {
-        var _a, _b;
-        if (this.inputRef.current)
-            this.inputRef.current.value = `${(_b = (_a = this.state.options.find(e => e.id === this.state.value)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : ""}`;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const { t } = this.props;
-        const _value = this.state.options.find(e => e.id === this.state.value);
-        return react_1.default.createElement("div", { id: this.props.id, ref: this.containerRef, className: `${select1_module_css_1.default['select1-container']} row ${this.props.disabled ? select1_module_css_1.default['disabled'] : ''} ${((_a = this.props.helperText) === null || _a === void 0 ? void 0 : _a.length) && select1_module_css_1.default['helper-text']} ${(_b = this.props.className) !== null && _b !== void 0 ? _b : 'body-3'}`, "helper-text": this.props.helperText, style: this.props.style ? Object.assign(Object.assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' }, onClick: () => {
-                var _a, _b, _c;
-                if (!this.state.isOpen) {
-                    this.setState(Object.assign(Object.assign({}, this.state), { isOpen: true, style: undefined, offset: (_b = (_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect() }));
-                    (_c = this.inputRef.current) === null || _c === void 0 ? void 0 : _c.focus();
-                }
-            } },
-            this.props.prefix,
-            (!_value || typeof _value.name === "string" || typeof _value.name === "number") ? react_1.default.createElement("input", { ref: this.inputRef, readOnly: this.props.readOnly, onChange: this.search, placeholder: this.props.placeholder, onBlur: ev => {
-                    if (this.state.onSelect && !this.props.readOnly)
-                        ev.target.focus();
-                } }) : _value.name, (_e = this.props.suffix) !== null && _e !== void 0 ? _e : react_1.default.createElement("div", { ref: iconRef => {
-                if ((iconRef === null || iconRef === void 0 ? void 0 : iconRef.parentElement) && iconRef.parentElement.getBoundingClientRect().width < 88)
-                    iconRef.style.display = "none";
-            }, className: 'row' },
-            react_1.default.createElement(winicon_1.Winicon, { src: this.state.isOpen ? "fill/arrows/up-arrow" : "fill/arrows/down-arrow", size: "1.2rem" })),
-            this.state.isOpen && react_1.default.createElement(popup_1.PopupOverlay, { onOpen: this.props.onOpenOptions, className: `hidden-overlay`, onClose: (ev) => {
-                    if (ev.target !== this.inputRef.current)
-                        this.setState(Object.assign(Object.assign({}, this.state), { isOpen: false }));
-                } },
-                react_1.default.createElement("div", { className: `${select1_module_css_1.default['select1-popup']} select1-popup col ${(_f = this.props.popupClassName) !== null && _f !== void 0 ? _f : ""}`, style: (_g = this.state.style) !== null && _g !== void 0 ? _g : {
-                        top: this.state.offset.y + this.state.offset.height + 2 + 'px',
-                        left: this.state.offset.x + 'px',
-                        width: this.state.offset.width,
-                    } },
-                    react_1.default.createElement("div", { className: `col ${select1_module_css_1.default['select-body']}`, onScroll: this.props.handleLoadmore ? (ev) => {
-                            if (this.props.handleLoadmore) {
-                                let scrollElement = ev.target;
-                                this.props.handleLoadmore(Math.round(scrollElement.offsetHeight + scrollElement.scrollTop) >= (scrollElement.scrollHeight - 1), ev);
-                            }
-                        } : undefined },
-                        ((_h = this.state.search) !== null && _h !== void 0 ? _h : this.state.options).filter(e => !e.parentId).map(item => {
-                            var _a, _b;
-                            return react_1.default.createElement(OptionsItemTile, { key: item.id, item: item, children: ((_a = this.state.search) !== null && _a !== void 0 ? _a : this.state.options).filter(e => e.parentId === item.id), selected: this.state.selected === item.id, onClick: this.onSelect, treeData: ((_b = this.state.search) !== null && _b !== void 0 ? _b : this.state.options).some(e => e.parentId) });
-                        }),
-                        (!((_j = this.state.search) === null || _j === void 0 ? void 0 : _j.length) && !((_k = this.props.options) === null || _k === void 0 ? void 0 : _k.length)) && (react_1.default.createElement("div", { className: select1_module_css_1.default['no-results-found'] }, t("noResultFound")))))));
-    }
-}
-function OptionsItemTile({ item, children, selected, onClick, treeData }) {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    return item.title && typeof item.title !== "string" ? react_1.default.createElement(react_1.default.Fragment, null, item.title(onClick)) : react_1.default.createElement("div", { className: 'col', style: { width: '100%' } },
-        react_1.default.createElement("div", { className: `${select1_module_css_1.default['select-tile']} row ${item.disabled ? select1_module_css_1.default["disabled"] : ""}`, style: { paddingLeft: item.parentId ? '4.4rem' : undefined, backgroundColor: selected ? "var(--neutral-selected-background-color)" : undefined }, onClick: () => {
-                if (children === null || children === void 0 ? void 0 : children.length) {
-                    setIsOpen(!isOpen);
-                }
-                else
-                    onClick(item);
-            } },
-            treeData ? react_1.default.createElement("div", { className: 'row', style: { width: '1.4rem', height: '1.4rem' } }, (children === null || children === void 0 ? void 0 : children.length) ? react_1.default.createElement(winicon_1.Winicon, { src: isOpen ? "fill/arrows/triangle-down" : "fill/arrows/triangle-right", size: "1.2rem" }) : null) : undefined,
-            ((item.title && typeof item.title === "string") || typeof item.name === "string") ? react_1.default.createElement(text_1.Text, { className: 'body-3' }, item.title && typeof item.title === "string" ? item.title : item.name) : item.name),
-        (children === null || children === void 0 ? void 0 : children.length) ? react_1.default.createElement("div", { className: 'col', style: { display: isOpen ? "flex" : "none", width: '100%' } }, children.map(e => react_1.default.createElement(OptionsItemTile, { key: e.id, item: e, onClick: onClick }))) : undefined);
-}
-exports.Select1 = (0, react_i18next_1.withTranslation)()(TSelect1);

package/dist/component/slider/slider.d.ts

@@ -1,31 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './slider.css';
-interface SliderProps {
-    id?: string;
-    children?: Array<ReactNode>;
-    autoPlay?: boolean;
-    /** default: 2000ms */
-    duration?: number;
-    className?: string;
-    iconSize?: number | string;
-    iconColor?: string;
-    prevButton?: ReactNode;
-    nextButton?: ReactNode;
-    style?: CSSProperties;
-    buttons?: boolean;
-    onChage?: (i: number) => void;
-}
-interface SliderState {
-    page: number;
-}
-export declare class CustomSlider extends React.Component<SliderProps, SliderState> {
-    private intervalPlay;
-    constructor(props: SliderProps);
-    nextPage: () => void;
-    previousPage: () => void;
-    private autoPlay;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<SliderProps>, prevState: Readonly<SliderState>): void;
-    render(): React.JSX.Element;
-}
-export {};

package/dist/component/slider/slider.js

@@ -1,64 +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.CustomSlider = void 0;
-const react_1 = __importDefault(require("react"));
-const react_awesome_slider_1 = __importDefault(require("react-awesome-slider"));
-require("./slider.css");
-const winicon_1 = require("../wini-icon/winicon");
-class CustomSlider extends react_1.default.Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        this.nextPage = () => {
-            var _a, _b, _c;
-            let index = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) < this.props.children.length) {
-                this.setState({ page: index + 1 });
-                if (this.props.onChage)
-                    this.props.onChage(index + 1);
-            }
-        };
-        this.previousPage = () => {
-            var _a, _b, _c;
-            let index = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.children) && index > 0) {
-                this.setState({ page: index - 1 });
-                if (this.props.onChage)
-                    this.props.onChage(index - 1);
-            }
-        };
-        this.autoPlay = () => {
-            var _a, _b, _c;
-            let index = (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : 0;
-            if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.children) && (index + 1) === this.props.children.length)
-                index = -1;
-            this.setState({ page: index + 1 });
-            if (this.props.onChage)
-                this.props.onChage(index + 1);
-        };
-        (_a = props.buttons) !== null && _a !== void 0 ? _a : (props.buttons = true);
-        this.state = {
-            page: 0
-        };
-        this.autoPlay = this.autoPlay.bind(this);
-        this.nextPage = this.nextPage.bind(this);
-        this.previousPage = this.previousPage.bind(this);
-    }
-    componentDidMount() {
-        var _a;
-        if (this.props.autoPlay)
-            this.intervalPlay = setInterval(this.autoPlay, (_a = this.props.duration) !== null && _a !== void 0 ? _a : 2000);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        if (this.props.autoPlay !== prevProps.autoPlay && !this.props.autoPlay)
-            clearInterval(this.intervalPlay);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return react_1.default.createElement(react_awesome_slider_1.default, { style: this.props.style, className: `custom-slider-container ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ''}`, selected: this.state.page, bullets: false, buttons: this.props.buttons ? (this.props.children && ((_b = this.props.children) === null || _b === void 0 ? void 0 : _b.length) > 1) : false, organicArrows: false, buttonContentLeft: (_c = this.props.prevButton) !== null && _c !== void 0 ? _c : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-left", size: "2.4rem", color: (_d = this.props.iconColor) !== null && _d !== void 0 ? _d : "var(--neutral-absolute-background-color)" }), buttonContentRight: (_e = this.props.nextButton) !== null && _e !== void 0 ? _e : react_1.default.createElement(winicon_1.Winicon, { src: "fill/arrows/circle-ctrl-right", size: "2.4rem", color: (_f = this.props.iconColor) !== null && _f !== void 0 ? _f : "var(--neutral-absolute-background-color)" }) }, this.props.children);
-    }
-}
-exports.CustomSlider = CustomSlider;

package/dist/component/switch/switch.d.ts

@@ -1,23 +0,0 @@
-import React, { CSSProperties } from 'react';
-interface SwitchProps {
-    id?: string;
-    onChange?: (value: boolean) => void;
-    value?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    size?: number | string;
-    dotColor?: string;
-    onBackground?: string;
-    offBackground?: string;
-    name?: string;
-}
-interface SwitchState {
-    value?: boolean;
-}
-export declare class Switch extends React.Component<SwitchProps, SwitchState> {
-    state: Readonly<SwitchState>;
-    componentDidUpdate(prevProps: Readonly<SwitchProps>): void;
-    render(): React.JSX.Element;
-}
-export {};

package/dist/component/switch/switch.js

@@ -1,50 +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.Switch = void 0;
-const react_1 = __importDefault(require("react"));
-const switch_module_css_1 = __importDefault(require("./switch.module.css"));
-class Switch extends react_1.default.Component {
-    constructor() {
-        var _a;
-        super(...arguments);
-        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, _d, _e;
-        const propStyle = {
-            '--off-bg': (_a = this.props.offBackground) !== null && _a !== void 0 ? _a : 'var(--neutral-main-background-color)',
-            '--on-bg': (_b = this.props.onBackground) !== null && _b !== void 0 ? _b : 'var(--primary-main-color)',
-            '--dot-color': (_c = this.props.dotColor) !== null && _c !== void 0 ? _c : '#ffffff',
-            '--size': this.props.size ? (typeof this.props.size === 'number') ? `${this.props.size}px` : this.props.size : '2rem'
-        };
-        let convertStyle = Object.assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: `calc(${this.props.size ? (typeof this.props.size === 'number') ? `${this.props.size}px` : this.props.size : '2rem'} * 9 / 5)` }, propStyle);
-        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", { id: this.props.id, className: `${switch_module_css_1.default['switch-container']} row ${(_e = this.props.className) !== null && _e !== void 0 ? _e : ''}`, style: convertStyle },
-            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value, name: this.props.name, disabled: this.props.disabled, onChange: () => {
-                    const newValue = !this.state.value;
-                    this.setState({ value: newValue });
-                    if (this.props.onChange)
-                        this.props.onChange(newValue);
-                } }),
-            react_1.default.createElement("span", { className: switch_module_css_1.default['slider'] }));
-    }
-}
-exports.Switch = Switch;

package/dist/component/table/table.d.ts

@@ -1,51 +0,0 @@
-import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import './table.css';
-export declare enum CellAlignItems {
-    start = "start",
-    center = "center",
-    end = "end"
-}
-type TbCellProps = {
-    id?: string;
-    fixed?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    align?: CellAlignItems | string;
-    onClick?: React.MouseEventHandler<HTMLTableDataCellElement>;
-};
-export declare class TbCell extends React.Component<TbCellProps> {
-    render(): React.ReactNode;
-}
-interface TbRowProps {
-    id?: string;
-    children?: Array<TbCell>;
-    className?: string;
-    style?: CSSProperties;
-    onClick?: MouseEventHandler<HTMLTableRowElement>;
-}
-export declare class TbRow extends React.Component<TbRowProps> {
-    render(): React.ReactNode;
-}
-export declare class TbHeader extends React.Component<TbRowProps> {
-    render(): React.JSX.Element;
-}
-interface TbBodyProps {
-    id?: string;
-    children?: Array<TbRow>;
-    className?: string;
-    style?: CSSProperties;
-}
-export declare class TbBody extends React.Component<TbBodyProps> {
-    render(): React.ReactNode;
-}
-interface TableProps {
-    id?: string;
-    children?: Array<TbBody | TbHeader>;
-    className?: string;
-    style?: CSSProperties;
-}
-export declare class Table extends React.Component<TableProps> {
-    render(): React.ReactNode;
-}
-export {};

package/dist/component/table/table.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.Table = exports.TbBody = exports.TbHeader = exports.TbRow = exports.TbCell = exports.CellAlignItems = void 0;
-const react_1 = __importDefault(require("react"));
-require("./table.css");
-var CellAlignItems;
-(function (CellAlignItems) {
-    CellAlignItems["start"] = "start";
-    CellAlignItems["center"] = "center";
-    CellAlignItems["end"] = "end";
-})(CellAlignItems || (exports.CellAlignItems = CellAlignItems = {}));
-class TbCell extends react_1.default.Component {
-    render() {
-        var _a, _b;
-        return react_1.default.createElement("td", { id: this.props.id, onClick: this.props.onClick, style: this.props.style, "align-cell": (_a = this.props.align) !== null && _a !== void 0 ? _a : CellAlignItems.start, className: `tb-cell ${(_b = this.props.className) !== null && _b !== void 0 ? _b : ''} ${this.props.fixed ? 'tb-cell-fixed' : ''}` }, this.props.children);
-    }
-}
-exports.TbCell = TbCell;
-class TbRow extends react_1.default.Component {
-    render() {
-        var _a, _b;
-        return react_1.default.createElement("tr", { id: this.props.id, style: this.props.style, className: `tb-row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}`, onClick: this.props.onClick }, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map((e, i) => {
-            var _a, _b;
-            let ox = 0;
-            if (this.props.children && i > 0 && i < (this.props.children.length - 1)) {
-                ox = `calc(${this.props.children.slice(0, i).map(tb => {
-                    var _a, _b, _c;
-                    const wValue = (_b = (_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.minWidth) !== null && _b !== void 0 ? _b : (_c = tb.props.style) === null || _c === void 0 ? void 0 : _c.width;
-                    return wValue ? typeof wValue === 'number' ? `${wValue}px` : wValue : '60px';
-                }).join(" + ")})`;
-            }
-            return react_1.default.createElement(TbCell, { id: e.props.id, key: `tb-cell-${i}`, align: e.props.align, children: e.props.children, fixed: e.props.fixed, onClick: e.props.onClick, style: e.props.fixed ? (this.props.children && i === this.props.children.length - 1) ? Object.assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : Object.assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
-        }));
-    }
-}
-exports.TbRow = TbRow;
-class TbHeader extends react_1.default.Component {
-    render() {
-        var _a, _b;
-        return react_1.default.createElement("thead", { style: this.props.style, className: `tb-header ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}` },
-            react_1.default.createElement("tr", null, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map((e, i) => {
-                var _a, _b;
-                let ox = 0;
-                if (this.props.children && i > 0 && i < (this.props.children.length - 1)) {
-                    ox = `calc(${this.props.children.slice(0, i).map(tb => { var _a; return ((_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.width) ? typeof tb.props.style.width === 'number' ? `${tb.props.style.width}px` : tb.props.style.width : '60px'; }).join(" + ")})`;
-                }
-                return react_1.default.createElement(TbCell, { id: e.props.id, key: `tb-cell-${i}`, align: e.props.align, children: e.props.children, onClick: e.props.onClick, fixed: e.props.fixed, style: e.props.fixed ? (this.props.children && i === this.props.children.length - 1) ? Object.assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : Object.assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
-            })));
-    }
-}
-exports.TbHeader = TbHeader;
-class TbBody extends react_1.default.Component {
-    render() {
-        return react_1.default.createElement("tbody", { id: this.props.id }, this.props.children);
-    }
-}
-exports.TbBody = TbBody;
-class Table extends react_1.default.Component {
-    render() {
-        return react_1.default.createElement("table", { id: this.props.id, className: `custom-table ${this.props.className}`, style: this.props.style }, this.props.children);
-    }
-}
-exports.Table = Table;

package/dist/component/tag/tag.d.ts

@@ -1,22 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { ComponentStatus } from '../component-status';
-interface TagProps {
-    id?: string;
-    title: string;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    disabled?: boolean;
-    style?: CSSProperties;
-    /**
-     * default: size24: button-text-6 \
-     * recommend: size24: button-text-6 | size32: button-text-4 \
-     * status tag: tag-primary | tag-infor | tag-warning | tag-error | tag-success | tag-grey | tag-neutral | tag-infor-main | tag-warning-main | tag-error-main | tag-success-main
-     * */
-    className?: string;
-    status?: ComponentStatus;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-export declare class Tag extends React.Component<TagProps> {
-    render(): React.JSX.Element;
-}
-export {};

package/dist/component/tag/tag.js

@@ -1,19 +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.Tag = void 0;
-const react_1 = __importDefault(require("react"));
-const text_1 = require("../text/text");
-const tag_module_css_1 = __importDefault(require("./tag.module.css"));
-class Tag extends react_1.default.Component {
-    render() {
-        var _a, _b;
-        return react_1.default.createElement("div", { id: this.props.id, "tag-type": (_a = this.props.status) !== null && _a !== void 0 ? _a : 'default', className: `${tag_module_css_1.default['tag-container']} row ${this.props.onClick ? tag_module_css_1.default['type-button'] : ''} ${this.props.disabled ? tag_module_css_1.default['disabled'] : ""} ${(_b = this.props.className) !== null && _b !== void 0 ? _b : "button-text-6"} `, style: this.props.style, onClick: this.props.onClick },
-            this.props.prefix,
-            react_1.default.createElement(text_1.Text, { maxLine: 1, className: tag_module_css_1.default['tag-label'] }, this.props.title),
-            this.props.suffix);
-    }
-}
-exports.Tag = Tag;

package/dist/component/text/text.d.ts

@@ -1,16 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './text.css';
-interface TextProps {
-    id?: string;
-    children?: ReactNode;
-    style?: CSSProperties;
-    className?: string;
-    maxLine?: number;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onHover?: React.MouseEventHandler<HTMLDivElement>;
-    html?: string;
-}
-export declare class Text extends React.Component<TextProps> {
-    render(): React.ReactNode;
-}
-export {};

package/dist/component/text/text.js

@@ -1,20 +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.Text = void 0;
-const react_1 = __importDefault(require("react"));
-require("./text.css");
-class Text extends react_1.default.Component {
-    render() {
-        var _a, _b, _c;
-        let convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
-        if (this.props.maxLine) {
-            convertStyle = Object.assign(Object.assign({}, convertStyle), { '--max-line': this.props.maxLine });
-        }
-        return this.props.html ? react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: this.props.html }, id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: `comp-text innerhtml ${this.props.onClick ? 'type-button' : ''} ${(_b = this.props.className) !== null && _b !== void 0 ? _b : ''}`, style: convertStyle }) :
-            react_1.default.createElement("div", { id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: `comp-text ${this.props.onClick ? 'type-button' : ''} ${(_c = this.props.className) !== null && _c !== void 0 ? _c : ''}`, style: convertStyle }, this.props.children);
-    }
-}
-exports.Text = Text;

package/dist/component/text-area/text-area.d.ts

@@ -1,27 +0,0 @@
-import React, { CSSProperties } from "react";
-import { UseFormRegister } from "react-hook-form";
-interface TextAreaProps {
-    id?: string;
-    value?: string;
-    maxLength?: number;
-    defaultValue?: string;
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
-    placeholder?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    autoFocus?: boolean;
-    className?: string;
-    helperText?: string;
-    name?: string;
-    helperTextColor?: string;
-    style?: CSSProperties;
-    register?: UseFormRegister<{}>;
-}
-export declare class TextArea extends React.Component<TextAreaProps> {
-    private containerRef;
-    getTextarea: () => HTMLTextAreaElement | null | undefined;
-    render(): React.ReactNode;
-}
-export {};