@mesob/ui 0.5.7 → 0.5.8

package/dist/components.d.ts

@@ -374,11 +374,13 @@ type EntityFormActionsProps = {
     isSubmitting?: boolean;
     isDeleting?: boolean;
     disabled?: boolean;
+    /** When set, overrides `disabled` for the delete trigger only. */
+    deleteDisabled?: boolean;
     submitLabel?: string;
     deleteLabel?: string;
     itemName?: string;
 };
-declare function EntityFormActions({ mode, onSubmit, onReset, onDelete, onCancel, isSubmitting, isDeleting, disabled, submitLabel, deleteLabel, itemName, }: EntityFormActionsProps): react_jsx_runtime.JSX.Element;
+declare function EntityFormActions({ mode, onSubmit, onReset, onDelete, onCancel, isSubmitting, isDeleting, disabled, deleteDisabled, submitLabel, deleteLabel, itemName, }: EntityFormActionsProps): react_jsx_runtime.JSX.Element;
 
 type EntityHeaderProps = {
     title: ReactNode;
@@ -2336,7 +2338,7 @@ type FileInputProps = Omit<React$1.ComponentProps<'input'>, 'type'> & Omit<Input
     editImageOnSelect?: boolean;
     imageOutputScale?: number;
 };
-declare function FileInput({ className, onFilesChange, clearable, multiple, files: filesProp, defaultFiles, previewItems, leftSection, placeholder, cropAspect, editImageOnSelect, imageOutputScale, label, description, error, required, withAsterisk, inputWrapperOrder, labelProps, descriptionProps, errorProps, inputContainer, disabled, ...props }: FileInputProps): react_jsx_runtime.JSX.Element;
+declare function FileInput({ className, onFilesChange, clearable, multiple, files: filesProp, defaultFiles, previewItems, leftSection, placeholder, cropAspect, editImageOnSelect, imageOutputScale, label, description, error, required, withAsterisk, inputWrapperOrder, labelProps, descriptionProps, errorProps, inputContainer, disabled, id: inputIdProp, ...props }: FileInputProps): react_jsx_runtime.JSX.Element;
 
 type FlexProps = React$1.ComponentProps<'div'> & {
     gap?: ComponentSize | number;

package/dist/components.js

@@ -5019,10 +5019,12 @@ function EntityFormActions({
   isSubmitting = false,
   isDeleting = false,
   disabled = false,
+  deleteDisabled,
   submitLabel,
   deleteLabel = "Delete",
   itemName = "item"
 }) {
+  const deleteTriggerDisabled = deleteDisabled ?? disabled;
   const defaultSubmitLabel = mode === "new" ? "Create" : "Update";
   const label = submitLabel || defaultSubmitLabel;
   return /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
@@ -5058,7 +5060,7 @@ function EntityFormActions({
             Button,
             {
               variant: "destructive",
-              disabled,
+              disabled: deleteTriggerDisabled,
               loading: isDeleting,
               className: "cursor-pointer",
               leftIcon: /* @__PURE__ */ jsx44(IconTrash3, { className: "size-4" })
@@ -19577,10 +19579,12 @@ function FileInput({
   errorProps,
   inputContainer,
   disabled,
+  id: inputIdProp,
   ...props
 }) {
   const inputRef = useRef20(null);
-  const inputId = useId7();
+  const generatedInputId = useId7();
+  const inputId = inputIdProp ?? generatedInputId;
   const [internalFiles, setInternalFiles] = useState45(defaultFiles);
   const [pendingCropFile, setPendingCropFile] = useState45(null);
   const [cropOpen, setCropOpen] = useState45(false);
@@ -19632,7 +19636,14 @@ function FileInput({
   const hasWrapper = label || description || error || required || withAsterisk;
   const RootIcon = singleItem ? getFileIcon2(singleItem.type) : IconPaperclip;
   let metaContent = null;
-  if (items.length > 1) {
+  if (multiple && items.length > 0) {
+    metaContent = /* @__PURE__ */ jsxs95("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
+      items.length,
+      " file",
+      items.length === 1 ? "" : "s",
+      " selected"
+    ] });
+  } else if (!multiple && items.length > 1) {
     metaContent = /* @__PURE__ */ jsxs95("div", { "data-slot": "file-input-meta", className: "cn-file-input-meta", children: [
       items.length,
       " files selected"
@@ -19666,13 +19677,11 @@ function FileInput({
             }
           ),
           /* @__PURE__ */ jsx155(
-            "button",
+            "label",
             {
-              type: "button",
+              htmlFor: inputId,
               "data-slot": "file-input-root",
               className: "cn-file-input-root",
-              onClick: () => inputRef.current?.click(),
-              disabled,
               children: singleItem ? /* @__PURE__ */ jsxs95(Fragment29, { children: [
                 /* @__PURE__ */ jsx155(
                   "div",
@@ -19712,6 +19721,7 @@ function FileInput({
                           variant: "ghost",
                           size: "icon-sm",
                           onClick: (event) => {
+                            event.preventDefault();
                             event.stopPropagation();
                             handleEdit();
                           },
@@ -19727,6 +19737,7 @@ function FileInput({
                           variant: "ghost",
                           size: "icon-sm",
                           onClick: (event) => {
+                            event.preventDefault();
                             event.stopPropagation();
                             handleClear();
                           },
@@ -19769,7 +19780,7 @@ function FileInput({
               ] })
             }
           ),
-          !singleItem && items.length > 1 ? /* @__PURE__ */ jsx155("div", { "data-slot": "file-input-list", className: "cn-file-input-list", children: items.map((item) => {
+          !singleItem && (multiple ? items.length > 0 : items.length > 1) ? /* @__PURE__ */ jsx155("div", { "data-slot": "file-input-list", className: "cn-file-input-list", children: items.map((item) => {
             const ItemIcon = getFileIcon2(item.type);
             return /* @__PURE__ */ jsxs95(
               "div",