@object-ui/react 0.3.0 → 0.3.1

package/dist/hooks/useActionRunner.js

@@ -0,0 +1,65 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { ActionRunner } from '@object-ui/core';
+/**
+ * Hook for executing actions with loading state
+ *
+ * @example
+ * ```tsx
+ * const { execute, loading, error, result } = useActionRunner({ data: formData });
+ *
+ * const handleClick = () => {
+ *   execute({
+ *     type: 'action',
+ *     api: '/api/save',
+ *     successMessage: 'Saved successfully!'
+ *   });
+ * };
+ * ```
+ */
+export function useActionRunner(context = {}) {
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [result, setResult] = useState(null);
+    const runner = useMemo(() => new ActionRunner(context), [JSON.stringify(context)]);
+    const execute = useCallback(async (action) => {
+        setLoading(true);
+        setError(null);
+        setResult(null);
+        try {
+            const actionResult = await runner.execute(action);
+            setResult(actionResult);
+            if (!actionResult.success) {
+                setError(actionResult.error || 'Action failed');
+            }
+            return actionResult;
+        }
+        catch (err) {
+            const errorMessage = err.message;
+            setError(errorMessage);
+            const failureResult = { success: false, error: errorMessage };
+            setResult(failureResult);
+            return failureResult;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [runner]);
+    const updateContext = useCallback((newContext) => {
+        runner.updateContext(newContext);
+    }, [runner]);
+    return {
+        execute,
+        loading,
+        error,
+        result,
+        updateContext,
+        runner
+    };
+}

package/dist/hooks/useExpression.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Hook for evaluating expressions with dynamic context
+ *
+ * @example
+ * ```tsx
+ * const isVisible = useExpression('${data.age >= 18}', { data });
+ * const label = useExpression('Hello ${user.name}!', { user });
+ * ```
+ */
+export declare function useExpression(expression: string | boolean | number | null | undefined, context?: Record<string, any>): any;
+/**
+ * Hook for evaluating conditional expressions
+ * Returns a boolean value
+ *
+ * @example
+ * ```tsx
+ * const isVisible = useCondition('${data.status === "active"}', { data });
+ * ```
+ */
+export declare function useCondition(condition: string | boolean | undefined, context?: Record<string, any>): boolean;

package/dist/hooks/useExpression.js

@@ -0,0 +1,41 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useMemo } from 'react';
+import { ExpressionEvaluator } from '@object-ui/core';
+/**
+ * Hook for evaluating expressions with dynamic context
+ *
+ * @example
+ * ```tsx
+ * const isVisible = useExpression('${data.age >= 18}', { data });
+ * const label = useExpression('Hello ${user.name}!', { user });
+ * ```
+ */
+export function useExpression(expression, context = {}) {
+    // We evaluate directly without caching the evaluator to avoid issues with context changes
+    return useMemo(() => {
+        const evaluator = new ExpressionEvaluator(context);
+        return evaluator.evaluate(expression);
+    }, [expression, context]);
+}
+/**
+ * Hook for evaluating conditional expressions
+ * Returns a boolean value
+ *
+ * @example
+ * ```tsx
+ * const isVisible = useCondition('${data.status === "active"}', { data });
+ * ```
+ */
+export function useCondition(condition, context = {}) {
+    // We evaluate directly without caching the evaluator to avoid issues with context changes
+    return useMemo(() => {
+        const evaluator = new ExpressionEvaluator(context);
+        return evaluator.evaluateCondition(condition);
+    }, [condition, context]);
+}

package/dist/index.d.ts

@@ -1,3 +1,11 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 export * from './SchemaRenderer';
 export * from './hooks';
 export * from './context';
+export * from './components/form';

package/dist/index.js

@@ -1,3 +1,11 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 export * from './SchemaRenderer';
 export * from './hooks'; // will be empty for now
 export * from './context'; // will be empty for now
+export * from './components/form';

package/dist/index.test.d.ts

@@ -1 +1,8 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 export {};

package/dist/index.test.js

@@ -1,3 +1,10 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import { describe, it, expect } from 'vitest';
 describe('react', () => {
     it('should work', () => {

package/package.json

@@ -1,19 +1,31 @@
 {
   "name": "@object-ui/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "license": "MIT",
+  "description": "React bindings and SchemaRenderer component for Object UI",
+  "homepage": "https://www.objectui.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/objectstack-ai/objectui.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/objectstack-ai/objectui/issues"
+  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@object-ui/core": "0.3.0"
+    "@objectstack/spec": "^0.3.3",
+    "react-hook-form": "^7.71.1",
+    "@object-ui/core": "0.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
     "typescript": "^5.9.3"
   },
   "scripts": {

package/src/SchemaRenderer.tsx

@@ -1,3 +1,11 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import React, { forwardRef } from 'react';
 import { SchemaNode, ComponentRegistry } from '@object-ui/core';