@etsoo/react 1.5.80 → 1.5.83

package/lib/mu/texts/DateText.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { DateUtils } from '@etsoo/shared';
-import { TypographyProps } from '@mui/material';
-/**
- * Date text props
- */
-export interface DateTextProps extends TypographyProps {
-    /**
-     * Locale
-     */
-    locale?: string;
-    /**
-     * Near days to show in error color
-     */
-    nearDays?: number;
-    /**
-     * Options
-     */
-    options?: DateUtils.FormatOptions;
-    /**
-     * Time zone
-     */
-    timeZone?: string;
-    /**
-     * Value to display
-     */
-    value?: Date | string;
-}
-/**
- * Date text
- * @param props Props
- * @returns Component
- */
-export declare function DateText(props: DateTextProps): JSX.Element;

package/lib/mu/texts/DateText.js

@@ -1,25 +0,0 @@
-import { DateUtils } from '@etsoo/shared';
-import { Typography } from '@mui/material';
-import React from 'react';
-/**
- * Date text
- * @param props Props
- * @returns Component
- */
-export function DateText(props) {
-    // Destruct
-    const { nearDays, locale = 'lookup', options, timeZone, value, ...rest } = props;
-    // Format date
-    const date = DateUtils.parse(value);
-    // Formatted value
-    const localValue = date == null
-        ? undefined
-        : DateUtils.format(value, locale, options, timeZone);
-    if (nearDays != null &&
-        date != null &&
-        Math.abs(new Date().substract(date).totalDays) <= nearDays) {
-        rest.color = (theme) => theme.palette.error.main;
-    }
-    // Layout
-    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, localValue));
-}

package/lib/mu/texts/MoneyText.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { NumberTextProps } from './NumberText';
-/**
- * Money text props
- */
-export interface MoneyTextProps extends NumberTextProps {
-    /**
-     * Currency, USD for US dollar
-     */
-    currency?: string;
-    /**
-     * Is integer number
-     */
-    isInteger?: boolean;
-}
-/**
- * Money text
- * @param props Props
- * @returns Component
- */
-export declare function MoneyText(props: MoneyTextProps): JSX.Element;

package/lib/mu/texts/MoneyText.js

@@ -1,14 +0,0 @@
-import { NumberUtils } from '@etsoo/shared';
-import { Typography } from '@mui/material';
-import React from 'react';
-/**
- * Money text
- * @param props Props
- * @returns Component
- */
-export function MoneyText(props) {
-    // Destruct
-    const { currency, isInteger = false, locale, options = {}, value, ...rest } = props;
-    // Layout
-    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, NumberUtils.formatMoney(value, currency, locale, isInteger, options)));
-}

package/lib/mu/texts/NumberText.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from '@mui/material';
-/**
- * Number text props
- */
-export interface NumberTextProps extends TypographyProps {
-    /**
-     * Locale
-     */
-    locale?: string | string[];
-    /**
-     * Options
-     */
-    options?: Intl.NumberFormatOptions;
-    /**
-     * Value
-     */
-    value?: number | bigint;
-}
-/**
- * Number text
- * @param props Props
- * @returns Component
- */
-export declare function NumberText(props: NumberTextProps): JSX.Element;

package/lib/mu/texts/NumberText.js

@@ -1,14 +0,0 @@
-import { NumberUtils } from '@etsoo/shared';
-import { Typography } from '@mui/material';
-import React from 'react';
-/**
- * Number text
- * @param props Props
- * @returns Component
- */
-export function NumberText(props) {
-    // Destruct
-    const { locale, options = {}, value, ...rest } = props;
-    // Layout
-    return (React.createElement(Typography, { component: "span", fontSize: "inherit", ...rest }, NumberUtils.format(value, locale, options)));
-}

package/src/app/CommonApp.ts

@@ -1,225 +0,0 @@
-import {
-    IActionResult,
-    IApiPayload,
-    IAppSettings,
-    IUser,
-    RefreshTokenProps,
-    RefreshTokenResult
-} from '@etsoo/appscript';
-import { IPageData } from '../states/PageState';
-import { CoreConstants } from './CoreConstants';
-import { ReactApp } from './ReactApp';
-import { RefreshTokenRQ } from './RefreshTokenRQ';
-
-/**
- * Common independent application
- * 通用独立程序
- */
-export abstract class CommonApp<
-    U extends IUser = IUser,
-    P extends IPageData = IPageData,
-    S extends IAppSettings = IAppSettings
-> extends ReactApp<S, U, P> {
-    /**
-     * Override persistedFields
-     */
-    protected override get persistedFields() {
-        return [...super.persistedFields, CoreConstants.FieldUserIdSaved];
-    }
-
-    /**
-     * Init call update fields in local storage
-     * @returns Fields
-     */
-    protected override initCallEncryptedUpdateFields(): string[] {
-        const fields = super.initCallEncryptedUpdateFields();
-        fields.push(CoreConstants.FieldUserIdSaved);
-        return fields;
-    }
-
-    /**
-     * Do user login
-     * @param data User data
-     * @param refreshToken Refresh token
-     * @param keep Keep login
-     * @returns Success data
-     */
-    protected doUserLogin(
-        data: U,
-        refreshToken: string,
-        keep: boolean
-    ): string | undefined {
-        this.userLogin(data, refreshToken, keep);
-        return undefined;
-    }
-
-    /**
-     * Refresh token
-     * @param props Props
-     */
-    override async refreshToken<D extends object = RefreshTokenRQ>(
-        props?: RefreshTokenProps<D>
-    ) {
-        // Destruct
-        const {
-            callback,
-            data,
-            relogin = false,
-            showLoading = false
-        } = props ?? {};
-
-        // Token
-        const token = this.getCacheToken();
-        if (token == null || token === '') {
-            if (callback) callback(false);
-            return false;
-        }
-
-        // Reqest data
-        const rq: RefreshTokenRQ = {
-            deviceId: this.deviceId,
-            timezone: this.getTimeZone(),
-            ...data
-        };
-
-        // Login result type
-        type LoginResult = IActionResult<U>;
-
-        // Payload
-        const payload: IApiPayload<LoginResult, any> = {
-            // No loading bar needed to avoid screen flicks
-            showLoading,
-            config: { headers: { [CoreConstants.TokenHeaderRefresh]: token } },
-            onError: (error) => {
-                if (callback) callback(error);
-
-                // Prevent further processing
-                return false;
-            }
-        };
-
-        // Success callback
-        const success = (
-            result: LoginResult,
-            failCallback?: (
-                result: RefreshTokenResult,
-                serviceToken?: string
-            ) => void
-        ) => {
-            // Token
-            const refreshToken = this.getResponseToken(payload.response);
-            if (refreshToken == null || result.data == null) {
-                if (failCallback) failCallback(this.get('noData')!);
-                return false;
-            }
-
-            // Keep
-            const keep = this.storage.getData(
-                CoreConstants.FieldLoginKeep,
-                false
-            );
-
-            // User login
-            var successData = this.doUserLogin(result.data, refreshToken, keep);
-
-            // Callback
-            if (failCallback) failCallback(true, successData);
-
-            return true;
-        };
-
-        // Call API
-        const result = await this.api.put<LoginResult>(
-            'Auth/RefreshToken',
-            rq,
-            payload
-        );
-
-        if (result == null) return false;
-
-        if (!result.ok) {
-            if (result.type === 'TokenExpired' && relogin) {
-                // Try login
-                // Dialog to receive password
-                var labels = this.getLabels('reloginTip', 'login');
-                this.notifier.prompt(
-                    labels.reloginTip,
-                    async (pwd) => {
-                        if (pwd == null) {
-                            this.toLoginPage();
-                            return;
-                        }
-
-                        // Set password for the action
-                        rq.pwd = this.encrypt(this.hash(pwd));
-
-                        // Submit again
-                        const result = await this.api.put<LoginResult>(
-                            'Auth/RefreshToken',
-                            rq,
-                            payload
-                        );
-
-                        if (result == null) return;
-
-                        if (result.ok) {
-                            success(
-                                result,
-                                (loginResult: RefreshTokenResult) => {
-                                    if (loginResult === true) {
-                                        if (callback) callback(true);
-                                        return;
-                                    }
-
-                                    const message =
-                                        this.formatRefreshTokenResult(
-                                            loginResult
-                                        );
-                                    if (message) this.notifier.alert(message);
-                                }
-                            );
-                            return;
-                        }
-
-                        // Popup message
-                        this.alertResult(result);
-                        return false;
-                    },
-                    labels.login,
-                    { type: 'password' }
-                );
-
-                // Fake truth to avoid reloading
-                return true;
-            }
-
-            if (callback) callback(result);
-            return false;
-        }
-
-        return success(result, callback);
-    }
-
-    /**
-     * Try login
-     * @param data Additional data
-     * @param showLoading Show loading bar or not
-     * @returns Result
-     */
-    override async tryLogin<D extends object = RefreshTokenRQ>(
-        data?: D,
-        showLoading?: boolean
-    ) {
-        // Reset user state
-        const result = await super.tryLogin(data);
-        if (!result) return false;
-
-        // Refresh token
-        return await this.refreshToken({
-            callback: (result) => this.doRefreshTokenResult(result),
-            data,
-            showLoading,
-            relogin: true
-        });
-    }
-}

package/src/app/IServiceAppSettings.ts

@@ -1,13 +0,0 @@
-import { IAppSettings } from '@etsoo/appscript';
-import { DataTypes } from '@etsoo/shared';
-
-/**
- * Service app settings interface
- */
-export interface IServiceAppSettings<S extends DataTypes.IdType = number>
-    extends IAppSettings {
-    /**
-     * Service id
-     */
-    readonly serviceId: S;
-}

package/src/app/IServicePage.ts

@@ -1,6 +0,0 @@
-import { IPageData } from '../states/PageState';
-
-/**
- * Service page data interface
- */
-export interface IServicePageData extends IPageData {}

package/src/app/IServiceUser.ts

@@ -1,17 +0,0 @@
-import { IActionResult, IUser } from '@etsoo/appscript';
-
-/**
- * Service user interface
- */
-export interface IServiceUser extends IUser {
-    /**
-     * Service device id
-     */
-    serviceDeviceId: string;
-}
-
-/**
- * Service user login result
- */
-export type ServiceLoginResult<U extends IServiceUser = IServiceUser> =
-    IActionResult<U>;

package/src/app/ISmartERPUser.ts

@@ -1,16 +0,0 @@
-import { IActionResult, IUser } from '@etsoo/appscript';
-
-/**
- * SmartERP user interface
- */
-export interface ISmartERPUser extends IUser {
-    /**
-     * Service refresh token
-     */
-    readonly serviceToken?: string;
-}
-
-/**
- * SmartERP user login result
- */
-export type SmartERPLoginResult = IActionResult<ISmartERPUser>;

package/src/app/Labels.ts

@@ -1,77 +0,0 @@
-import { DataTypes, Utils } from '@etsoo/shared';
-
-/**
- * Labels
- */
-export namespace Labels {
-    /**
-     * Common page labels
-     */
-    export const CommonPage = {
-        add: 'Add',
-        back: 'Back',
-        delete: 'Delete',
-        more: 'More',
-        pullToRefresh: 'Pull down to refresh',
-        refresh: 'Refresh',
-        refreshing: 'Refreshing',
-        releaseToRefresh: 'Release to refresh',
-        reset: 'Reset',
-        save: 'Save',
-        scrollTop: 'Scroll to top',
-        submit: 'Submit'
-    };
-
-    /**
-     * Notification MU labels
-     */
-    export const NotificationMU = {
-        alertTitle: 'Warning',
-        alertOK: 'OK',
-        confirmTitle: 'Confirm',
-        confirmYes: 'OK',
-        confirmNo: 'Cancel',
-        promptTitle: 'Input',
-        promptCancel: 'Cancel',
-        promptOK: 'OK',
-        loading: 'Loading',
-        success: 'Success',
-        warning: 'Warning',
-        info: 'Information'
-    };
-
-    /**
-     * UserAvatarEditor labels
-     */
-    export const UserAvatarEditor = {
-        done: 'Done',
-        reset: 'Reset',
-        rotateLeft: 'Rotate left 90°',
-        rotateRight: 'Rotate right 90°',
-        upload: 'Upload',
-        zoom: 'Zoom'
-    };
-
-    /**
-     * setLabelReference key reference
-     */
-    export interface setLabelsReference {
-        commonPage?: DataTypes.StringDictionary;
-        notificationMU?: DataTypes.StringDictionary;
-        userAvatarEditor?: DataTypes.StringDictionary;
-    }
-
-    /**
-     * Set components' labels
-     * @param labels Labels
-     * @param reference Key reference
-     */
-    export const setLabels = (
-        labels: DataTypes.StringRecord,
-        reference: setLabelsReference = {}
-    ) => {
-        Utils.setLabels(CommonPage, labels, reference.commonPage);
-        Utils.setLabels(NotificationMU, labels, reference.notificationMU);
-        Utils.setLabels(UserAvatarEditor, labels, reference.userAvatarEditor);
-    };
-}