@react-typed-forms/schemas 10.3.0 → 10.4.0

package/lib/controlRender.d.ts

@@ -117,6 +117,7 @@ export interface DataRendererProps extends ParentRendererProps {
 export interface ActionRendererProps {
     actionId: string;
     actionText: string;
+    actionData?: any;
     onClick: () => void;
     className?: string;
     style?: React.CSSProperties;
@@ -146,6 +147,7 @@ export interface DataControlProps {
 export type CreateDataProps = (controlProps: DataControlProps) => DataRendererProps;
 export interface ControlRenderOptions extends FormContextOptions {
     useDataHook?: (c: ControlDefinition) => CreateDataProps;
+    actionOnClick?: (actionId: string, actionData: any) => () => void;
     useEvalExpressionHook?: UseEvalExpressionHook;
     clearHidden?: boolean;
     schemaInterface?: SchemaInterface;
@@ -184,7 +186,9 @@ export interface RenderControlProps {
     displayControl?: Control<string | undefined>;
     style?: React.CSSProperties;
     allowedOptions?: Control<any[] | undefined>;
+    actionDataControl?: Control<any | undefined | null>;
     useChildVisibility: ChildVisibilityFunc;
+    actionOnClick?: (actionId: string, actionData: any) => () => void;
 }
 export declare function renderControlLayout(props: RenderControlProps): ControlLayoutProps;
 export declare function appendMarkup(k: keyof Omit<RenderedLayout, "errorControl" | "style" | "className">, markup: ReactNode): (layout: RenderedLayout) => void;

package/lib/hooks.d.ts

@@ -18,4 +18,5 @@ export declare function useEvalDynamicHook(definition: ControlDefinition, type:
 export declare function matchesType(context: ControlDataContext, types?: string[] | null): boolean | undefined;
 export declare function hideDisplayOnly(context: ControlDataContext, field: SchemaField, definition: ControlDefinition, schemaInterface: SchemaInterface): boolean | undefined;
 export declare function useJsonataExpression(jExpr: string, dataContext: DataContext, bindings?: () => Record<string, any>): Control<any>;
+export declare function useEvalActionHook(useExpr: UseEvalExpressionHook, definition: ControlDefinition): EvalExpressionHook<string | null>;
 export declare function useEvalLabelText(useExpr: UseEvalExpressionHook, definition: ControlDefinition): EvalExpressionHook<string | null>;

package/lib/index.js

@@ -41,6 +41,7 @@ exports.DynamicPropertyType = void 0;
   DynamicPropertyType["LayoutStyle"] = "LayoutStyle";
   DynamicPropertyType["AllowedOptions"] = "AllowedOptions";
   DynamicPropertyType["Label"] = "Label";
+  DynamicPropertyType["ActionData"] = "ActionData";
 })(exports.DynamicPropertyType || (exports.DynamicPropertyType = {}));
 exports.ExpressionType = void 0;
 (function (ExpressionType) {
@@ -1107,6 +1108,12 @@ function useJsonataExpression(jExpr, dataContext, bindings) {
   }, [compiledExpr]);
   return control;
 }
+function useEvalActionHook(useExpr, definition) {
+  var dynamicValue = useEvalDynamicHook(definition, exports.DynamicPropertyType.ActionData, useExpr);
+  return makeDynamicPropertyHook(dynamicValue, function () {
+    return core.useControl(null);
+  }, undefined);
+}
 function useEvalLabelText(useExpr, definition) {
   var dynamicValue = useEvalDynamicHook(definition, exports.DynamicPropertyType.Label, useExpr);
   return makeDynamicPropertyHook(dynamicValue, function () {
@@ -1276,6 +1283,7 @@ function useControlRenderer(definition, fields, renderer, options) {
     disabledControl: useEvalDisabledHook(useExpr, definition),
     allowedOptions: useEvalAllowedOptionsHook(useExpr, definition),
     labelText: useEvalLabelText(useExpr, definition),
+    actionData: useEvalActionHook(useExpr, definition),
     customStyle: useEvalStyleHook(useExpr, exports.DynamicPropertyType.Style, definition),
     layoutStyle: useEvalStyleHook(useExpr, exports.DynamicPropertyType.LayoutStyle, definition),
     displayControl: useEvalDisplayHook(useExpr, definition)
@@ -1316,7 +1324,8 @@ function useControlRenderer(definition, fields, renderer, options) {
         labelText = _dynamicHooks.labelText,
         customStyle = _dynamicHooks.customStyle,
         allowedOptions = _dynamicHooks.allowedOptions,
-        defaultValueControl = _dynamicHooks.defaultValueControl;
+        defaultValueControl = _dynamicHooks.defaultValueControl,
+        actionData = _dynamicHooks.actionData;
       var visible = visibleControl.current.value;
       var visibility = core.useControl(function () {
         return visible != null ? {
@@ -1410,6 +1419,8 @@ function useControlRenderer(definition, fields, renderer, options) {
         displayControl: displayControl,
         style: customStyle.value,
         allowedOptions: allowedOptions,
+        actionDataControl: actionData,
+        actionOnClick: _options.actionOnClick,
         useChildVisibility: function useChildVisibility(childDef, context) {
           var schemaField = lookupSchemaField(childDef, (context != null ? context : controlDataContext).fields);
           return useEvalVisibilityHook(useExpr, childDef, schemaField);
@@ -1593,12 +1604,14 @@ function renderControlLayout(props) {
     };
   }
   if (isActionControlsDefinition(c)) {
-    var _ref5, _labelText$value2;
+    var _props$actionDataCont, _props$actionDataCont2, _ref5, _labelText$value2, _props$actionOnClick;
+    var actionData = (_props$actionDataCont = (_props$actionDataCont2 = props.actionDataControl) == null ? void 0 : _props$actionDataCont2.value) != null ? _props$actionDataCont : c.actionData;
     return {
       children: renderer.renderAction({
         actionText: (_ref5 = (_labelText$value2 = labelText == null ? void 0 : labelText.value) != null ? _labelText$value2 : c.title) != null ? _ref5 : c.actionId,
         actionId: c.actionId,
-        onClick: function onClick() {},
+        actionData: actionData,
+        onClick: (_props$actionOnClick = props.actionOnClick == null ? void 0 : props.actionOnClick(c.actionId, actionData)) != null ? _props$actionOnClick : function () {},
         className: cc(c.styleClass),
         style: style
       })
@@ -2555,7 +2568,7 @@ function createFormRenderer(customRenderers, defaultRenderers) {
     var options = hasOptions(props);
     var renderer = (_dataRegistrations$fi = dataRegistrations.find(function (x) {
       var _x$collection, _field$collection, _x$options;
-      return ((_x$collection = x.collection) != null ? _x$collection : false) === (props.elementIndex == null && ((_field$collection = field.collection) != null ? _field$collection : false)) && ((_x$options = x.options) != null ? _x$options : false) === options && (x.schemaType && isOneOf(x.schemaType, field.type) || x.renderType && isOneOf(x.renderType, renderType) || x.match && x.match(props));
+      return ((_x$collection = x.collection) != null ? _x$collection : false) === (props.elementIndex == null && ((_field$collection = field.collection) != null ? _field$collection : false)) && ((_x$options = x.options) != null ? _x$options : false) === options && (x.schemaType && renderType == exports.DataRenderType.Standard && isOneOf(x.schemaType, field.type) || x.renderType && isOneOf(x.renderType, renderType) || x.match && x.match(props));
     })) != null ? _dataRegistrations$fi : defaultRenderers.data;
     var result = renderer.render(props, formRenderers);
     if (typeof result === "function") return result;
@@ -2781,6 +2794,7 @@ exports.toDepString = toDepString;
 exports.useControlDefinitionForSchema = useControlDefinitionForSchema;
 exports.useControlRenderer = useControlRenderer;
 exports.useDynamicHooks = useDynamicHooks;
+exports.useEvalActionHook = useEvalActionHook;
 exports.useEvalAllowedOptionsHook = useEvalAllowedOptionsHook;
 exports.useEvalDefaultValueHook = useEvalDefaultValueHook;
 exports.useEvalDisabledHook = useEvalDisabledHook;