wini-web-components 0.5.0 → 0.5.2

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

@@ -0,0 +1,31 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import 'react-awesome-slider/dist/styles.css';
+import './slider.css';
+interface SliderProps {
+    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

@@ -0,0 +1,83 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSlider = void 0;
+var react_1 = __importDefault(require("react"));
+var react_awesome_slider_1 = __importDefault(require("react-awesome-slider"));
+require("react-awesome-slider/dist/styles.css");
+require("./slider.css");
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var CustomSlider = /** @class */ (function (_super) {
+    __extends(CustomSlider, _super);
+    function CustomSlider(props) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this, props) || this;
+        _this.nextPage = function () {
+            var _a, _b, _c;
+            var 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 = function () {
+            var _a, _b, _c;
+            var 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 = function () {
+            var _a, _b, _c;
+            var 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);
+        return _this;
+    }
+    CustomSlider.prototype.componentDidMount = function () {
+        var _a;
+        if (this.props.autoPlay)
+            this.intervalPlay = setInterval(this.autoPlay, (_a = this.props.duration) !== null && _a !== void 0 ? _a : 2000);
+    };
+    CustomSlider.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (this.props.autoPlay !== prevProps.autoPlay && !this.props.autoPlay)
+            clearInterval(this.intervalPlay);
+    };
+    CustomSlider.prototype.render = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return react_1.default.createElement(react_awesome_slider_1.default, { style: this.props.style, className: "custom-slider-container ".concat((_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(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCircleChevronLeft, style: { color: (_d = this.props.iconColor) !== null && _d !== void 0 ? _d : '#ffffff', fontSize: (_e = this.props.iconSize) !== null && _e !== void 0 ? _e : '2.4rem' } }), buttonContentRight: (_f = this.props.nextButton) !== null && _f !== void 0 ? _f : react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCircleChevronRight, style: { color: (_g = this.props.iconColor) !== null && _g !== void 0 ? _g : '#ffffff', fontSize: (_h = this.props.iconSize) !== null && _h !== void 0 ? _h : '2.4rem' } }) }, this.props.children);
+    };
+    return CustomSlider;
+}(react_1.default.Component));
+exports.CustomSlider = CustomSlider;

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

@@ -0,0 +1,23 @@
+import React, { CSSProperties } from 'react';
+import './switch.css';
+interface SwitchProps {
+    onChange?: (value: boolean) => void;
+    value?: boolean;
+    disabled: false;
+    style: CSSProperties;
+    size?: number | string;
+    dotColor?: string;
+    onBackground?: string;
+    offBackground?: string;
+    name?: string;
+    className?: 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

@@ -0,0 +1,81 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var react_1 = __importDefault(require("react"));
+require("./switch.css");
+var Switch = /** @class */ (function (_super) {
+    __extends(Switch, _super);
+    function Switch() {
+        var _this = this;
+        var _a;
+        _this = _super.apply(this, arguments) || this;
+        _this.state = {
+            value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : false
+        };
+        return _this;
+    }
+    Switch.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ value: this.props.value });
+        }
+    };
+    Switch.prototype.render = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e;
+        var propStyle = {
+            '--off-bg': (_a = this.props.offBackground) !== null && _a !== void 0 ? _a : 'var(--background)',
+            '--on-bg': (_b = this.props.onBackground) !== null && _b !== void 0 ? _b : 'var(--infor-color)',
+            '--dot-color': (_c = this.props.dotColor) !== null && _c !== void 0 ? _c : '#ffffff',
+            '--size': this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem'
+        };
+        var convertStyle = __assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: "calc(".concat(this.props.size ? (typeof this.props.size === 'number') ? "".concat(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 = __assign(__assign({}, this.props.style), convertStyle);
+        }
+        return react_1.default.createElement("label", { className: "switch-container row ".concat((_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: function () {
+                    var newValue = !_this.state.value;
+                    _this.setState({ value: newValue });
+                    if (_this.props.onChange)
+                        _this.props.onChange(newValue);
+                } }),
+            react_1.default.createElement("span", { className: "slider" }));
+    };
+    return Switch;
+}(react_1.default.Component));
+exports.Switch = Switch;

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

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

@@ -0,0 +1,119 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+var react_1 = __importDefault(require("react"));
+require("./table.css");
+var CellAlignItems;
+(function (CellAlignItems) {
+    CellAlignItems["start"] = "start";
+    CellAlignItems["center"] = "center";
+    CellAlignItems["end"] = "end";
+})(CellAlignItems = exports.CellAlignItems || (exports.CellAlignItems = {}));
+var TbCell = /** @class */ (function (_super) {
+    __extends(TbCell, _super);
+    function TbCell() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TbCell.prototype.render = function () {
+        var _a, _b;
+        return react_1.default.createElement("td", { style: this.props.style, "align-cell": (_a = this.props.align) !== null && _a !== void 0 ? _a : CellAlignItems.start, className: "tb-cell ".concat((_b = this.props.className) !== null && _b !== void 0 ? _b : '', " ").concat(this.props.fixed ? 'tb-cell-fixed' : '') }, this.props.children);
+    };
+    return TbCell;
+}(react_1.default.Component));
+exports.TbCell = TbCell;
+var TbRow = /** @class */ (function (_super) {
+    __extends(TbRow, _super);
+    function TbRow() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TbRow.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        return react_1.default.createElement("tr", { style: this.props.style, className: "tb-row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : ""), onClick: this.props.onClick }, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map(function (e, i) {
+            var _a, _b;
+            var ox = 0;
+            if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
+                ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) {
+                    var _a, _b, _c;
+                    var 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' ? "".concat(wValue, "px") : wValue : '60px';
+                }).join(" + "), ")");
+            }
+            return react_1.default.createElement(TbCell, { key: "tb-cell-".concat(i), align: e.props.align, children: e.props.children, fixed: e.props.fixed, style: e.props.fixed ? (_this.props.children && i === _this.props.children.length - 1) ? __assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : __assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
+        }));
+    };
+    return TbRow;
+}(react_1.default.Component));
+exports.TbRow = TbRow;
+var TbHeader = /** @class */ (function (_super) {
+    __extends(TbHeader, _super);
+    function TbHeader() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TbHeader.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        return react_1.default.createElement("thead", { style: this.props.style, className: "tb-header ".concat((_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(function (e, i) {
+                var _a, _b;
+                var ox = 0;
+                if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
+                    ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) { var _a; return ((_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.width) ? typeof tb.props.style.width === 'number' ? "".concat(tb.props.style.width, "px") : tb.props.style.width : '60px'; }).join(" + "), ")");
+                }
+                return react_1.default.createElement(TbCell, { key: "tb-cell-".concat(i), align: e.props.align, children: e.props.children, fixed: e.props.fixed, style: e.props.fixed ? (_this.props.children && i === _this.props.children.length - 1) ? __assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : __assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
+            })));
+    };
+    return TbHeader;
+}(react_1.default.Component));
+exports.TbHeader = TbHeader;
+var TbBody = /** @class */ (function (_super) {
+    __extends(TbBody, _super);
+    function TbBody() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TbBody.prototype.render = function () {
+        return react_1.default.createElement("tbody", null, this.props.children);
+    };
+    return TbBody;
+}(react_1.default.Component));
+exports.TbBody = TbBody;
+var Table = /** @class */ (function (_super) {
+    __extends(Table, _super);
+    function Table() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Table.prototype.render = function () {
+        return react_1.default.createElement("table", { className: "custom-table ".concat(this.props.className), style: this.props.style }, this.props.children);
+    };
+    return Table;
+}(react_1.default.Component));
+exports.Table = Table;

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

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

package/dist/component/text/text.js

@@ -0,0 +1,50 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var react_1 = __importDefault(require("react"));
+require("./text.css");
+var Text = /** @class */ (function (_super) {
+    __extends(Text, _super);
+    function Text() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Text.prototype.render = function () {
+        var _a, _b;
+        var convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
+        if (this.props.maxLine) {
+            convertStyle = __assign(__assign({}, convertStyle), { '--max-line': this.props.maxLine });
+        }
+        return react_1.default.createElement("div", { onMouseOver: this.props.onHover, onClick: this.props.onClick, className: "comp-text ".concat(this.props.onClick ? 'type-button' : '', " ").concat((_b = this.props.className) !== null && _b !== void 0 ? _b : ''), style: convertStyle }, this.props.children);
+    };
+    return Text;
+}(react_1.default.Component));
+exports.Text = Text;

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

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from "react";
+import './text-area.css';
+import { UseFormRegister } from "react-hook-form";
+interface TextAreaProps {
+    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> {
+    render(): React.ReactNode;
+}
+export {};

package/dist/component/text-area/text-area.js

@@ -0,0 +1,47 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+var react_1 = __importDefault(require("react"));
+require("./text-area.css");
+var TextArea = /** @class */ (function (_super) {
+    __extends(TextArea, _super);
+    function TextArea() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextArea.prototype.render = function () {
+        var _a, _b, _c, _d;
+        return react_1.default.createElement("div", { className: "text-area-container row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : 'placeholder-2', " ").concat(((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) && 'helper-text'), style: this.props.style ? __assign(__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' } }, this.props.register ?
+            react_1.default.createElement("textarea", __assign({ autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, name: this.props.name, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("textarea", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }));
+    };
+    return TextArea;
+}(react_1.default.Component));
+exports.TextArea = TextArea;

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

@@ -0,0 +1,28 @@
+import React, { CSSProperties, ReactNode } from "react";
+import './text-field.css';
+import { UseFormRegister } from "react-hook-form";
+interface TextFieldProps {
+    value?: string;
+    maxLength?: number;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    helperText?: string;
+    name?: string;
+    suffix?: ReactNode;
+    prefix?: ReactNode;
+    helperTextColor?: string;
+    style?: CSSProperties;
+    type?: React.HTMLInputTypeAttribute;
+    autoFocus?: boolean;
+    register?: UseFormRegister<{}>;
+}
+export declare class TextField extends React.Component<TextFieldProps> {
+    render(): React.ReactNode;
+}
+export {};

package/dist/component/text-field/text-field.js

@@ -0,0 +1,50 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var react_1 = __importDefault(require("react"));
+require("./text-field.css");
+var TextField = /** @class */ (function (_super) {
+    __extends(TextField, _super);
+    function TextField() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextField.prototype.render = function () {
+        var _a, _b, _c, _d, _e, _f;
+        return react_1.default.createElement("div", { className: "text-field-container row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : 'placeholder-2', " ").concat(((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) && 'helper-text'), "helper-text": this.props.helperText, style: this.props.style ? __assign(__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' } },
+            this.props.prefix,
+            this.props.register ?
+                react_1.default.createElement("input", __assign({}, this.props.register, { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, type: (_e = this.props.type) !== null && _e !== void 0 ? _e : 'text', placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("input", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, type: (_f = this.props.type) !== null && _f !== void 0 ? _f : 'text', defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }),
+            this.props.suffix);
+    };
+    return TextField;
+}(react_1.default.Component));
+exports.TextField = TextField;

package/dist/component/toast-noti/toast-noti.d.ts

@@ -0,0 +1,4 @@
+export declare class ToastMessage {
+    static success(message: string): void;
+    static errors(message: string): void;
+}

package/dist/component/toast-noti/toast-noti.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastMessage = void 0;
+var react_toastify_1 = require("react-toastify");
+var ToastMessage = /** @class */ (function () {
+    function ToastMessage() {
+    }
+    ToastMessage.success = function (message) {
+        react_toastify_1.toast.success(message, {
+            hideProgressBar: true,
+            transition: react_toastify_1.Slide,
+            autoClose: 800,
+            theme: "colored",
+        });
+    };
+    ToastMessage.errors = function (message) {
+        react_toastify_1.toast.error(message, {
+            theme: "colored",
+            pauseOnHover: false,
+            hideProgressBar: true,
+            transition: react_toastify_1.Slide,
+            autoClose: 800,
+        });
+    };
+    return ToastMessage;
+}());
+exports.ToastMessage = ToastMessage;