@asteby/metacore-runtime-react 13.4.0 → 13.4.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @asteby/metacore-runtime-react
 
+## 13.4.1
+
+### Patch Changes
+
+- f03fe86: fix(action-modal): render `dynamic_select` action fields as the searchable async picker instead of a plain text input
+
+  ActionModalDispatcher's GenericActionModal had its own field renderer that keyed
+  off `field.type` and had no `dynamic_select` case, so a declarative action field
+  with `type: "dynamic_select"` (e.g. the Diario/Cuenta pickers of a journal entry)
+  fell through to a plain text `<Input>`. It now resolves the widget the same way
+  DynamicForm does (`resolveWidget`) and routes `dynamic_select` to
+  `DynamicSelectField`, keeping action modals and the standalone form in lockstep.
+
 ## 13.4.0
 
 ### Minor Changes

package/dist/action-modal-dispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-modal-dispatcher.d.ts","sourceRoot":"","sources":["../src/action-modal-dispatcher.tsx"],"names":[],"mappings":"AA4CA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAExB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AAEhD,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,kDAiDlB"}
+{"version":3,"file":"action-modal-dispatcher.d.ts","sourceRoot":"","sources":["../src/action-modal-dispatcher.tsx"],"names":[],"mappings":"AA6CA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAExB,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAA;AAEhD,wBAAgB,qBAAqB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,kDAiDlB"}

package/dist/action-modal-dispatcher.js

@@ -15,7 +15,8 @@ import { toast } from 'sonner';
 import { useApi } from './api-context';
 import { DynamicIcon } from './dynamic-icon';
 import { DynamicLineItems } from './dynamic-line-items';
-import { isLineItemsField } from './dynamic-form-schema';
+import { DynamicSelectField } from './dynamic-select-field';
+import { isLineItemsField, resolveWidget } from './dynamic-form-schema';
 // Canonical registry lives in @asteby/metacore-sdk
 import { getActionComponent, } from '@asteby/metacore-sdk';
 export function ActionModalDispatcher({ open, onOpenChange, action, model, record, endpoint, onSuccess, }) {
@@ -126,12 +127,20 @@ function renderField(field, value, onChange) {
     if (isLineItemsField(field)) {
         return _jsx(DynamicLineItems, { field: field, value: value, onChange: onChange });
     }
-    switch (field.type) {
+    // Resolve the widget the same way DynamicForm does (explicit widget wins,
+    // else inferred from type) so action modals and the standalone form stay in
+    // lockstep — previously this switch keyed off `field.type` and silently
+    // dropped `dynamic_select` to a plain text input.
+    const widget = resolveWidget(field);
+    if (widget === 'dynamic_select') {
+        return _jsx(DynamicSelectField, { field: field, value: value, onChange: onChange });
+    }
+    switch (widget) {
         case 'textarea':
             return _jsx(Textarea, { id: field.key, value: value || '', onChange: (e) => onChange(e.target.value), placeholder: field.placeholder });
         case 'select':
             return (_jsxs(Select, { value: value || '', onValueChange: onChange, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: field.placeholder || 'Seleccionar...' }) }), _jsx(SelectContent, { children: field.options?.map((opt) => _jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })] }));
-        case 'boolean':
+        case 'switch':
             return _jsx(Switch, { id: field.key, checked: !!value, onCheckedChange: onChange });
         case 'number':
             return _jsx(Input, { id: field.key, type: "number", value: value ?? '', onChange: (e) => onChange(e.target.valueAsNumber || ''), placeholder: field.placeholder });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-runtime-react",
-  "version": "13.4.0",
+  "version": "13.4.1",
   "description": "React runtime for metacore hosts — renders addon contributions dynamically",
   "repository": {
     "type": "git",

package/src/action-modal-dispatcher.tsx

@@ -39,7 +39,8 @@ import { toast } from 'sonner'
 import { useApi } from './api-context'
 import { DynamicIcon } from './dynamic-icon'
 import { DynamicLineItems } from './dynamic-line-items'
-import { isLineItemsField } from './dynamic-form-schema'
+import { DynamicSelectField } from './dynamic-select-field'
+import { isLineItemsField, resolveWidget } from './dynamic-form-schema'
 import type { ActionFieldDef } from './types'
 // Canonical registry lives in @asteby/metacore-sdk
 import {
@@ -271,7 +272,15 @@ function renderField(
     if (isLineItemsField(field)) {
         return <DynamicLineItems field={field} value={value} onChange={onChange} />
     }
-    switch (field.type) {
+    // Resolve the widget the same way DynamicForm does (explicit widget wins,
+    // else inferred from type) so action modals and the standalone form stay in
+    // lockstep — previously this switch keyed off `field.type` and silently
+    // dropped `dynamic_select` to a plain text input.
+    const widget = resolveWidget(field)
+    if (widget === 'dynamic_select') {
+        return <DynamicSelectField field={field} value={value} onChange={onChange} />
+    }
+    switch (widget) {
         case 'textarea':
             return <Textarea id={field.key} value={value || ''} onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => onChange(e.target.value)} placeholder={field.placeholder} />
         case 'select':
@@ -283,7 +292,7 @@ function renderField(
                     </SelectContent>
                 </Select>
             )
-        case 'boolean':
+        case 'switch':
             return <Switch id={field.key} checked={!!value} onCheckedChange={onChange} />
         case 'number':
             return <Input id={field.key} type="number" value={value ?? ''} onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.valueAsNumber || '')} placeholder={field.placeholder} />