@yamada-ui/file-input - npm Package Compare versions

Comparing version 1.0.45-dev-20241016155802 to 1.0.45-dev-20241016161554

dist/file-input.js

@@ -29,2 +29,3 @@ "use client"
 var import_form_control = require("@yamada-ui/form-control");
+var import_use_clickable = require("@yamada-ui/use-clickable");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
@@ -55,9 +56,13 @@ var import_utils = require("@yamada-ui/utils");
       onClick: onClickProp,
-      ...rest
+      ...computedProps
     } = (0, import_form_control.useFormControlProps)((0, import_core.omitThemeProps)(mergedProps));
-    const { "aria-readonly": ariaReadonly, ...formControlProps } = (0, import_utils.pickObject)(
-      rest,
-      import_form_control.formControlProperties
-    );
-    const { disabled, readOnly } = formControlProps;
+    const [
+      {
+        "aria-readonly": ariaReadonly,
+        disabled,
+        readOnly,
+        ...formControlProps
+      },
+      rest
+    ] = (0, import_utils.splitObject)(computedProps, import_form_control.formControlProperties);
     const inputRef = (0, import_react.useRef)(null);
@@ -111,2 +116,9 @@ const [values, setValues] = (0, import_use_controllable_state.useControllableState)({
     }, [children, format, lineClamp, placeholder, separator, component, values]);
+    const clickableProps = (0, import_use_clickable.useClickable)({
+      ref,
+      ...formControlProps,
+      ...rest,
+      isDisabled: disabled || readOnly,
+      onClick: (0, import_utils.handlerAll)(onClickProp, onClick)
+    });
     const css = {
@@ -141,3 +153,5 @@ alignItems: "center",
           accept,
+          disabled,
           multiple,
+          readOnly,
           tabIndex: -1,
@@ -151,10 +165,7 @@ onChange,
         {
-          ref,
           className: (0, import_utils.cx)("ui-file-input", className),
+          "data-placeholder": (0, import_utils.dataAttr)(!(values == null ? void 0 : values.length)),
           py: (values == null ? void 0 : values.length) && component ? "0.125rem" : void 0,
-          ...rest,
-          "data-placeholder": (0, import_utils.dataAttr)(!(values == null ? void 0 : values.length)),
-          tabIndex: 0,
-          onClick: (0, import_utils.handlerAll)(onClickProp, onClick),
           __css: css,
+          ...clickableProps,
           children: cloneChildren
@@ -161,0 +172,0 @@ }

dist/index.js

@@ -31,2 +31,3 @@ "use client"
 var import_form_control = require("@yamada-ui/form-control");
+var import_use_clickable = require("@yamada-ui/use-clickable");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
@@ -57,9 +58,13 @@ var import_utils = require("@yamada-ui/utils");
       onClick: onClickProp,
-      ...rest
+      ...computedProps
     } = (0, import_form_control.useFormControlProps)((0, import_core.omitThemeProps)(mergedProps));
-    const { "aria-readonly": ariaReadonly, ...formControlProps } = (0, import_utils.pickObject)(
-      rest,
-      import_form_control.formControlProperties
-    );
-    const { disabled, readOnly } = formControlProps;
+    const [
+      {
+        "aria-readonly": ariaReadonly,
+        disabled,
+        readOnly,
+        ...formControlProps
+      },
+      rest
+    ] = (0, import_utils.splitObject)(computedProps, import_form_control.formControlProperties);
     const inputRef = (0, import_react.useRef)(null);
@@ -113,2 +118,9 @@ const [values, setValues] = (0, import_use_controllable_state.useControllableState)({
     }, [children, format, lineClamp, placeholder, separator, component, values]);
+    const clickableProps = (0, import_use_clickable.useClickable)({
+      ref,
+      ...formControlProps,
+      ...rest,
+      isDisabled: disabled || readOnly,
+      onClick: (0, import_utils.handlerAll)(onClickProp, onClick)
+    });
     const css = {
@@ -143,3 +155,5 @@ alignItems: "center",
           accept,
+          disabled,
           multiple,
+          readOnly,
           tabIndex: -1,
@@ -153,10 +167,7 @@ onChange,
         {
-          ref,
           className: (0, import_utils.cx)("ui-file-input", className),
+          "data-placeholder": (0, import_utils.dataAttr)(!(values == null ? void 0 : values.length)),
           py: (values == null ? void 0 : values.length) && component ? "0.125rem" : void 0,
-          ...rest,
-          "data-placeholder": (0, import_utils.dataAttr)(!(values == null ? void 0 : values.length)),
-          tabIndex: 0,
-          onClick: (0, import_utils.handlerAll)(onClickProp, onClick),
           __css: css,
+          ...clickableProps,
           children: cloneChildren
@@ -163,0 +174,0 @@ }

package.json

 {
   "name": "@yamada-ui/file-input",
-  "version": "1.0.45-dev-20241016155802",
+  "version": "1.0.45-dev-20241016161554",
   "description": "Yamada UI file input component",
@@ -39,5 +39,6 @@ "keywords": [
   "dependencies": {
-    "@yamada-ui/core": "1.15.3-dev-20241016155802",
-    "@yamada-ui/form-control": "2.1.5-dev-20241016155802",
+    "@yamada-ui/core": "1.15.3-dev-20241016161554",
+    "@yamada-ui/form-control": "2.1.5-dev-20241016161554",
     "@yamada-ui/use-controllable-state": "1.0.22",
+    "@yamada-ui/use-clickable": "1.2.11-dev-20241016161554",
     "@yamada-ui/utils": "1.5.3"
@@ -44,0 +45,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

56118

increased by3.87%

Lines of code

598

increased by5.84%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@yamada-ui/use-clickable@1.2.11-dev-20241016161554

• + Added@yamada-ui/core@1.15.3-dev-20241016161554(transitive)

• + Added@yamada-ui/form-control@2.1.5-dev-20241016161554(transitive)

• + Added@yamada-ui/use-clickable@1.2.11-dev-20241016161554(transitive)

• + Added@yamada-ui/use-event-listener@1.0.22(transitive)

• + Added@yamada-ui/visually-hidden@1.0.14-dev-20241016161554(transitive)

• - Removed@yamada-ui/core@1.15.3-dev-20241016155802(transitive)

• - Removed@yamada-ui/form-control@2.1.5-dev-20241016155802(transitive)

• - Removed@yamada-ui/visually-hidden@1.0.14-dev-20241016155802(transitive)

• Updated@yamada-ui/core@1.15.3-dev-20241016161554

• Updated@yamada-ui/form-control@2.1.5-dev-20241016161554