@etsoo/react 1.7.46 → 1.7.48

package/README.md

@@ -15,7 +15,4 @@ Using yarn:
 $ yarn add @etsoo/react
 ```
 
-## UI Implmentation
-
-- @etsoo/materialui, targeting administration applications
-- @etsoo/bootstrap, targeting websites
+## React UI Implmentation

package/lib/custom/CustomFieldReact.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CustomFieldData, CustomFieldProps, CustomFieldRef, ICustomField } from '@etsoo/appscript';
+/**
+ * React custom field interface
+ * React自定义字段接口
+ */
+export interface ICustomFieldReact<V, D extends CustomFieldData = CustomFieldData> extends ICustomField<V, D, CustomFieldReactProps<V, D>, React.JSX.Element> {
+}
+/**
+ * React custom field props
+ * React自定义字段属性
+ */
+export type CustomFieldReactProps<V, D extends CustomFieldData = CustomFieldData> = CustomFieldProps<D, V> & {
+    mref: React.Ref<CustomFieldRef<V>>;
+};

package/lib/custom/CustomFieldReact.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export * from './components/ScrollerGrid';
 export * from './components/ScrollerList';
 export * from './components/ScrollRestoration';
 export type { ListOnScrollProps, GridOnScrollProps, VariableSizeGrid } from 'react-window';
+export * from './custom/CustomFieldReact';
 export * from './notifier/Notifier';
 export * from '@etsoo/notificationbase';
 export * from './states/CultureState';

package/lib/index.js

@@ -13,6 +13,8 @@ export * from './components/ListItemReact';
 export * from './components/ScrollerGrid';
 export * from './components/ScrollerList';
 export * from './components/ScrollRestoration';
+// custom
+export * from './custom/CustomFieldReact';
 // notifier
 export * from './notifier/Notifier';
 export * from '@etsoo/notificationbase';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.7.46",
+    "version": "1.7.48",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/css": "^11.11.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@etsoo/appscript": "^1.4.90",
+        "@etsoo/appscript": "^1.4.92",
         "@etsoo/notificationbase": "^1.1.42",
         "@etsoo/shared": "^1.2.40",
         "react": "^18.3.1",
@@ -67,12 +67,12 @@
         "@testing-library/jest-dom": "^6.4.5",
         "@testing-library/react": "^15.0.7",
         "@types/jest": "^29.5.12",
-        "@types/react": "^18.3.2",
+        "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "@types/react-window": "^1.8.8",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
-        "ts-jest": "^29.1.2",
+        "ts-jest": "^29.1.3",
         "typescript": "^5.4.5"
     }
 }

package/src/custom/CustomFieldReact.ts

@@ -0,0 +1,26 @@
+import {
+    CustomFieldData,
+    CustomFieldProps,
+    CustomFieldRef,
+    ICustomField
+} from '@etsoo/appscript';
+
+/**
+ * React custom field interface
+ * React自定义字段接口
+ */
+export interface ICustomFieldReact<
+    V,
+    D extends CustomFieldData = CustomFieldData
+> extends ICustomField<V, D, CustomFieldReactProps<V, D>, React.JSX.Element> {}
+
+/**
+ * React custom field props
+ * React自定义字段属性
+ */
+export type CustomFieldReactProps<
+    V,
+    D extends CustomFieldData = CustomFieldData
+> = CustomFieldProps<D, V> & {
+    mref: React.Ref<CustomFieldRef<V>>;
+};

package/src/index.ts

@@ -20,6 +20,9 @@ export type {
     VariableSizeGrid
 } from 'react-window';
 
+// custom
+export * from './custom/CustomFieldReact';
+
 // notifier
 export * from './notifier/Notifier';
 export * from '@etsoo/notificationbase';