@etsoo/react 1.7.94 → 1.7.96

package/src/states/CultureState.ts

@@ -1,7 +1,7 @@
-import { IAction, ICulture } from '@etsoo/appscript';
-import { DataTypes } from '@etsoo/shared';
-import { IProviderProps, IUpdate } from './IState';
-import { State } from './State';
+import { IAction, ICulture } from "@etsoo/appscript";
+import { DataTypes } from "@etsoo/shared";
+import { IProviderProps, IUpdate } from "./IState";
+import { State } from "./State";
 
 /**
  * Culture action to manage resources
@@ -12,11 +12,11 @@ export interface CultureAction extends ICulture, IAction {}
  * Culture calls with the state
  */
 export interface CultureCalls extends IUpdate<ICulture, CultureAction> {
-    /**
-     * Key value
-     * @param key Item key
-     */
-    get<T = string>(key: string): T | undefined;
+  /**
+   * Key value
+   * @param key Item key
+   */
+  get<T = string>(key: string): T | undefined;
 }
 
 /**
@@ -26,17 +26,16 @@ export type CultureProviderProps = IProviderProps<CultureAction>;
 
 // Calls
 const calls = {
-    /**
-     * Key value
-     * @param key Item key
-     */
-    get<T = string>(key: string) {
-        const resources = this.state.resources;
-        const value =
-            typeof resources === 'object' ? resources[key] : undefined;
-        if (value == null) return undefined;
-        return value as T;
-    }
+  /**
+   * Key value
+   * @param key Item key
+   */
+  get<T = string>(key: string) {
+    const resources = this.state.resources;
+    const value = typeof resources === "object" ? resources[key] : undefined;
+    if (value == null) return undefined;
+    return value as T;
+  }
 } as CultureCalls;
 
 /**
@@ -45,42 +44,42 @@ const calls = {
  * Cannot update a component (`provider`) while rendering a different component
  */
 export class CultureState {
-    /**
-     * Context
-     */
-    readonly context;
+  /**
+   * Context
+   */
+  readonly context;
 
-    /**
-     * Provider
-     */
-    readonly provider;
+  /**
+   * Provider
+   */
+  readonly provider;
 
-    /**
-     * Constructor
-     */
-    constructor(item?: DataTypes.CultureDefinition) {
-        // Default
-        const defaultItem = item ?? ({} as ICulture);
+  /**
+   * Constructor
+   */
+  constructor(item?: DataTypes.CultureDefinition) {
+    // Default
+    const defaultItem = item ?? ({} as ICulture);
 
-        // Load resources
-        if (item != null && typeof item.resources !== 'object')
-            item.resources().then((result) => (item.resources = result));
+    // Load resources
+    if (item != null && typeof item.resources !== "object")
+      item.resources().then((result) => (item.resources = result));
 
-        // Act
-        const { context, provider } = State.create(
-            (state: ICulture, action: CultureAction) => {
-                // Language reducer
-                if (state.name !== action.name) {
-                    return { ...action };
-                }
+    // Act
+    const { context, provider } = State.create(
+      (state: ICulture, action: CultureAction) => {
+        // Language reducer
+        if (state.name !== action.name) {
+          return { ...action };
+        }
 
-                return state;
-            },
-            defaultItem,
-            calls
-        );
+        return state;
+      },
+      defaultItem,
+      calls
+    );
 
-        this.context = context;
-        this.provider = provider;
-    }
+    this.context = context;
+    this.provider = provider;
+  }
 }

package/src/states/IState.ts

