@yamada-ui/resizable - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2-dev-20240131005057

dist/index.js

@@ -103,3 +103,3 @@ "use strict";
   controlRef,
-  itemProps,
+  containerProps,
   ...innerProps
@@ -110,3 +110,3 @@ }) => {
     (props = {}) => {
-      const { as, ...rest } = itemProps != null ? itemProps : {};
+      const { as, ...rest } = containerProps != null ? containerProps : {};
       return {
@@ -132,3 +132,3 @@ ...props,
       controlRef,
-      itemProps,
+      containerProps,
       collapsedSize,
@@ -244,3 +244,21 @@ collapsible,
 var ResizableItem = (0, import_core2.forwardRef)(
-  ({ className, children, innerRef, ...rest }, ref) => {
+  ({
+    className,
+    children,
+    innerRef,
+    w,
+    width,
+    minW,
+    minWidth,
+    maxW,
+    maxWidth,
+    h,
+    height,
+    minH,
+    minHeight,
+    maxH,
+    maxHeight,
+    boxSize,
+    ...rest
+  }, ref) => {
     const { styles } = useResizableContext();
@@ -252,11 +270,32 @@ const { getPanelProps, getItemProps } = useResizableItem({
     const css = { boxSize: "full", ...styles.item };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_resizable_panels3.Panel, { ...getPanelProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_core2.ui.div,
       {
-        className: (0, import_utils3.cx)("ui-resizable__item", className),
-        __css: css,
-        ...getItemProps({}, innerRef),
-        children
+        as: import_react_resizable_panels3.Panel,
+        ...getPanelProps({
+          w,
+          width,
+          minW,
+          minWidth,
+          maxW,
+          maxWidth,
+          h,
+          height,
+          minH,
+          minHeight,
+          maxH,
+          maxHeight,
+          boxSize
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_core2.ui.div,
+          {
+            className: (0, import_utils3.cx)("ui-resizable__item", className),
+            __css: css,
+            ...getItemProps({}, innerRef),
+            children
+          }
+        )
       }
-    ) });
+    );
   }
@@ -263,0 +302,0 @@ );

dist/resizable-item.js

@@ -51,3 +51,3 @@ "use strict";
   controlRef,
-  itemProps,
+  containerProps,
   ...innerProps
@@ -58,3 +58,3 @@ }) => {
     (props = {}) => {
-      const { as, ...rest } = itemProps != null ? itemProps : {};
+      const { as, ...rest } = containerProps != null ? containerProps : {};
       return {
@@ -80,3 +80,3 @@ ...props,
       controlRef,
-      itemProps,
+      containerProps,
       collapsedSize,
@@ -113,3 +113,21 @@ collapsible,
 var ResizableItem = (0, import_core.forwardRef)(
-  ({ className, children, innerRef, ...rest }, ref) => {
+  ({
+    className,
+    children,
+    innerRef,
+    w,
+    width,
+    minW,
+    minWidth,
+    maxW,
+    maxWidth,
+    h,
+    height,
+    minH,
+    minHeight,
+    maxH,
+    maxHeight,
+    boxSize,
+    ...rest
+  }, ref) => {
     const { styles } = useResizableContext();
@@ -121,11 +139,32 @@ const { getPanelProps, getItemProps } = useResizableItem({
     const css = { boxSize: "full", ...styles.item };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_resizable_panels2.Panel, { ...getPanelProps(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_core.ui.div,
       {
-        className: (0, import_utils2.cx)("ui-resizable__item", className),
-        __css: css,
-        ...getItemProps({}, innerRef),
-        children
+        as: import_react_resizable_panels2.Panel,
+        ...getPanelProps({
+          w,
+          width,
+          minW,
+          minWidth,
+          maxW,
+          maxWidth,
+          h,
+          height,
+          minH,
+          minHeight,
+          maxH,
+          maxHeight,
+          boxSize
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.ui.div,
+          {
+            className: (0, import_utils2.cx)("ui-resizable__item", className),
+            __css: css,
+            ...getItemProps({}, innerRef),
+            children
+          }
+        )
       }
-    ) });
+    );
   }
@@ -132,0 +171,0 @@ );

dist/use-resizable.d.ts

@@ -8,3 +8,3 @@ import * as react from 'react';
 type GroupPropGetter = (props?: Partial<PanelGroupProps>) => PanelGroupProps;
-type ItemPropGetter = (props?: PanelProps) => PanelProps;
+type ItemPropGetter = (props?: HTMLUIProps<"div"> & PanelProps) => PanelProps;
 type TriggerPropGetter = (props?: PanelResizeHandleProps) => PanelResizeHandleProps;
@@ -126,8 +126,8 @@ type As = {
     /**
-     * Props for resizable item component.
+     * Props for resizable item container element.
      */
-    itemProps?: ResizableItemProps;
+    containerProps?: Omit<HTMLUIProps<"div">, "as"> & ResizableItemProps;
 };
 type UseResizableItemProps = Omit<HTMLUIProps<"div">, keyof UseResizableItemOptions> & UseResizableItemOptions;
-declare const useResizableItem: ({ id, ref, collapsedSize, collapsible, defaultSize, maxSize, minSize, onCollapse, onExpand, onResize, order, controlRef, itemProps, ...innerProps }: UseResizableItemProps) => {
+declare const useResizableItem: ({ id, ref, collapsedSize, collapsible, defaultSize, maxSize, minSize, onCollapse, onExpand, onResize, order, controlRef, containerProps, ...innerProps }: UseResizableItemProps) => {
     getPanelProps: ItemPropGetter;
@@ -134,0 +134,0 @@ getItemProps: UIPropGetter;

dist/use-resizable.js

@@ -97,3 +97,3 @@ "use strict";
   controlRef,
-  itemProps,
+  containerProps,
   ...innerProps
@@ -104,3 +104,3 @@ }) => {
     (props = {}) => {
-      const { as, ...rest } = itemProps != null ? itemProps : {};
+      const { as, ...rest } = containerProps != null ? containerProps : {};
       return {
@@ -126,3 +126,3 @@ ...props,
       controlRef,
-      itemProps,
+      containerProps,
       collapsedSize,
@@ -129,0 +129,0 @@ collapsible,

package.json

 {
   "name": "@yamada-ui/resizable",
-  "version": "1.0.1",
+  "version": "1.0.2-dev-20240131005057",
   "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

61864

increased by2.91%

Lines of code

1737

increased by7.22%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes