@openzeppelin/ui-renderer 1.0.0

package/README.md

@@ -0,0 +1,224 @@
+# @openzeppelin/ui-renderer
+
+React components for rendering blockchain transaction forms, contract state displays, and wallet interactions.
+
+[![npm version](https://img.shields.io/npm/v/@openzeppelin/ui-renderer.svg)](https://www.npmjs.com/package/@openzeppelin/ui-renderer)
+
+## Installation
+
+```bash
+# Using npm
+npm install @openzeppelin/ui-renderer @openzeppelin/ui-types
+
+# Using yarn
+yarn add @openzeppelin/ui-renderer @openzeppelin/ui-types
+
+# Using pnpm
+pnpm add @openzeppelin/ui-renderer @openzeppelin/ui-types
+```
+
+## Peer Dependencies
+
+```bash
+pnpm add react react-dom react-hook-form
+```
+
+## Features
+
+- Transaction form rendering with dynamic field generation
+- Contract state querying and display (view functions)
+- Transaction status tracking with explorer links
+- Execution method configuration (EOA/Relayer)
+- Network settings and wallet connection components
+- TypeScript support with full type definitions
+- Support for both ESM and CommonJS environments
+
+## Components
+
+### TransactionForm
+
+Main component for rendering blockchain transaction forms with dynamic field generation.
+
+### ContractStateWidget
+
+Widget for querying and displaying contract state through view functions. Supports parameter-less view functions with auto-refresh capabilities.
+
+### ContractActionBar
+
+Action bar component displaying network status and contract state toggle controls.
+
+### ExecutionConfigDisplay
+
+Displays and configures transaction execution methods (EOA direct signing or Relayer-based).
+
+### TransactionStatusDisplay
+
+Shows transaction progress, hash display with explorer links, and execution results.
+
+### NetworkSettingsDialog
+
+Dialog for configuring network-specific settings like RPC endpoints and indexer URLs.
+
+### WalletConnectionWithSettings
+
+Composed wallet connection component with integrated settings controls.
+
+### DynamicFormField
+
+Renders form fields dynamically based on field type configuration.
+
+## Type System
+
+This package uses type definitions from `@openzeppelin/ui-types`:
+
+```tsx
+import { TransactionForm } from '@openzeppelin/ui-renderer';
+import type { ContractAdapter, FormValues, RenderFormSchema } from '@openzeppelin/ui-types';
+```
+
+## Component Styling
+
+This package renders forms using UI components from `@openzeppelin/ui-components`. **This package does not ship pre-compiled CSS.**
+
+Styling relies on the consuming application to:
+
+1. **Include Tailwind CSS** in its build process.
+2. **Configure Tailwind** to scan the `@openzeppelin/ui-components` package's source files.
+3. **Import the shared theme** from `@openzeppelin/ui-styles`.
+
+```css
+@import '@openzeppelin/ui-styles/global.css';
+@import 'tailwindcss';
+```
+
+## Usage
+
+### Transaction Form
+
+```tsx
+import { TransactionForm } from '@openzeppelin/ui-renderer';
+import type { ContractAdapter, EvmNetworkConfig, RenderFormSchema } from '@openzeppelin/ui-types';
+
+const schema: RenderFormSchema = {
+  id: 'transfer-form',
+  title: 'Transfer Tokens',
+  fields: [
+    { id: 'to', name: 'to', type: 'address', label: 'Recipient' },
+    { id: 'amount', name: 'amount', type: 'amount', label: 'Amount' },
+  ],
+  layout: { columns: 1, spacing: 'normal', labelPosition: 'top' },
+  submitButton: { text: 'Transfer', loadingText: 'Transferring...' },
+};
+
+function App() {
+  return (
+    <TransactionForm
+      schema={schema}
+      adapter={adapter}
+      networkConfig={networkConfig}
+      onSubmit={handleSubmit}
+    />
+  );
+}
+```
+
+### Contract State Widget
+
+```tsx
+import { ContractStateWidget } from '@openzeppelin/ui-renderer';
+
+function ContractView() {
+  return (
+    <ContractStateWidget
+      contractSchema={schema}
+      contractAddress="0x..."
+      adapter={adapter}
+      isVisible={true}
+    />
+  );
+}
+```
+
+### Contract Action Bar
+
+```tsx
+import { ContractActionBar } from '@openzeppelin/ui-renderer';
+
+function FormHeader() {
+  return (
+    <ContractActionBar
+      networkConfig={networkConfig}
+      contractAddress={contractAddress}
+      onToggleContractState={handleToggle}
+    />
+  );
+}
+```
+
+## API Reference
+
+### `<TransactionForm>`
+
+| Prop            | Type                       | Description                                  |
+| --------------- | -------------------------- | -------------------------------------------- |
+| `schema`        | `RenderFormSchema`         | The schema definition for the form           |
+| `adapter`       | `ContractAdapter`          | The blockchain adapter instance              |
+| `networkConfig` | `NetworkConfig`            | Network configuration for the target network |
+| `onSubmit`      | `(data: FormData) => void` | Callback function when form is submitted     |
+| `previewMode`   | `boolean`                  | (Optional) Renders form in preview mode      |
+| `initialValues` | `FormData`                 | (Optional) Initial values for form fields    |
+| `disabled`      | `boolean`                  | (Optional) Disables all form fields          |
+| `loading`       | `boolean`                  | (Optional) Shows loading state               |
+
+### `<ContractStateWidget>`
+
+| Prop              | Type              | Description                             |
+| ----------------- | ----------------- | --------------------------------------- |
+| `contractSchema`  | `ContractSchema`  | The contract schema with view functions |
+| `contractAddress` | `string`          | The deployed contract address           |
+| `adapter`         | `ContractAdapter` | The blockchain adapter instance         |
+| `isVisible`       | `boolean`         | (Optional) Controls widget visibility   |
+| `onToggle`        | `() => void`      | (Optional) Callback for toggle actions  |
+
+### `<ContractActionBar>`
+
+| Prop                    | Type            | Description                              |
+| ----------------------- | --------------- | ---------------------------------------- |
+| `networkConfig`         | `NetworkConfig` | Network configuration to display         |
+| `contractAddress`       | `string`        | (Optional) Contract address              |
+| `onToggleContractState` | `() => void`    | (Optional) Toggle contract state widget  |
+| `isWidgetExpanded`      | `boolean`       | (Optional) Current widget expanded state |
+
+## Package Structure
+
+```text
+renderer/
+├── src/
+│   ├── components/
+│   │   ├── ContractActionBar/       # Network status and actions
+│   │   ├── ContractStateWidget/     # View function queries
+│   │   ├── ExecutionConfigDisplay/  # EOA/Relayer configuration
+│   │   ├── network/                 # Network settings components
+│   │   ├── transaction/             # Transaction status components
+│   │   ├── TransactionForm.tsx      # Main form component
+│   │   └── DynamicFormField.tsx     # Dynamic field rendering
+│   ├── types/
+│   ├── utils/
+│   └── index.ts
+├── package.json
+├── tsconfig.json
+└── tsdown.config.ts
+```
+
+## Development
+
+```bash
+pnpm install
+pnpm build
+pnpm test
+pnpm lint
+```
+
+## License
+
+[AGPL-3.0](https://github.com/OpenZeppelin/openzeppelin-ui/blob/main/LICENSE)

package/dist/index-CrGita0t.d.ts

@@ -0,0 +1,344 @@
+import React$1, { JSX } from "react";
+import { Control } from "react-hook-form";
+import { ButtonProps } from "@openzeppelin/ui-components";
+import { ContractAdapter, ContractFunction, ContractSchema, ExecutionConfig, FieldTransforms, FieldType, FormFieldType, FormValues, FullContractAdapter, NetworkConfig, TransactionFormProps } from "@openzeppelin/ui-types";
+
+//#region src/types/RendererConfig.d.ts
+
+/**
+ * Types related to renderer configuration
+ */
+/**
+ * Configuration for the renderer package
+ * This interface defines dependencies and settings for the renderer
+ * that will be used when exporting form projects.
+ */
+interface RendererConfig {
+  /**
+   * Core dependencies required for all renderer projects
+   */
+  coreDependencies: Record<string, string>;
+  /**
+   * Field-specific dependencies required for different field types
+   */
+  fieldDependencies: Record<string, {
+    /**
+     * Runtime dependencies needed for the field type
+     */
+    runtimeDependencies: Record<string, string>;
+    /**
+     * Development dependencies needed for the field type
+     */
+    devDependencies?: Record<string, string>;
+  }>;
+}
+/**
+ * Dependencies for a specific field type
+ */
+//#endregion
+//#region src/components/TransactionForm.d.ts
+/**
+ * Transaction Form Component
+ *
+ * This is the main entry point for the app rendering system. It represents the top level of
+ * the app rendering architecture:
+ *
+ * 1. TransactionForm receives a schema and adapter from the transaction builder app
+ * 2. It sets up React Hook Form for state management and validation
+ * 3. It renders fields dynamically using the DynamicFormField component
+ * 4. Provides wallet connection UI (demo implementation)
+ * 5. On submission, it processes data through the adapter before passing to handlers
+ *
+ * Note: The previewMode prop is currently used only for demo purposes and does not affect
+ * the visibility of wallet connection or transaction execution UI. In the future, it will be used
+ * to enable/disable actual blockchain interactions without changing the UI structure.
+ *
+ * @returns The rendered form component
+ */
+declare function TransactionForm({
+  schema,
+  contractSchema,
+  adapter,
+  isWalletConnected,
+  executionConfig
+}: TransactionFormProps): React.ReactElement;
+//# sourceMappingURL=TransactionForm.d.ts.map
+//#endregion
+//#region src/utils/formUtils.d.ts
+/**
+ * Parameter constraints for validation and default value generation
+ */
+interface ParameterConstraints {
+  required?: boolean;
+  min?: number;
+  max?: number;
+  minLength?: number;
+  maxLength?: number;
+  pattern?: string;
+}
+/**
+ * Validate a field value against validation rules
+ */
+declare function validateField(value: unknown, validation?: {
+  required?: boolean;
+  min?: number;
+  max?: number;
+  pattern?: string;
+}): string | null;
+/**
+ * Creates a transform for address fields
+ *
+ * @param adapter The blockchain adapter to use for validation
+ * @returns Transform functions for address fields
+ */
+declare function createAddressTransform(adapter: ContractAdapter): FieldTransforms<string>;
+/**
+ * Creates a transform for number fields
+ *
+ * @returns Transform functions for number fields
+ */
+declare function createNumberTransform(): FieldTransforms<number>;
+/**
+ * Creates a transform for bigint fields (large integers beyond JS Number precision)
+ *
+ * @returns Transform functions for bigint fields
+ */
+declare function createBigIntTransform(): FieldTransforms<string>;
+/**
+ * Creates a transform for boolean fields
+ *
+ * @returns Transform functions for boolean fields
+ */
+declare function createBooleanTransform(): FieldTransforms<boolean>;
+/**
+ * Creates a transform for complex type fields (arrays, objects, etc.)
+ *
+ * @returns Transform functions for complex fields
+ */
+declare function createComplexTypeTransform(): FieldTransforms<unknown>;
+/**
+ * Creates a transform for text fields
+ *
+ * @returns Transform functions for text-based fields
+ */
+declare function createTextTransform(): FieldTransforms<string>;
+/**
+ * Creates a transform function based on field type
+ *
+ * @param fieldType The type of field to create transforms for
+ * @param adapter Optional adapter for address validation
+ * @returns Transform functions for the field type
+ */
+declare function createTransformForFieldType(fieldType: FieldType, adapter?: ContractAdapter): FieldTransforms<unknown>;
+/**
+ * Generate a default value for a given field type based on parameter constraints
+ */
+declare function generateDefaultValue(parameterType: string, constraints?: Partial<ParameterConstraints>): unknown;
+/**
+ * Returns the appropriate default value based on field type
+ */
+declare function getDefaultValueByFieldType(fieldType: FieldType): string | boolean | number;
+/**
+ * Creates a complete default values object for form initialization
+ * Ensures all fields have appropriate default values to avoid React controlled/uncontrolled input warnings
+ *
+ * @param fields The form field definitions
+ * @param existingDefaults Any existing default values to preserve
+ * @returns A complete form values object with no undefined values
+ */
+declare function createDefaultFormValues(fields: FormFieldType[] | undefined, existingDefaults?: Record<string, unknown>): FormValues;
+/**
+ * Creates a transform for array fields
+ *
+ * @returns Transform functions for array fields
+ */
+declare function createArrayTransform(): FieldTransforms<unknown[]>;
+/**
+ * Creates a transform for object fields
+ *
+ * @returns Transform functions for object fields
+ */
+declare function createObjectTransform(): FieldTransforms<Record<string, unknown>>;
+/**
+ * Creates a transform for array-object fields
+ *
+ * @returns Transform functions for array-object fields
+ */
+declare function createArrayObjectTransform(): FieldTransforms<Record<string, unknown>[]>;
+//# sourceMappingURL=formUtils.d.ts.map
+//#endregion
+//#region src/components/DynamicFormField.d.ts
+/**
+ * Props for the DynamicFormField component
+ */
+interface DynamicFormFieldProps {
+  /**
+   * The field configuration to render
+   */
+  field: FormFieldType;
+  /**
+   * The React Hook Form control
+   */
+  control: Control<FormValues>;
+  /**
+   * The adapter for chain-specific validation and formatting
+   */
+  adapter: ContractAdapter;
+  /**
+   * Optional contract schema for nested metadata lookups
+   */
+  contractSchema?: ContractSchema;
+  /**
+   * The field error message, if any (Kept for potential direct use, though RHF handles it)
+   */
+  error?: string;
+}
+/**
+ * Dynamic Form Field Component
+ *
+ * Renders the appropriate field component based on the field type defined in the form schema.
+ * This component is part of the app rendering system architecture where:
+ * 1. Form schemas are generated from contract functions using adapters
+ * 2. The schemas are rendered using the TransactionForm component
+ * 3. TransactionForm uses DynamicFormField to render appropriate field components based on the schema
+ *
+ * The field components (TextField, NumberField, AddressField, etc.) are specifically designed
+ * for React Hook Form integration and should not be used as standalone components.
+ *
+ * @returns The rendered form field component or null if the field should not be visible
+ */
+declare function DynamicFormField({
+  field,
+  control,
+  adapter,
+  contractSchema
+}: DynamicFormFieldProps): React$1.ReactElement | null;
+//#endregion
+//#region src/components/transaction/TransactionExecuteButton.d.ts
+interface TransactionExecuteButtonProps {
+  /**
+   * Whether the wallet is connected
+   */
+  isWalletConnected: boolean;
+  /**
+   * Whether a transaction is currently being submitted
+   */
+  isSubmitting: boolean;
+  /**
+   * Whether the form is valid
+   */
+  isFormValid: boolean;
+  /**
+   * Button variant
+   */
+  variant?: ButtonProps['variant'];
+  /**
+   * Optional function details to determine if local execution is possible
+   * Functions with stateMutability === 'pure' can execute locally without wallet
+   */
+  functionDetails?: ContractFunction;
+  /**
+   * Whether this function can execute locally without wallet connection
+   * If true, the wallet connection check is bypassed
+   */
+  canExecuteLocally?: boolean;
+}
+/**
+ * TransactionExecuteButton Component
+ *
+ * Displays a button for executing a transaction, which is disabled if the wallet is not connected,
+ * the form is invalid, or a transaction is currently being submitted.
+ *
+ * @param props The component props
+ * @returns A React component
+ */
+declare function TransactionExecuteButton({
+  isWalletConnected,
+  isSubmitting,
+  isFormValid,
+  variant,
+  functionDetails,
+  canExecuteLocally
+}: TransactionExecuteButtonProps): React.ReactElement;
+//# sourceMappingURL=TransactionExecuteButton.d.ts.map
+//#endregion
+//#region src/components/ContractStateWidget/ContractStateWidget.d.ts
+interface ContractStateWidgetProps {
+  contractSchema: ContractSchema | null;
+  contractAddress: string | null;
+  adapter: FullContractAdapter;
+  isVisible?: boolean;
+  onToggle?: () => void;
+  className?: string;
+  error?: Error | null;
+}
+/**
+ * ContractStateWidget - Compact widget for displaying contract state
+ * Shows contract state by allowing users to query simple view functions (no parameters)
+ */
+declare function ContractStateWidget({
+  contractSchema,
+  contractAddress,
+  adapter,
+  isVisible,
+  onToggle,
+  className,
+  error
+}: ContractStateWidgetProps): JSX.Element | null;
+//#endregion
+//#region src/components/ContractActionBar/ContractActionBar.d.ts
+interface ContractActionBarProps {
+  networkConfig: NetworkConfig | null;
+  contractAddress?: string | null;
+  onToggleContractState?: () => void;
+  isWidgetExpanded?: boolean;
+  children?: React$1.ReactNode;
+  className?: string;
+}
+/**
+ * ContractActionBar - A composable action bar for contract forms
+ * Displays network information and contract state toggle button
+ * Can be extended with additional actions via children
+ */
+declare function ContractActionBar({
+  networkConfig,
+  contractAddress,
+  onToggleContractState,
+  isWidgetExpanded,
+  children,
+  className
+}: ContractActionBarProps): React$1.ReactElement | null;
+//#endregion
+//#region src/components/ExecutionConfigDisplay/ExecutionConfigDisplay.d.ts
+interface ExecutionConfigDisplayProps {
+  executionConfig: ExecutionConfig;
+  adapter?: ContractAdapter;
+  error?: string | null;
+  connectedWalletAddress?: string;
+  onRuntimeApiKeyChange?: (apiKey: string) => void;
+}
+declare const ExecutionConfigDisplay: React$1.FC<ExecutionConfigDisplayProps>;
+//#endregion
+//#region src/components/network/NetworkSettingsDialog.d.ts
+interface Props {
+  isOpen: boolean;
+  onOpenChange: (open: boolean) => void;
+  networkConfig: {
+    id: string;
+    name: string;
+  } | null;
+  adapter: ContractAdapter | null;
+}
+declare const NetworkSettingsDialog: React$1.FC<Props>;
+//#endregion
+//#region src/components/WalletConnectionWithSettings.d.ts
+/**
+ * Enhanced wallet connection header with network settings menu.
+ * Used in exported apps to provide access to RPC and Explorer configuration.
+ */
+declare const WalletConnectionWithSettings: React$1.FC;
+//# sourceMappingURL=WalletConnectionWithSettings.d.ts.map
+
+//#endregion
+export { ContractActionBar, ContractStateWidget, DynamicFormField, ExecutionConfigDisplay, NetworkSettingsDialog, ParameterConstraints, type RendererConfig, TransactionExecuteButton, TransactionForm, WalletConnectionWithSettings, createAddressTransform, createArrayObjectTransform, createArrayTransform, createBigIntTransform, createBooleanTransform, createComplexTypeTransform, createDefaultFormValues, createNumberTransform, createObjectTransform, createTextTransform, createTransformForFieldType, generateDefaultValue, getDefaultValueByFieldType, validateField };
+//# sourceMappingURL=index-CrGita0t.d.ts.map

package/dist/index-CrGita0t.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CrGita0t.d.ts","names":[],"sources":["../src/types/RendererConfig.ts","../src/components/TransactionForm.tsx","../src/utils/formUtils.ts","../src/components/DynamicFormField.tsx","../src/components/transaction/TransactionExecuteButton.tsx","../src/components/ContractStateWidget/ContractStateWidget.tsx","../src/components/ContractActionBar/ContractActionBar.tsx","../src/components/ExecutionConfigDisplay/ExecutionConfigDisplay.tsx","../src/components/network/NetworkSettingsDialog.tsx","../src/components/WalletConnectionWithSettings.tsx"],"sourcesContent":[],"mappings":"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"}