@@ -1,56 +1,56 @@
-import { IAction, IState, UserKey } from '@etsoo/appscript';
-import React, { ReactNode } from 'react';
+import { IAction, IState, UserKey } from "@etsoo/appscript";
+import React, { ReactNode } from "react";
 
 /**
  * State UI creator
  */
 export interface IUICreator<S extends IState, A extends IAction, P = object> {
-    (state: S, dispatch: React.Dispatch<A>, props: P): React.ReactElement;
+  (state: S, dispatch: React.Dispatch<A>, props: P): React.ReactElement;
 }
 
 /**
  * State update interface
  */
 export interface IUpdate<S extends IState, A extends IAction> {
-    state: S;
-    dispatch: React.Dispatch<A>;
+  state: S;
+  dispatch: React.Dispatch<A>;
 }
 
 /**
  * State update interface
  */
 export interface IStateUpdate {
-    (authorized?: boolean, matchedFields?: string[]): PromiseLike<void> | void;
+  (authorized?: boolean, matchedFields?: string[]): PromiseLike<void> | void;
 }
 
 /**
  * State update props
  */
 export interface IStateProps {
-    /**
-     * State last changed fields
-     */
-    targetFields?: UserKey[];
+  /**
+   * State last changed fields
+   */
+  targetFields?: UserKey[];
 
-    /**
-     * State update callback
-     */
-    update: IStateUpdate;
+  /**
+   * State update callback
+   */
+  update: IStateUpdate;
 }
 
 /**
  * State provider update callback
  */
 export interface IProviderUpdate<A extends IAction> {
-    (dispatch: React.Dispatch<A>): void;
+  (dispatch: React.Dispatch<A>): void;
 }
 
 /**
  * State provider props
  */
 export interface IProviderProps<A extends IAction> {
-    /**
-     * Update callback
-     */
-    update?: IProviderUpdate<A>;
+  /**
+   * Update callback
+   */
+  update?: IProviderUpdate<A>;
 }

package/src/states/PageState.ts

@@ -1,108 +1,105 @@
-import { IAction, IState } from '@etsoo/appscript';
-import { IProviderProps, IUpdate } from './IState';
-import { State } from './State';
+import { IAction, IState } from "@etsoo/appscript";
+import { IProviderProps, IUpdate } from "./IState";
+import { State } from "./State";
 
 /**
  * Page data interface
  */
 export interface IPageData extends IState {
-    /**
-     * Page title
-     */
-    title?: string;
+  /**
+   * Page title
+   */
+  title?: string;
 
-    /**
-     * Page subtitle
-     */
-    subtitle?: string;
+  /**
+   * Page subtitle
+   */
+  subtitle?: string;
 }
 
 /**
  * Page action type
  */
 export enum PageActionType {
-    // Update data
-    Data = 'DATA',
+  // Update data
+  Data = "DATA",
 
-    // Update title
-    Title = 'TITLE'
+  // Update title
+  Title = "TITLE"
 }
 
 /**
  * Page action
  */
 export interface PageAction<D extends IPageData> extends IAction {
-    /**
-     * Action type
-     */
-    type: PageActionType;
+  /**
+   * Action type
+   */
+  type: PageActionType;
 
-    /**
-     * Action data
-     */
-    data: D;
+  /**
+   * Action data
+   */
+  data: D;
 }
 
 /**
  * Page provider props
  */
 export type PageProviderProps<D extends IPageData> = IProviderProps<
-    PageAction<D>
+  PageAction<D>
 >;
 
 /**
  * Page calls with the state
  */
 export interface PageCalls<D extends IPageData>
-    extends IUpdate<D, PageAction<D>> {}
+  extends IUpdate<D, PageAction<D>> {}
 
 /**
  * User state
  */
 export class PageState<D extends IPageData> {
-    /**
-     * Context
-     */
-    readonly context;
+  /**
+   * Context
+   */
+  readonly context;
 
-    /**
-     * Provider
-     */
-    readonly provider;
+  /**
+   * Provider
+   */
+  readonly provider;
 
-    /**
-     * Constructor
-     */
-    constructor() {
-        // Act
-        const { context, provider } = State.create(
-            (state: D, { type, data }: PageAction<D>) => {
-                switch (type) {
-                    case PageActionType.Data:
-                        // Set page data
-                        return { ...state, ...data };
-                    case PageActionType.Title:
-                        // Same title
-                        if (
-                            state.title === data.title &&
-                            state.subtitle === data.subtitle
-                        )
-                            return state;
+  /**
+   * Constructor
+   */
+  constructor() {
+    // Act
+    const { context, provider } = State.create(
+      (state: D, { type, data }: PageAction<D>) => {
+        switch (type) {
+          case PageActionType.Data:
+            // Set page data
+            return { ...state, ...data };
+          case PageActionType.Title:
+            // Same title
+            if (state.title === data.title && state.subtitle === data.subtitle)
+              return state;
 
-                        // Set page title
-                        return {
-                            ...state,
-                            ...data
-                        };
-                    default:
-                        return state;
-                }
-            },
-            {} as D,
-            {} as PageCalls<D>
-        );
+            // Set page title
+            return {
+              ...state,
+              ...data
+            };
+          default:
+            return state;
+        }
+      },
+      {} as D,
+      {} as PageCalls<D>
+    );
 
-        this.context = context;
-        this.provider = provider;
-    }
+    this.context = context;
+    this.provider = provider;
+  }
 }

package/src/states/State.tsx

@@ -1,63 +1,59 @@
-import { IAction, IState } from '@etsoo/appscript';
-import React from 'react';
-import { IProviderProps, IUICreator, IUpdate } from './IState';
+import { IAction, IState } from "@etsoo/appscript";
+import React from "react";
+import { IProviderProps, IUICreator, IUpdate } from "./IState";
 
 /**
  * State
  */
 export class State {
-    /**
-     * Generic to create state context and provider
-     * @param reducer Reduce function
-     * @param initState Init state
-     * @param uiCreator Additional UI creator
-     */
-    public static create<
-        S extends IState,
-        A extends IAction,
-        U extends IUpdate<S, A>,
-        P extends IProviderProps<A>
-    >(
-        reducer: React.Reducer<S, A>,
-        initState: S,
-        calls: U,
-        uiCreator?: IUICreator<S, A, P>
-    ) {
-        // State context
-        const context = React.createContext(calls);
+  /**
+   * Generic to create state context and provider
+   * @param reducer Reduce function
+   * @param initState Init state
+   * @param uiCreator Additional UI creator
+   */
+  public static create<
+    S extends IState,
+    A extends IAction,
+    U extends IUpdate<S, A>,
+    P extends IProviderProps<A>
+  >(
+    reducer: React.Reducer<S, A>,
+    initState: S,
+    calls: U,
+    uiCreator?: IUICreator<S, A, P>
+  ) {
+    // State context
+    const context = React.createContext(calls);
 
-        // State context provider
-        const provider: React.FunctionComponent<React.PropsWithChildren<P>> = (
-            props
-        ) => {
-            // Destruct
-            const { children, update } = props;
+    // State context provider
+    const provider: React.FunctionComponent<React.PropsWithChildren<P>> = (
+      props
+    ) => {
+      // Destruct
+      const { children, update } = props;
 
-            // Update reducer
-            const [state, dispatch] = React.useReducer(reducer, initState);
+      // Update reducer
+      const [state, dispatch] = React.useReducer(reducer, initState);
 
-            // Callback
-            if (update != null) update(dispatch);
+      // Callback
+      if (update != null) update(dispatch);
 
-            if (uiCreator) {
-                // Custom renderer
-                return uiCreator(state, dispatch, props);
-            } else {
-                // Context new value
-                const value = { ...calls, state, dispatch };
+      if (uiCreator) {
+        // Custom renderer
+        return uiCreator(state, dispatch, props);
+      } else {
+        // Context new value
+        const value = { ...calls, state, dispatch };
 
-                return (
-                    <context.Provider value={value}>
-                        {children}
-                    </context.Provider>
-                );
-            }
-        };
+        return <context.Provider value={value}>{children}</context.Provider>;
+      }
+    };
 
-        // Return
-        return {
-            context,
-            provider
-        };
-    }
+    // Return
+    return {
+      context,
+      provider
+    };
+  }
 }