@yamada-ui/resizable - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3-dev-20241202030831

dist/index.js

@@ -49,2 +49,3 @@ "use client"
   direction = "horizontal",
+  disabled = false,
   isDisabled = false,
@@ -100,3 +101,3 @@ keyboardStep,
     direction,
-    isDisabled,
+    disabled: disabled || isDisabled,
     getContainerProps,
@@ -186,6 +187,6 @@ getGroupProps
     direction,
-    isDisabled: isGroupDisabled
+    disabled: groupDisabled
   } = useResizableContext();
-  const [isActive, setIsActive] = (0, import_react.useState)(false);
-  const trulyDisabled = disabled || isDisabled || isGroupDisabled;
+  const [active, setActive] = (0, import_react.useState)(false);
+  const trulyDisabled = disabled || isDisabled || groupDisabled;
   const onDoubleClick = (0, import_react.useCallback)(
@@ -217,3 +218,3 @@ (ev) => {
       },
-      "data-active": (0, import_utils.dataAttr)(isActive),
+      "data-active": (0, import_utils.dataAttr)(active),
       onDoubleClick: (0, import_utils.handlerAll)(
@@ -223,8 +224,5 @@ rest.onDoubleClick,
       ),
-      onDragging: (0, import_utils.handlerAll)(
-        rest.onDragging,
-        (isActive2) => setIsActive(isActive2)
-      )
+      onDragging: (0, import_utils.handlerAll)(rest.onDragging, (active2) => setActive(active2))
     }),
-    [id, as, direction, trulyDisabled, rest, onDoubleClick, isActive]
+    [id, as, direction, trulyDisabled, rest, onDoubleClick, active]
   );
@@ -235,5 +233,5 @@ const getIconProps = (0, import_react.useCallback)(
       ref: ref2,
-      "data-active": (0, import_utils.dataAttr)(isActive)
+      "data-active": (0, import_utils.dataAttr)(active)
     }),
-    [isActive]
+    [active]
   );
@@ -240,0 +238,0 @@ (0, import_react.useEffect)(() => {

dist/resizable-trigger.js

@@ -55,6 +55,6 @@ "use client"
     direction,
-    isDisabled: isGroupDisabled
+    disabled: groupDisabled
   } = useResizableContext();
-  const [isActive, setIsActive] = (0, import_react.useState)(false);
-  const trulyDisabled = disabled || isDisabled || isGroupDisabled;
+  const [active, setActive] = (0, import_react.useState)(false);
+  const trulyDisabled = disabled || isDisabled || groupDisabled;
   const onDoubleClick = (0, import_react.useCallback)(
@@ -86,3 +86,3 @@ (ev) => {
       },
-      "data-active": (0, import_utils.dataAttr)(isActive),
+      "data-active": (0, import_utils.dataAttr)(active),
       onDoubleClick: (0, import_utils.handlerAll)(
@@ -92,8 +92,5 @@ rest.onDoubleClick,
       ),
-      onDragging: (0, import_utils.handlerAll)(
-        rest.onDragging,
-        (isActive2) => setIsActive(isActive2)
-      )
+      onDragging: (0, import_utils.handlerAll)(rest.onDragging, (active2) => setActive(active2))
     }),
-    [id, as, direction, trulyDisabled, rest, onDoubleClick, isActive]
+    [id, as, direction, trulyDisabled, rest, onDoubleClick, active]
   );
@@ -104,5 +101,5 @@ const getIconProps = (0, import_react.useCallback)(
       ref: ref2,
-      "data-active": (0, import_utils.dataAttr)(isActive)
+      "data-active": (0, import_utils.dataAttr)(active)
     }),
-    [isActive]
+    [active]
   );
