@etsoo/react 1.7.94 → 1.7.96

package/src/components/GridColumn.ts

@@ -1,8 +1,8 @@
-import { EntityStatus } from '@etsoo/appscript';
-import { DataTypes } from '@etsoo/shared';
-import React from 'react';
-import { GridLoaderStates } from './GridLoader';
-import { ScrollerGridForwardRef } from './ScrollerGrid';
+import { EntityStatus } from "@etsoo/appscript";
+import { DataTypes } from "@etsoo/shared";
+import React from "react";
+import { GridLoaderStates } from "./GridLoader";
+import { ScrollerGridForwardRef } from "./ScrollerGrid";
 
 /**
  * Grid data type
@@ -13,7 +13,7 @@ export { GridDataType };
 /**
  * Grid align
  */
-export type GridAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
+export type GridAlign = "center" | "inherit" | "justify" | "left" | "right";
 
 /**
  * Data align get
@@ -21,17 +21,17 @@ export type GridAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
  * @param type Data type
  */
 export const GridAlignGet = (align?: GridAlign, type?: GridDataType) => {
-    if (align == null && type != null) {
-        if (
-            type === GridDataType.Money ||
-            type === GridDataType.IntMoney ||
-            type === GridDataType.Int ||
-            type === GridDataType.Number
-        )
-            return 'right';
-        else if (type === GridDataType.Boolean) return 'center';
-    }
-    return align;
+  if (align == null && type != null) {
+    if (
+      type === GridDataType.Money ||
+      type === GridDataType.IntMoney ||
+      type === GridDataType.Int ||
+      type === GridDataType.Number
+    )
+      return "right";
+    else if (type === GridDataType.Boolean) return "center";
+  }
+  return align;
 };
 
 /**
@@ -40,21 +40,21 @@ export const GridAlignGet = (align?: GridAlign, type?: GridDataType) => {
  * @returns Result
  */
 export const GridDeletedCellBoxStyle = (
-    data: undefined | { status: EntityStatus } | { entityStatus: EntityStatus }
+  data: undefined | { status: EntityStatus } | { entityStatus: EntityStatus }
 ): React.CSSProperties => {
-    if (data == null) return {};
+  if (data == null) return {};
 
-    const status =
-        'status' in data
-            ? data.status
-            : 'entityStatus' in data
-            ? data.entityStatus
-            : EntityStatus.Normal;
+  const status =
+    "status" in data
+      ? data.status
+      : "entityStatus" in data
+      ? data.entityStatus
+      : EntityStatus.Normal;
 
-    if (status === EntityStatus.Inactivated || status === EntityStatus.Deleted)
-        return { textDecoration: 'line-through' };
+  if (status === EntityStatus.Inactivated || status === EntityStatus.Deleted)
+    return { textDecoration: "line-through" };
 
-    return {};
+  return {};
 };
 
 /**
@@ -66,201 +66,201 @@ export type GridCellValueType = string | number | Date | boolean | undefined;
  * Grid cell formatter props
  */
 export type GridCellFormatterProps<T> = {
-    /**
-     * Current data
-     */
-    data?: T;
-
-    /**
-     * Data field
-     */
-    field?: string;
-
-    /**
-     * Row index
-     */
-    rowIndex: number;
-
-    /**
-     * Column index
-     */
-    columnIndex: number;
+  /**
+   * Current data
+   */
+  data?: T;
+
+  /**
+   * Data field
+   */
+  field?: string;
+
+  /**
+   * Row index
+   */
+  rowIndex: number;
+
+  /**
+   * Column index
+   */
+  columnIndex: number;
 };
 
 /**
  * Grid cell renderer props
  */
 export type GridCellRendererProps<T, P = any> = GridCellFormatterProps<T> & {
-    /**
-     * Cell props
-     */
-    cellProps: P;
-
-    /**
-     * Formatted value
-     */
-    formattedValue?: GridCellValueType;
-
-    /**
-     * Item selected
-     */
-    selected: boolean;
-
-    /**
-     * Data type
-     */
-    type?: GridDataType;
-
-    /**
-     * Render props
-     */
-    renderProps?: GridColumnRenderProps;
-
-    /**
-     * Set items for rerenderer
-     * @param callback Callback
-     */
-    setItems: (
-        callback: (
-            items: T[],
-            ref?: ScrollerGridForwardRef<T>
-        ) => T[] | undefined | void
-    ) => void;
+  /**
+   * Cell props
+   */
+  cellProps: P;
+
+  /**
+   * Formatted value
+   */
+  formattedValue?: GridCellValueType;
+
+  /**
+   * Item selected
+   */
+  selected: boolean;
+
+  /**
+   * Data type
+   */
+  type?: GridDataType;
+
+  /**
+   * Render props
+   */
+  renderProps?: GridColumnRenderProps;
+
+  /**
+   * Set items for rerenderer
+   * @param callback Callback
+   */
+  setItems: (
+    callback: (
+      items: T[],
+      ref?: ScrollerGridForwardRef<T>
+    ) => T[] | undefined | void
+  ) => void;
 };
 
 /**
  * Grid header cell renderer props
  */
 export type GridHeaderCellRendererProps<T, P = any> = {
-    /**
-     * Cell props
-     */
-    cellProps: P;
-
-    /**
-     * Column
-     */
-    column: GridColumn<T>;
-
-    /**
-     * Column index
-     */
-    columnIndex: number;
-
-    /**
-     * States
-     */
-    states: GridLoaderStates<T>;
+  /**
+   * Cell props
+   */
+  cellProps: P;
+
+  /**
+   * Column
+   */
+  column: GridColumn<T>;
+
+  /**
+   * Column index
+   */
+  columnIndex: number;
+
+  /**
+   * States
+   */
+  states: GridLoaderStates<T>;
 };
 
 /**
  * Grid column render props
  */
 export type GridColumnRenderProps = {
-    /**
-     * Culture, like zh-CN
-     */
-    readonly culture?: string;
-
-    /**
-     * Time zone
-     */
-    readonly timeZone?: string;
-
-    /**
-     * Currency, like USD for US dollar
-     */
-    readonly currency?: string;
-
-    /**
-     * Number format options
-     */
-    readonly numberFormatOptions?: Intl.NumberFormatOptions;
-
-    /**
-     * Near days to show alert
-     */
-    readonly nearDays?: number;
-
-    /**
-     * Additional data
-     */
-    readonly data?: Readonly<Record<string, any>>;
+  /**
+   * Culture, like zh-CN
+   */
+  readonly culture?: string;
+
+  /**
+   * Time zone
+   */
+  readonly timeZone?: string;
+
+  /**
+   * Currency, like USD for US dollar
+   */
+  readonly currency?: string;
+
+  /**
+   * Number format options
+   */
+  readonly numberFormatOptions?: Intl.NumberFormatOptions;
+
+  /**
+   * Near days to show alert
+   */
+  readonly nearDays?: number;
+
+  /**
+   * Additional data
+   */
+  readonly data?: Readonly<Record<string, any>>;
 };
 
 /**
  * Grid column
  */
 export type GridColumn<T> = {
-    /**
-     * The column identifier. It's used to map with row data
-     */
-    field?: string & keyof T;
-
-    /**
-     * The title of the column rendered in the column header cell
-     */
-    header?: string;
-
-    /**
-     * Set the width of the column
-     */
-    width?: number;
-
-    /**
-     * Sets the minimum width of a column
-     */
-    minWidth?: number;
-
-    /**
-     * Align
-     */
-    align?: GridAlign;
-
-    /**
-     * If `true`, the column is sortable
-     * @default true
-     */
-    sortable?: boolean;
-
-    /**
-     * Sort ascending or descending
-     */
-    sortAsc?: boolean;
-
-    /**
-     * Data type
-     */
-    type?: GridDataType;
-
-    /**
-     * Cell value formatter
-     */
-    valueFormatter?: (props: GridCellFormatterProps<T>) => GridCellValueType;
-
-    /**
-     * Cell renderer
-     */
-    cellRenderer?: (props: GridCellRendererProps<T>) => React.ReactNode;
-
-    /**
-     * Cell box style
-     */
-    cellBoxStyle?:
-        | ((data: T | undefined) => React.CSSProperties)
-        | React.CSSProperties;
-
-    /**
-     * Render props
-     */
-    renderProps?:
-        | GridColumnRenderProps
-        | ((data: T | undefined) => GridColumnRenderProps);
-
-    /**
-     * Header cell renderer
-     */
-    headerCellRenderer?: (
-        props: GridHeaderCellRendererProps<T>
-    ) => React.ReactNode;
+  /**
+   * The column identifier. It's used to map with row data
+   */
+  field?: string & keyof T;
+
+  /**
+   * The title of the column rendered in the column header cell
+   */
+  header?: string;
+
+  /**
+   * Set the width of the column
+   */
+  width?: number;
+
+  /**
+   * Sets the minimum width of a column
+   */
+  minWidth?: number;
+
+  /**
+   * Align
+   */
+  align?: GridAlign;
+
+  /**
+   * If `true`, the column is sortable
+   * @default true
+   */
+  sortable?: boolean;
+
+  /**
+   * Sort ascending or descending
+   */
+  sortAsc?: boolean;
+
+  /**
+   * Data type
+   */
+  type?: GridDataType;
+
+  /**
+   * Cell value formatter
+   */
+  valueFormatter?: (props: GridCellFormatterProps<T>) => GridCellValueType;
+
+  /**
+   * Cell renderer
+   */
+  cellRenderer?: (props: GridCellRendererProps<T>) => React.ReactNode;
+
+  /**
+   * Cell box style
+   */
+  cellBoxStyle?:
+    | ((data: T | undefined) => React.CSSProperties)
+    | React.CSSProperties;
+
+  /**
+   * Render props
+   */
+  renderProps?:
+    | GridColumnRenderProps
+    | ((data: T | undefined) => GridColumnRenderProps);
+
+  /**
+   * Header cell renderer
+   */
+  headerCellRenderer?: (
+    props: GridHeaderCellRendererProps<T>
+  ) => React.ReactNode;
 };