wini-web-components 2.2.7 → 2.3.1

package/dist/component/dialog/dialog.d.ts

@@ -1,34 +1,36 @@
-import React from 'react';
-import { ComponentStatus } from '../../index';
-export declare enum DialogAlignment {
-    start = "start",
-    center = "center",
-    end = "end"
-}
-interface DialogState {
-    readonly open?: boolean;
-    title: string;
-    status: ComponentStatus;
-    content: string;
-    onSubmit: Function;
-    submitTitle?: string;
-    cancelTitle?: string;
-    alignment?: DialogAlignment;
-}
-export declare const showDialog: ({ ref, title, status, content, onSubmit, submitTitle, cancelTitle, alignment }: {
-    ref: React.MutableRefObject<Dialog>;
-    title?: string | undefined;
-    status?: ComponentStatus | undefined;
-    content?: string | undefined;
-    onSubmit?: Function | undefined;
-    submitTitle?: string | undefined;
-    cancelTitle?: string | undefined;
-    alignment?: DialogAlignment | undefined;
-}) => void;
-export declare class Dialog extends React.Component<Object, DialogState> {
-    state: Readonly<DialogState>;
-    showDialogNoti(data: DialogState): void;
-    closeDialog(): void;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+import { ComponentStatus } from '../../index';
+import { WithTranslation } from 'react-i18next';
+export declare enum DialogAlignment {
+    start = "start",
+    center = "center",
+    end = "end"
+}
+interface DialogState {
+    readonly open?: boolean;
+    title: string;
+    status: ComponentStatus;
+    content: string;
+    onSubmit: Function;
+    submitTitle?: string;
+    cancelTitle?: string;
+    alignment?: DialogAlignment;
+}
+export declare const showDialog: ({ ref, title, status, content, onSubmit, submitTitle, cancelTitle, alignment }: {
+    ref: React.MutableRefObject<TDialog>;
+    title?: string;
+    status?: ComponentStatus;
+    content?: string;
+    onSubmit?: Function;
+    submitTitle?: string;
+    cancelTitle?: string;
+    alignment?: DialogAlignment;
+}) => void;
+declare class TDialog extends React.Component<WithTranslation, DialogState> {
+    constructor(props: WithTranslation);
+    showDialogNoti(data: DialogState): void;
+    closeDialog(): void;
+    render(): React.JSX.Element;
+}
+export declare const Dialog: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<WithTranslation<undefined, undefined>, import("react-i18next").WithTranslationProps>, keyof WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
+export {};

package/dist/component/dialog/dialog.js

@@ -1,97 +1,99 @@
-"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.Dialog = exports.showDialog = exports.DialogAlignment = void 0;
-var react_1 = __importDefault(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var dialog_module_css_1 = __importDefault(require("./dialog.module.css"));
-var index_1 = require("../../index");
-var DialogAlignment;
-(function (DialogAlignment) {
-    DialogAlignment["start"] = "start";
-    DialogAlignment["center"] = "center";
-    DialogAlignment["end"] = "end";
-})(DialogAlignment = exports.DialogAlignment || (exports.DialogAlignment = {}));
-var showDialog = function (_a) {
-    var ref = _a.ref, title = _a.title, status = _a.status, content = _a.content, onSubmit = _a.onSubmit, submitTitle = _a.submitTitle, cancelTitle = _a.cancelTitle, alignment = _a.alignment;
-    ref.current.showDialogNoti({
-        title: title !== null && title !== void 0 ? title : '',
-        status: status !== null && status !== void 0 ? status : index_1.ComponentStatus.INFOR,
-        content: content !== null && content !== void 0 ? content : '',
-        onSubmit: onSubmit !== null && onSubmit !== void 0 ? onSubmit : (function () { }),
-        submitTitle: submitTitle,
-        cancelTitle: cancelTitle,
-        alignment: alignment
-    });
-};
-exports.showDialog = showDialog;
-var Dialog = /** @class */ (function (_super) {
-    __extends(Dialog, _super);
-    function Dialog() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            open: false,
-            title: '',
-            status: index_1.ComponentStatus.INFOR,
-            content: '',
-            onSubmit: function () { }
-        };
-        return _this;
-    }
-    Dialog.prototype.showDialogNoti = function (data) {
-        this.setState(__assign({ open: true }, data));
-    };
-    Dialog.prototype.closeDialog = function () {
-        this.setState({ open: false });
-    };
-    Dialog.prototype.render = function () {
-        var _this = this;
-        var _a, _b;
-        return (react_1.default.createElement(react_1.default.Fragment, null, this.state.open &&
-            react_dom_1.default.createPortal(react_1.default.createElement("div", { className: dialog_module_css_1.default['dialog-overlay'] },
-                react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-container'], " col"), style: { width: '41.4rem', alignItems: this.state.alignment }, "dialog-type": this.state.status, onClick: function (e) { return e.stopPropagation(); } },
-                    react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-body'], " col"), style: { alignItems: 'inherit' } },
-                        react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-status'], " row") }, (0, index_1.getStatusIcon)(this.state.status)),
-                        react_1.default.createElement("div", { className: 'col' },
-                            react_1.default.createElement(index_1.Text, { className: 'heading-6', style: { textAlign: this.state.alignment === DialogAlignment.center ? 'center' : 'start' } }, this.state.title),
-                            react_1.default.createElement(index_1.Text, { className: 'body-3', style: { textAlign: this.state.alignment === DialogAlignment.center ? 'center' : 'start' } }, this.state.content))),
-                    react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-footer'], " row") },
-                        react_1.default.createElement("button", { type: 'button', style: this.state.alignment === DialogAlignment.center ? { flex: 1, width: '100%' } : undefined, onClick: function () { return _this.setState({ open: false }); }, className: "".concat(dialog_module_css_1.default['dialog-action'], " row") },
-                            react_1.default.createElement(index_1.Text, { className: 'button-text-3' }, (_a = this.state.cancelTitle) !== null && _a !== void 0 ? _a : "Cancel")),
-                        react_1.default.createElement("button", { type: 'button', style: this.state.alignment === DialogAlignment.center ? { flex: 1, width: '100%' } : undefined, onClick: function () {
-                                _this.state.onSubmit();
-                                _this.setState({ open: false });
-                            }, className: "".concat(dialog_module_css_1.default['dialog-action'], " row ").concat(dialog_module_css_1.default['dialog-submit']) },
-                            react_1.default.createElement(index_1.Text, { className: 'button-text-3' }, (_b = this.state.submitTitle) !== null && _b !== void 0 ? _b : 'Submit'))))), document.body)));
-    };
-    return Dialog;
-}(react_1.default.Component));
-exports.Dialog = Dialog;
+"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.Dialog = exports.showDialog = exports.DialogAlignment = void 0;
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = __importDefault(require("react-dom"));
+var dialog_module_css_1 = __importDefault(require("./dialog.module.css"));
+var index_1 = require("../../index");
+var react_i18next_1 = require("react-i18next");
+var DialogAlignment;
+(function (DialogAlignment) {
+    DialogAlignment["start"] = "start";
+    DialogAlignment["center"] = "center";
+    DialogAlignment["end"] = "end";
+})(DialogAlignment || (exports.DialogAlignment = DialogAlignment = {}));
+var showDialog = function (_a) {
+    var ref = _a.ref, title = _a.title, status = _a.status, content = _a.content, onSubmit = _a.onSubmit, submitTitle = _a.submitTitle, cancelTitle = _a.cancelTitle, alignment = _a.alignment;
+    ref.current.showDialogNoti({
+        title: title !== null && title !== void 0 ? title : '',
+        status: status !== null && status !== void 0 ? status : index_1.ComponentStatus.INFOR,
+        content: content !== null && content !== void 0 ? content : '',
+        onSubmit: onSubmit !== null && onSubmit !== void 0 ? onSubmit : (function () { }),
+        submitTitle: submitTitle,
+        cancelTitle: cancelTitle,
+        alignment: alignment
+    });
+};
+exports.showDialog = showDialog;
+var TDialog = /** @class */ (function (_super) {
+    __extends(TDialog, _super);
+    function TDialog(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            open: false,
+            title: '',
+            status: index_1.ComponentStatus.INFOR,
+            content: '',
+            onSubmit: function () { }
+        };
+        return _this;
+    }
+    TDialog.prototype.showDialogNoti = function (data) {
+        this.setState(__assign({ open: true }, data));
+    };
+    TDialog.prototype.closeDialog = function () {
+        this.setState({ open: false });
+    };
+    TDialog.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var t = this.props.t;
+        return (react_1.default.createElement(react_1.default.Fragment, null, this.state.open &&
+            react_dom_1.default.createPortal(react_1.default.createElement("div", { className: dialog_module_css_1.default['dialog-overlay'] },
+                react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-container'], " col"), style: { width: '41.4rem', alignItems: this.state.alignment }, "dialog-type": this.state.status, onClick: function (e) { return e.stopPropagation(); } },
+                    react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-body'], " col"), style: { alignItems: 'inherit' } },
+                        react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-status'], " row") }, (0, index_1.getStatusIcon)(this.state.status)),
+                        react_1.default.createElement("div", { className: 'col' },
+                            react_1.default.createElement(index_1.Text, { className: 'heading-6', style: { textAlign: this.state.alignment === DialogAlignment.center ? 'center' : 'start' } }, this.state.title),
+                            react_1.default.createElement(index_1.Text, { className: 'body-3', style: { textAlign: this.state.alignment === DialogAlignment.center ? 'center' : 'start' } }, this.state.content))),
+                    react_1.default.createElement("div", { className: "".concat(dialog_module_css_1.default['dialog-footer'], " row") },
+                        react_1.default.createElement("button", { type: 'button', style: this.state.alignment === DialogAlignment.center ? { flex: 1, width: '100%' } : undefined, onClick: function () { return _this.setState({ open: false }); }, className: "".concat(dialog_module_css_1.default['dialog-action'], " row") },
+                            react_1.default.createElement(index_1.Text, { className: 'button-text-3' }, (_a = this.state.cancelTitle) !== null && _a !== void 0 ? _a : t("cancel"))),
+                        react_1.default.createElement("button", { type: 'button', style: this.state.alignment === DialogAlignment.center ? { flex: 1, width: '100%' } : undefined, onClick: function () {
+                                _this.state.onSubmit();
+                                _this.setState({ open: false });
+                            }, className: "".concat(dialog_module_css_1.default['dialog-action'], " row ").concat(dialog_module_css_1.default['dialog-submit']) },
+                            react_1.default.createElement(index_1.Text, { className: 'button-text-3' }, (_b = this.state.submitTitle) !== null && _b !== void 0 ? _b : t('submit')))))), document.body)));
+    };
+    return TDialog;
+}(react_1.default.Component));
+exports.Dialog = (0, react_i18next_1.withTranslation)()(TDialog);

package/dist/component/import-file/import-file.d.ts

@@ -1,36 +1,24 @@
-import React, { CSSProperties } from 'react';
-import { ComponentStatus } from '../component-status';
-interface ImportFileState {
-    status?: ComponentStatus;
-    preview: File | {
-        [k: string]: any;
-    } | undefined | null;
-}
-type ChangeFileFunction = (a?: File) => void;
-interface ImportFileProps {
-    id?: string;
-    status?: ComponentStatus;
-    value?: File | {
-        [k: string]: any;
-    };
-    buttonOnly?: boolean;
-    onChange?: ChangeFileFunction;
-    label?: string;
-    className?: string;
-    style?: CSSProperties;
-    allowType?: Array<string>;
-    subTitle?: string;
-    /**
-    * maxSize unit: kb (kilobytes)
-    */
-    maxSize?: number;
-}
-export declare class ImportFile extends React.Component<ImportFileProps, ImportFileState> {
-    private fileRef;
-    constructor(props: ImportFileProps | Readonly<ImportFileProps>);
-    state: Readonly<ImportFileState>;
-    showFilePicker(): void;
-    componentDidUpdate(prevProps: Readonly<ImportFileProps>, prevState: Readonly<ImportFileState>): void;
-    render(): React.JSX.Element;
-}
-export {};
+import React, { CSSProperties } from 'react';
+import { ComponentStatus } from '../component-status';
+import { WithTranslation } from 'react-i18next';
+type ChangeFileFunction = (a?: File) => void;
+interface ImportFileProps extends WithTranslation {
+    id?: string;
+    status?: ComponentStatus;
+    value?: File | {
+        [k: string]: any;
+    };
+    buttonOnly?: boolean;
+    onChange?: ChangeFileFunction;
+    label?: string;
+    className?: string;
+    style?: CSSProperties;
+    allowType?: Array<string>;
+    subTitle?: string;
+    /**
+    * maxSize unit: kb (kilobytes)
+    */
+    maxSize?: number;
+}
+export declare const ImportFile: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<ImportFileProps | Readonly<ImportFileProps>, import("react-i18next").WithTranslationProps>, keyof WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
+export {};