@etsoo/react 1.7.94 → 1.7.96

package/src/components/GridLoader.ts

@@ -1,5 +1,5 @@
-import { QueryPagingData } from '@etsoo/appscript';
-import { DataTypes, DomUtils } from '@etsoo/shared';
+import { QueryPagingData } from "@etsoo/appscript";
+import { DataTypes, DomUtils } from "@etsoo/shared";
 
 /**
  * Grid size
@@ -12,8 +12,8 @@ export type GridSize = number | ((input: number) => number);
  * @param input Input
  */
 export const GridSizeGet = (size: GridSize, input: number) => {
-    if (typeof size === 'function') return size(input);
-    return size;
+  if (typeof size === "function") return size(input);
+  return size;
 };
 
 /**
@@ -27,14 +27,14 @@ export type GridData = FormData | DataTypes.StringRecord;
  * @returns Json data
  */
 export function GridDataGet<F extends DataTypes.BasicTemplate>(
-    props: GridLoadDataProps,
-    template?: F
+  props: GridLoadDataProps,
+  template?: F
 ): GridJsonData & DataTypes.BasicTemplateType<F> {
-    // Destruct
-    const { data, ...rest } = props;
+  // Destruct
+  const { data, ...rest } = props;
 
-    // DomUtils.dataAs(data, template);
-    return { ...GridDataGetData(data, template), ...rest };
+  // DomUtils.dataAs(data, template);
+  return { ...GridDataGetData(data, template), ...rest };
 }
 
 /**
@@ -43,144 +43,144 @@ export function GridDataGet<F extends DataTypes.BasicTemplate>(
  * @returns Json data
  */
 export function GridDataGetData<F extends DataTypes.BasicTemplate>(
-    data?: GridData,
-    template?: F
+  data?: GridData,
+  template?: F
 ): DataTypes.BasicTemplateType<F> {
-    // Clear form empty value
-    if (data instanceof FormData) {
-        DomUtils.clearFormData(data);
-    }
+  // Clear form empty value
+  if (data instanceof FormData) {
+    DomUtils.clearFormData(data);
+  }
 
-    // Conditions
-    const conditions: DataTypes.BasicTemplateType<F> =
-        data == null ? {} : DomUtils.dataAs(data, template ?? {}, true); // Set keepSource to true to hold form data, even they are invisible from the conditions
+  // Conditions
+  const conditions: DataTypes.BasicTemplateType<F> =
+    data == null ? {} : DomUtils.dataAs(data, template ?? {}, true); // Set keepSource to true to hold form data, even they are invisible from the conditions
 
-    return conditions;
+  return conditions;
 }
 
 /**
  * Grid Json data
  */
-export type GridJsonData = Omit<GridLoadDataProps, 'data'>;
+export type GridJsonData = Omit<GridLoadDataProps, "data">;
 
 /**
  * Grid data load props
  */
 export type GridLoadDataProps = {
-    /**
-     * Query paging data
-     */
-    queryPaging: QueryPagingData;
-
-    /**
-     * Data related
-     */
-    data?: GridData;
+  /**
+   * Query paging data
+   */
+  queryPaging: QueryPagingData;
+
+  /**
+   * Data related
+   */
+  data?: GridData;
 };
 
 /**
  * Grid data load partial props
  */
 export type GridLoadDataPartialProps = {
-    /**
-     * Query paging data
-     */
-    queryPaging?: Partial<QueryPagingData>;
-
-    /**
-     * Data related
-     */
-    data?: GridData;
+  /**
+   * Query paging data
+   */
+  queryPaging?: Partial<QueryPagingData>;
+
+  /**
+   * Data related
+   */
+  data?: GridData;
 };
 
 /**
  * Grid data loader
  */
 export interface GridLoader<T extends object> {
-    /**
-     * Auto load data, otherwise call reset
-     * @default true
-     */
-    autoLoad?: boolean;
-
-    /**
-     * Default order by
-     */
-    defaultOrderBy?: string;
-
-    /**
-     * Batch size when load data, default will be calcuated with height and itemSize
-     */
-    loadBatchSize?: GridSize;
-
-    /**
-     * Load data
-     */
-    loadData: (props: GridLoadDataProps) => PromiseLike<T[] | null | undefined>;
-
-    /**
-     * Handler for init load
-     * @param ref Ref
-     * @returns Result
-     */
-    onInitLoad?: (
-        ref: any
-    ) => [T[], GridLoaderPartialStates<T>?] | null | undefined;
-
-    /**
-     * Handler for updating rows
-     * @param rows Rows
-     * @param state State
-     */
-    onUpdateRows?: (rows: T[], state: GridLoaderStates<T>) => void;
-
-    /**
-     * Threshold at which to pre-fetch data; default is half of loadBatchSize
-     */
-    threshold?: number | undefined;
+  /**
+   * Auto load data, otherwise call reset
+   * @default true
+   */
+  autoLoad?: boolean;
+
+  /**
+   * Default order by
+   */
+  defaultOrderBy?: Record<string, boolean>;
+
+  /**
+   * Batch size when load data, default will be calcuated with height and itemSize
+   */
+  loadBatchSize?: GridSize;
+
+  /**
+   * Load data
+   */
+  loadData: (props: GridLoadDataProps) => PromiseLike<T[] | null | undefined>;
+
+  /**
+   * Handler for init load
+   * @param ref Ref
+   * @returns Result
+   */
+  onInitLoad?: (
+    ref: any
+  ) => [T[], GridLoaderPartialStates<T>?] | null | undefined;
+
+  /**
+   * Handler for updating rows
+   * @param rows Rows
+   * @param state State
+   */
+  onUpdateRows?: (rows: T[], state: GridLoaderStates<T>) => void;
+
+  /**
+   * Threshold at which to pre-fetch data; default is half of loadBatchSize
+   */
+  threshold?: number | undefined;
 }
 
 type GridLoaderProps<T> = {
-    /**
-     * Auto load data, otherwise call reset
-     * @default true
-     */
-    autoLoad: boolean;
-
-    /**
-     * Last loaded items
-     */
-    lastLoadedItems?: number;
-
-    /**
-     * All loaded items count
-     */
-    loadedItems: number;
-
-    /**
-     * Has next page?
-     */
-    hasNextPage: boolean;
-
-    /**
-     * Is next page loading?
-     */
-    isNextPageLoading: boolean;
-
-    /**
-     * Is mounted
-     */
-    isMounted?: boolean;
-
-    /**
-     * Selected items of id
-     */
-    selectedItems: T[];
-
-    /**
-     * Id cache
-     */
-    idCache: Record<any, null>;
+  /**
+   * Auto load data, otherwise call reset
+   * @default true
+   */
+  autoLoad: boolean;
+
+  /**
+   * Last loaded items
+   */
+  lastLoadedItems?: number;
+
+  /**
+   * All loaded items count
+   */
+  loadedItems: number;
+
+  /**
+   * Has next page?
+   */
+  hasNextPage: boolean;
+
+  /**
+   * Is next page loading?
+   */
+  isNextPageLoading: boolean;
+
+  /**
+   * Is mounted
+   */
+  isMounted?: boolean;
+
+  /**
+   * Selected items of id
+   */
+  selectedItems: T[];
+
+  /**
+   * Id cache
+   */
+  idCache: Record<any, null>;
 };
 
 /**
@@ -192,4 +192,4 @@ export type GridLoaderStates<T> = GridLoadDataProps & GridLoaderProps<T>;
  * Grid loader states
  */
 export type GridLoaderPartialStates<T> = GridLoadDataPartialProps &
-    Partial<GridLoaderProps<T>>;
+  Partial<GridLoaderProps<T>>;

package/src/components/GridMethodRef.ts

@@ -1,36 +1,36 @@
-import { Align } from 'react-window';
-import { GridLoaderPartialStates } from './GridLoader';
+import { Align } from "react-window";
+import { GridLoaderPartialStates } from "./GridLoader";
 
 /**
  * Grid method ref
  */
 export interface GridMethodRef<T> {
-    /**
-     * Delete item at the index
-     * @param index Index
-     */
-    delete(index: number): T | undefined;
+  /**
+   * Delete item at the index
+   * @param index Index
+   */
+  delete(index: number): T | undefined;
 
-    /**
-     * Insert the item at start
-     * @param item Item
-     * @param start Start position
-     */
-    insert(item: T, start: number): void;
+  /**
+   * Insert the item at start
+   * @param item Item
+   * @param start Start position
+   */
+  insert(item: T, start: number): void;
 
-    /**
-     * Reset
-     * @param add Additional data
-     */
-    reset(add?: GridLoaderPartialStates<T>): void;
+  /**
+   * Reset
+   * @param add Additional data
+   */
+  reset(add?: GridLoaderPartialStates<T>): void;
 
-    /**
-     * Scroll to the specified offset (scrollTop or scrollLeft, depending on the direction prop).
-     */
-    scrollToRef(scrollOffset: number): void;
+  /**
+   * Scroll to the specified offset (scrollTop or scrollLeft, depending on the direction prop).
+   */
+  scrollToRef(scrollOffset: number): void;
 
-    /**
-     * Scroll to the specified item.
-     */
-    scrollToItemRef(index: number, align?: Align): void;
+  /**
+   * Scroll to the specified item.
+   */
+  scrollToItemRef(index: number, align?: Align): void;
 }

package/src/components/ListItemReact.ts

@@ -1,5 +1,5 @@
-import { ListItem } from '@etsoo/appscript';
-import React from 'react';
+import { ListItem } from "@etsoo/appscript";
+import React from "react";
 
 /**
  * React list item

package/src/components/ScrollRestoration.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { useLocation } from 'react-router-dom';
-import { IScrollPos, useWindowScroll } from '../uses/useWindowScroll';
+import React from "react";
+import { useLocation } from "react-router-dom";
+import { IScrollPos, useWindowScroll } from "../uses/useWindowScroll";
 
 const urls: Record<string, IScrollPos | undefined> = {};
 
@@ -8,30 +8,30 @@ const urls: Record<string, IScrollPos | undefined> = {};
  * Scroll restoration
  */
 export function ScrollRestoration() {
-    // Location key
-    const { key } = useLocation();
+  // Location key
+  const { key } = useLocation();
 
-    // Mounted
-    const mounted = React.useRef(false);
+  // Mounted
+  const mounted = React.useRef(false);
 
-    // Detect scroll
-    const data = useWindowScroll();
-    if (mounted.current) {
-        urls[key] = data;
-    }
+  // Detect scroll
+  const data = useWindowScroll();
+  if (mounted.current) {
+    urls[key] = data;
+  }
 
-    // Setup
-    React.useEffect(() => {
-        const pos = urls[key];
-        if (pos) {
-            window.scrollTo(pos.x, pos.y);
-        }
+  // Setup
+  React.useEffect(() => {
+    const pos = urls[key];
+    if (pos) {
+      window.scrollTo(pos.x, pos.y);
+    }
 
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-        };
-    }, [key]);
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, [key]);
 
-    return <React.Fragment />;
+  return <React.Fragment />;
 }