@react-typed-forms/schemas-html 4.1.0 → 4.2.0

package/lib/index.js

@@ -545,12 +545,13 @@ function DefaultDisplayOnly({
   style,
   renderer,
   textClass,
-  inline
+  inline,
+  state
 }) {
   var _effect = useComponentTracking();
   try {
     var _ref;
-    const text = (_ref = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref : "";
+    const text = state.display != null ? state.display : (_ref = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref : "";
     const {
       Div
     } = renderer.html;
@@ -898,7 +899,8 @@ function renderWizard(props, isChildVisible) {
 const defaultDialogOptions = {
   classes: {
     className: "",
-    titleClass: "text-2xl font-bold"
+    titleClass: "text-2xl font-bold",
+    containerClass: "relative m-4 p-4 min-w-[400px] max-w-[80%] rounded-lg bg-white shadow-sm"
   }
 };
 function createDialogRenderer(options) {
@@ -922,7 +924,8 @@ function DefaultDialogRenderer({
     const {
       classes: {
         titleClass,
-        className
+        className,
+        containerClass
       }
     } = deepMerge(options, defaultDialogOptions);
     const open = useControl(false);
@@ -950,6 +953,7 @@ function DefaultDialogRenderer({
       })), props.designMode ? designContent() : open.value && /*#__PURE__*/jsx(Modal, {
         state: overlayState,
         isDismissable: true,
+        containerClass: containerClass,
         children: dialogContent
       })]
     });
@@ -1903,7 +1907,7 @@ function createButtonActionRenderer(actionId, options = {}) {
     const iconElement = icon && /*#__PURE__*/jsx(I, {
       iconName: icon.name,
       iconLibrary: icon.library,
-      className: iconPlacement == IconPlacement.BeforeText ? options.iconBeforeClass : options.iconAfterClass
+      className: rendererClass(textClass, iconPlacement == IconPlacement.BeforeText ? options.iconBeforeClass : options.iconAfterClass)
     });
     const textClassNames = rendererClass(textClass, isLink ? options.linkTextClass : rendererClass(options.textClass, actionStyle == ActionStyle.Secondary ? options.secondaryTextClass : options.primaryTextClass));
     const textElement = actionContent != null ? actionContent : actionText && /*#__PURE__*/jsx(Span, {
@@ -1989,6 +1993,7 @@ function createDefaultDataRenderer(options = {}) {
         className: "@ " + rendererClass(p.className, displayOnlyClass),
         children: /*#__PURE__*/jsx(DefaultDisplayOnly, {
           dataNode: props.dataNode,
+          state: props.state,
           schemaInterface: props.dataContext.schemaInterface,
           className: props.className,
           textClass: props.textClass,
@@ -2270,8 +2275,11 @@ function DefaultHtmlIconRenderer({
       switch (iconLibrary) {
         case IconLibrary.FontAwesome:
           return "fa fa-" + iconName;
-        default:
+        case IconLibrary.Material:
+        case IconLibrary.CssClass:
           return iconName;
+        default:
+          return iconLibrary + " fa-" + iconName;
       }
     }
   } finally {