@@ -109,0 +106,0 @@ (0, import_react.useEffect)(() => {

dist/resizable.js

@@ -44,2 +44,3 @@ "use client"
   direction = "horizontal",
+  disabled = false,
   isDisabled = false,
@@ -95,3 +96,3 @@ keyboardStep,
     direction,
-    isDisabled,
+    disabled: disabled || isDisabled,
     getContainerProps,
@@ -98,0 +99,0 @@ getGroupProps

dist/use-resizable.d.ts

@@ -27,3 +27,3 @@ import * as react from 'react';
     direction: ResizableDirection;
-    isDisabled: boolean;
+    disabled: boolean;
     styles: {
@@ -57,2 +57,8 @@ [key: string]: CSSUIObject | undefined;
      */
+    disabled?: boolean;
+    /**
+     * If `true`, the resizable trigger will be disabled.
+     *
+     * @deprecated Use `Disabled` instead.
+     */
     isDisabled?: boolean;
@@ -83,6 +89,6 @@ /**
 }
-declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, isDisabled, keyboardStep, storage, storageKey, groupProps, onLayout, ...rest }: UseResizableProps) => {
+declare const useResizable: ({ id, ref, controlRef: controlRefProp, direction, disabled, isDisabled, keyboardStep, storage, storageKey, groupProps, onLayout, ...rest }: UseResizableProps) => {
     controlRef: RefObject<ResizableGroupControl>;
     direction: ResizableDirection;
-    isDisabled: boolean;
+    disabled: boolean;
     getContainerProps: PropGetter<"div", undefined>;
@@ -443,2 +449,10 @@ getGroupProps: (props?: Partial<PanelGroupProps>) => {
      */
+    disabled?: boolean;
+    /**
+     * If `true`, the resizable trigger will be disabled.
+     *
+     * @default false
+     *
+     * @deprecated Use `disabled` instead.
+     */
     isDisabled?: boolean;
@@ -445,0 +459,0 @@ /**

dist/use-resizable.js

@@ -43,2 +43,3 @@ "use client"
   direction = "horizontal",
+  disabled = false,
   isDisabled = false,
@@ -94,3 +95,3 @@ keyboardStep,
     direction,
-    isDisabled,
+    disabled: disabled || isDisabled,
     getContainerProps,
@@ -180,6 +181,6 @@ getGroupProps
     direction,
-    isDisabled: isGroupDisabled
+    disabled: groupDisabled
   } = useResizableContext();
-  const [isActive, setIsActive] = (0, import_react.useState)(false);
-  const trulyDisabled = disabled || isDisabled || isGroupDisabled;
+  const [active, setActive] = (0, import_react.useState)(false);
+  const trulyDisabled = disabled || isDisabled || groupDisabled;
   const onDoubleClick = (0, import_react.useCallback)(
@@ -211,3 +212,3 @@ (ev) => {
       },
-      "data-active": (0, import_utils.dataAttr)(isActive),
+      "data-active": (0, import_utils.dataAttr)(active),
       onDoubleClick: (0, import_utils.handlerAll)(
@@ -217,8 +218,5 @@ rest.onDoubleClick,
       ),
-      onDragging: (0, import_utils.handlerAll)(
-        rest.onDragging,
-        (isActive2) => setIsActive(isActive2)
-      )
+      onDragging: (0, import_utils.handlerAll)(rest.onDragging, (active2) => setActive(active2))
     }),
-    [id, as, direction, trulyDisabled, rest, onDoubleClick, isActive]
+    [id, as, direction, trulyDisabled, rest, onDoubleClick, active]
   );
@@ -229,5 +227,5 @@ const getIconProps = (0, import_react.useCallback)(
       ref: ref2,
-      "data-active": (0, import_utils.dataAttr)(isActive)
+      "data-active": (0, import_utils.dataAttr)(active)
     }),
-    [isActive]
+    [active]
   );
@@ -234,0 +232,0 @@ (0, import_react.useEffect)(() => {

package.json

 {
   "name": "@yamada-ui/resizable",
-  "version": "1.2.2",
+  "version": "1.2.3-dev-20241202030831",
   "description": "Yamada UI resizable component",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

223206

increased by1.14%

Lines of code

2226

increased by0.27%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes