wini-web-components 2.7.0 → 2.7.2

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

@@ -1,57 +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.TextArea = void 0;
-const react_1 = __importStar(require("react"));
-const text_area_module_css_1 = __importDefault(require("./text-area.module.css"));
-class TextArea extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.containerRef = (0, react_1.createRef)();
-        this.getTextarea = () => {
-            var _a;
-            return (_a = this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
-        };
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: `${text_area_module_css_1.default['text-area-container']} row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3'} ${((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) ? text_area_module_css_1.default['helper-text'] : ""}`, "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' } }, this.props.register ?
-            react_1.default.createElement("textarea", Object.assign({ name: this.props.name, autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, 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 }));
-    }
-}
-exports.TextArea = TextArea;

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

@@ -1,36 +0,0 @@
-import React, { CSSProperties, ReactNode } from "react";
-import { UseFormRegister } from "react-hook-form";
-interface TextFieldProps {
-    id?: string;
-    value?: string;
-    maxLength?: number;
-    defaultValue?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onComplete?: React.KeyboardEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /**
-     * default: size40: body-3
-     * recommend: size48: body-3 | size32: body-3 | size24: body-3
-     *  */
-    className?: string;
-    helperText?: string;
-    name?: string;
-    suffix?: ReactNode;
-    prefix?: ReactNode;
-    helperTextColor?: string;
-    style?: CSSProperties;
-    type?: React.HTMLInputTypeAttribute;
-    autoFocus?: boolean;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute;
-    register?: UseFormRegister<{}>;
-}
-export declare class TextField extends React.Component<TextFieldProps> {
-    private containerRef;
-    getInput: () => HTMLInputElement | null | undefined;
-    render(): React.ReactNode;
-}
-export {};

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

@@ -1,80 +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.TextField = void 0;
-const react_1 = __importStar(require("react"));
-const text_field_module_css_1 = __importDefault(require("./text-field.module.css"));
-class TextField extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.containerRef = (0, react_1.createRef)();
-        this.getInput = () => {
-            var _a;
-            return (_a = this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: `${text_field_module_css_1.default['text-field-container']} row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3'} ${((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) ? text_field_module_css_1.default['helper-text'] : ""}`, "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' } },
-            this.props.prefix,
-            this.props.register ?
-                react_1.default.createElement("input", Object.assign({ name: this.props.name }, this.props.register, { autoComplete: this.props.autoComplete, autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, 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, onKeyDown: this.props.onComplete ? (ev) => {
-                        if (this.props.onComplete) {
-                            switch (ev.key.toLowerCase()) {
-                                case "enter":
-                                    this.props.onComplete(ev);
-                                    break;
-                                default:
-                                    break;
-                            }
-                        }
-                    } : undefined })) : react_1.default.createElement("input", { autoComplete: this.props.autoComplete, 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, onKeyDown: this.props.onComplete ? (ev) => {
-                    if (this.props.onComplete) {
-                        switch (ev.key.toLowerCase()) {
-                            case "enter":
-                                this.props.onComplete(ev);
-                                break;
-                            default:
-                                break;
-                        }
-                    }
-                } : undefined }),
-            this.props.suffix);
-    }
-}
-exports.TextField = TextField;

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

@@ -1,5 +0,0 @@
-import './toast-noti.css';
-export declare class ToastMessage {
-    static success(message: string): void;
-    static errors(message: string): void;
-}

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

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