@etsoo/react 1.6.54 → 1.6.56

package/lib/components/GridColumn.d.ts

@@ -1,3 +1,4 @@
+import { EntityStatus } from '@etsoo/appscript';
 import { DataTypes } from '@etsoo/shared';
 import React from 'react';
 import { GridLoaderStates } from './GridLoader';
@@ -16,6 +17,16 @@ export type GridAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
  * @param type Data type
  */
 export declare const GridAlignGet: (align?: GridAlign, type?: GridDataType) => GridAlign | undefined;
+/**
+ * Grid deleted cell box style
+ * @param data Data
+ * @returns Result
+ */
+export declare const GridDeletedCellBoxStyle: (data: undefined | {
+    status: EntityStatus;
+} | {
+    entityStatus: EntityStatus;
+}) => React.CSSProperties;
 /**
  * Grid cell value type
  */
@@ -164,7 +175,7 @@ export type GridColumn<T> = {
     /**
      * Cell box style
      */
-    cellBoxStyle?: ((data: T) => React.CSSProperties) | React.CSSProperties;
+    cellBoxStyle?: ((data: T | undefined) => React.CSSProperties) | React.CSSProperties;
     /**
      * Render props
      */

package/lib/components/GridColumn.js

@@ -1,3 +1,4 @@
+import { EntityStatus } from '@etsoo/appscript';
 import { DataTypes } from '@etsoo/shared';
 /**
  * Grid data type
@@ -21,3 +22,20 @@ export const GridAlignGet = (align, type) => {
     }
     return align;
 };
+/**
+ * Grid deleted cell box style
+ * @param data Data
+ * @returns Result
+ */
+export const GridDeletedCellBoxStyle = (data) => {
+    if (data == null)
+        return {};
+    const status = 'status' in data
+        ? data.status
+        : 'entityStatus' in data
+            ? data.entityStatus
+            : EntityStatus.Normal;
+    if (status >= EntityStatus.Inactivated)
+        return { textDecoration: 'line-through', color: 'red' };
+    return {};
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.6.54",
+    "version": "1.6.56",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,9 +50,9 @@
         "@emotion/css": "^11.10.6",
         "@emotion/react": "^11.10.6",
         "@emotion/styled": "^11.10.6",
-        "@etsoo/appscript": "^1.3.82",
+        "@etsoo/appscript": "^1.3.83",
         "@etsoo/notificationbase": "^1.1.24",
-        "@etsoo/shared": "^1.1.92",
+        "@etsoo/shared": "^1.1.93",
         "@types/react": "^18.0.29",
         "@types/react-dom": "^18.0.11",
         "@types/react-window": "^1.8.5",

package/src/components/GridColumn.ts

@@ -1,3 +1,4 @@
+import { EntityStatus } from '@etsoo/appscript';
 import { DataTypes } from '@etsoo/shared';
 import React from 'react';
 import { GridLoaderStates } from './GridLoader';
@@ -32,6 +33,29 @@ export const GridAlignGet = (align?: GridAlign, type?: GridDataType) => {
     return align;
 };
 
+/**
+ * Grid deleted cell box style
+ * @param data Data
+ * @returns Result
+ */
+export const GridDeletedCellBoxStyle = (
+    data: undefined | { status: EntityStatus } | { entityStatus: EntityStatus }
+): React.CSSProperties => {
+    if (data == null) return {};
+
+    const status =
+        'status' in data
+            ? data.status
+            : 'entityStatus' in data
+            ? data.entityStatus
+            : EntityStatus.Normal;
+
+    if (status >= EntityStatus.Inactivated)
+        return { textDecoration: 'line-through', color: 'red' };
+
+    return {};
+};
+
 /**
  * Grid cell value type
  */
@@ -210,7 +234,9 @@ export type GridColumn<T> = {
     /**
      * Cell box style
      */
-    cellBoxStyle?: ((data: T) => React.CSSProperties) | React.CSSProperties;
+    cellBoxStyle?:
+        | ((data: T | undefined) => React.CSSProperties)
+        | React.CSSProperties;
 
     /**
      * Render props