@inf-monkeys-tech/monkeys-design 1.0.104 → 1.0.107

package/dist/components/data-explorer/index.mjs

@@ -1051,8 +1051,8 @@ function DataExplorerActionBar({
   classNames
 }) {
   const theme = resolveDataExplorerAppearance(appearance);
-  const hasContent = !!leading || !!trailing || !!children || actions.length > 0;
-  const hasRenderableContent = hasContent || !!empty;
+  const hasContent2 = !!leading || !!trailing || !!children || actions.length > 0;
+  const hasRenderableContent = hasContent2 || !!empty;
   if (!hasRenderableContent) {
     return null;
   }
@@ -1073,7 +1073,7 @@ function DataExplorerActionBar({
             actions,
             layout: "action-bar",
             appearance,
-            empty: !hasContent ? empty : void 0,
+            empty: !hasContent2 ? empty : void 0,
             classNames: {
               root: classNames?.actions,
               action: classNames?.action
@@ -3497,28 +3497,47 @@ function DataExplorerSplitButton({
     ) }) : null
   ] });
 }
+function hasContent(value) {
+  return value !== null && value !== void 0 && value !== false && value !== "";
+}
 function DataExplorerDetailField({
   field,
   label = field?.label,
   icon = field?.icon,
   value = field?.value,
+  helperText = field?.helperText,
+  error = field?.error,
+  required = field?.required ?? false,
+  disabled = field?.disabled ?? false,
   children,
   context,
   className,
   valueClassName = field?.valueClassName,
-  classNames
+  classNames,
+  dataAttributes = field?.dataAttributes,
+  labelDataAttributes = field?.labelDataAttributes,
+  valueDataAttributes = field?.valueDataAttributes,
+  helperDataAttributes = field?.helperDataAttributes,
+  errorDataAttributes = field?.errorDataAttributes
 }) {
   const resolvedClassNames = {
     ...field?.classNames,
     ...classNames
   };
   const content = children ?? (field?.render ? field.render(context) : value);
+  const hasError = hasContent(error);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ...dataAttributes,
       title: field?.title,
+      "aria-disabled": disabled || void 0,
+      "data-disabled": disabled || void 0,
+      "data-invalid": hasError || void 0,
+      "data-required": required || void 0,
       className: cn(
         "space-y-1",
+        disabled && "opacity-60",
         resolvedClassNames.root,
         field?.className,
         className
@@ -3542,13 +3561,22 @@ function DataExplorerDetailField({
                   children: icon
                 }
               ) : null,
-              /* @__PURE__ */ jsx("span", { children: label })
+              /* @__PURE__ */ jsx("span", { ...labelDataAttributes, children: label }),
+              required ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn("text-destructive-text", resolvedClassNames.required),
+                  children: "*"
+                }
+              ) : null
             ]
           }
         ),
         /* @__PURE__ */ jsx(
           "div",
           {
+            ...valueDataAttributes,
             className: cn(
               "text-[15px] leading-6 text-foreground",
               resolvedClassNames.value,
@@ -3556,7 +3584,32 @@ function DataExplorerDetailField({
             ),
             children: content
           }
-        )
+        ),
+        hasContent(helperText) ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...helperDataAttributes,
+            "data-slot": "helper",
+            className: cn(
+              "text-xs leading-5 text-muted-foreground",
+              resolvedClassNames.helper
+            ),
+            children: helperText
+          }
+        ) : null,
+        hasError ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...errorDataAttributes,
+            role: "alert",
+            "data-slot": "error",
+            className: cn(
+              "text-xs leading-5 text-destructive-text",
+              resolvedClassNames.error
+            ),
+            children: error
+          }
+        ) : null
       ]
     }
   );
@@ -3579,8 +3632,8 @@ function DataExplorerDetailSection({
     (field) => !(resolveDataExplorerValue(field.hidden, context) ?? false)
   );
   const sectionChildren = children ?? (typeof section?.children === "function" ? section.children(context) : section?.children);
-  const hasContent = Boolean(sectionChildren) || visibleFields.length > 0;
-  if (!hasContent) {
+  const hasContent2 = Boolean(sectionChildren) || visibleFields.length > 0;
+  if (!hasContent2 || resolveDataExplorerValue(section?.hidden, context)) {
     return null;
   }
   return /* @__PURE__ */ jsxs(