@12-apps/ui 5.0.0 → 5.0.1

package/dist/layout/Resizable.js

@@ -0,0 +1,199 @@
+import "../chunk-PZ5AY32C.js";
+
+// src/components/layout/Resizable/Resizable.tsx
+import { Box, useTheme } from "@mui/material";
+import { useMemo } from "react";
+
+// src/components/layout/Resizable/Resizable.helpers.ts
+var defaultHandles = (variant) => {
+  switch (variant) {
+    case "horizontal":
+      return ["right"];
+    case "vertical":
+      return ["bottom"];
+    default:
+      return ["right", "bottom", "bottomRight"];
+  }
+};
+var HORIZONTAL_GROW = ["right", "topRight", "bottomRight"];
+var HORIZONTAL_SHRINK = ["left", "topLeft", "bottomLeft"];
+var VERTICAL_GROW = ["bottom", "bottomLeft", "bottomRight"];
+var VERTICAL_SHRINK = ["top", "topLeft", "topRight"];
+var clamp = (value, { min, max }) => Math.max(min, Math.min(max, value));
+var alongAxis = (handle, grow, shrink, start, delta, bounds) => {
+  if (grow.includes(handle)) return clamp(start + delta, bounds);
+  if (shrink.includes(handle)) return clamp(start - delta, bounds);
+  return start;
+};
+var resizedTo = (handle, delta, start, bounds) => ({
+  width: alongAxis(handle, HORIZONTAL_GROW, HORIZONTAL_SHRINK, start.width, delta.x, bounds.width),
+  height: alongAxis(
+    handle,
+    VERTICAL_GROW,
+    VERTICAL_SHRINK,
+    start.height,
+    delta.y,
+    bounds.height
+  )
+});
+var handleStyle = (theme, handle, active) => {
+  const baseStyle = {
+    position: "absolute",
+    backgroundColor: theme.palette.primary.main,
+    opacity: 0,
+    transition: theme.transitions.create("opacity"),
+    "&:hover": {
+      opacity: 0.3
+    },
+    ...active ? { opacity: 0.5 } : {}
+  };
+  switch (handle) {
+    case "right":
+      return { ...baseStyle, top: 0, right: -2, width: 4, height: "100%", cursor: "ew-resize" };
+    case "bottom":
+      return { ...baseStyle, bottom: -2, left: 0, width: "100%", height: 4, cursor: "ns-resize" };
+    case "bottomRight":
+      return {
+        ...baseStyle,
+        bottom: -2,
+        right: -2,
+        width: 8,
+        height: 8,
+        cursor: "nw-resize",
+        borderRadius: "50%"
+      };
+    default:
+      return baseStyle;
+  }
+};
+var RESIZABLE_DEFAULTS = {
+  variant: "both",
+  width: 200,
+  height: 200,
+  minWidth: 50,
+  maxWidth: 1e3,
+  minHeight: 50,
+  maxHeight: 1e3,
+  disabled: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveResizableProps = (props) => ({ ...RESIZABLE_DEFAULTS, ...definedProps(props) });
+
+// src/components/layout/Resizable/Resizable.hooks.ts
+import React, { useCallback, useRef, useState } from "react";
+var useResize = ({ width, height, bounds, disabled, onResize }) => {
+  const [size, setSize] = useState({ width, height });
+  const [isResizing, setIsResizing] = useState(false);
+  const startPos = useRef({ x: 0, y: 0 });
+  const startSize = useRef({ width: 0, height: 0 });
+  const activeHandle = useRef(null);
+  React.useEffect(() => {
+    setSize({ width, height });
+  }, [width, height]);
+  const handleMouseDown = useCallback(
+    (e, handle) => {
+      if (disabled) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsResizing(true);
+      activeHandle.current = handle;
+      startPos.current = { x: e.clientX, y: e.clientY };
+      startSize.current = { width: size.width, height: size.height };
+      const handleMouseMove = (move) => {
+        const delta = {
+          x: move.clientX - startPos.current.x,
+          y: move.clientY - startPos.current.y
+        };
+        const next = resizedTo(handle, delta, startSize.current, bounds);
+        setSize(next);
+        onResize?.(next.width, next.height);
+      };
+      const handleMouseUp = () => {
+        setIsResizing(false);
+        activeHandle.current = null;
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+      };
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+    },
+    [disabled, size, bounds, onResize]
+  );
+  return { size, isResizing, activeHandle, handleMouseDown };
+};
+
+// src/components/layout/Resizable/Resizable.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Resizable = (rawProps) => {
+  const {
+    children,
+    variant,
+    width: initialWidth,
+    height: initialHeight,
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    onResize,
+    disabled,
+    handles,
+    className,
+    "data-testid": dataTestId,
+    ...rest
+  } = resolveResizableProps(rawProps);
+  const theme = useTheme();
+  const bounds = useMemo(
+    () => ({
+      width: { min: minWidth, max: maxWidth },
+      height: { min: minHeight, max: maxHeight }
+    }),
+    [minWidth, maxWidth, minHeight, maxHeight]
+  );
+  const { size, isResizing, activeHandle, handleMouseDown } = useResize({
+    width: initialWidth,
+    height: initialHeight,
+    bounds,
+    disabled,
+    onResize
+  });
+  const activeHandles = handles || defaultHandles(variant);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...rest,
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        position: "relative",
+        width: size.width,
+        height: size.height,
+        border: `1px solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0.5),
+        overflow: "hidden",
+        userSelect: isResizing ? "none" : "auto",
+        "&:hover .resize-handle": {
+          opacity: 0.3
+        }
+      },
+      children: [
+        children,
+        !disabled && activeHandles.map((handle) => /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "resize-handle",
+            "data-testid": dataTestId ? `${dataTestId}-handle-${handle}` : void 0,
+            sx: handleStyle(theme, handle, isResizing && activeHandle.current === handle),
+            onMouseDown: (e) => handleMouseDown(e, handle)
+          },
+          handle
+        ))
+      ]
+    }
+  );
+};
+export {
+  Resizable
+};
+//# sourceMappingURL=Resizable.js.map

package/dist/layout/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/layout/Resizable/Resizable.tsx","../../src/components/layout/Resizable/Resizable.helpers.ts","../../src/components/layout/Resizable/Resizable.hooks.ts"],"sourcesContent":["import { Box, useTheme } from '@mui/material';\nimport React, { useMemo } from 'react';\n\nimport { defaultHandles, handleStyle, resolveResizableProps } from './Resizable.helpers';\nimport { useResize } from './Resizable.hooks';\nimport type { ResizableProps } from './Resizable.types';\n\nexport const Resizable: React.FC<ResizableProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    width: initialWidth,\n    height: initialHeight,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    disabled,\n    handles,\n    className,\n    'data-testid': dataTestId,\n    ...rest\n  } = resolveResizableProps(rawProps);\n  const theme = useTheme();\n  const bounds = useMemo(\n    () => ({\n      width: { min: minWidth, max: maxWidth },\n      height: { min: minHeight, max: maxHeight },\n    }),\n    [minWidth, maxWidth, minHeight, maxHeight],\n  );\n\n  const { size, isResizing, activeHandle, handleMouseDown } = useResize({\n    width: initialWidth,\n    height: initialHeight,\n    bounds,\n    disabled,\n    onResize,\n  });\n\n  const activeHandles = handles || defaultHandles(variant);\n\n  return (\n    <Box\n      {...rest}\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        position: 'relative',\n        width: size.width,\n        height: size.height,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.spacing(0.5),\n        overflow: 'hidden',\n        userSelect: isResizing ? 'none' : 'auto',\n        '&:hover .resize-handle': {\n          opacity: 0.3,\n        },\n      }}\n    >\n      {children}\n      {!disabled &&\n        activeHandles.map((handle) => (\n          <Box\n            key={handle}\n            className=\"resize-handle\"\n            data-testid={dataTestId ? `${dataTestId}-handle-${handle}` : undefined}\n            sx={handleStyle(theme, handle, isResizing && activeHandle.current === handle)}\n            onMouseDown={(e) => handleMouseDown(e, handle)}\n          />\n        ))}\n    </Box>\n  );\n};\n","import type { Theme } from '@mui/material';\n\nimport type { ResizableProps, ResizableVariant, ResizeHandle } from './Resizable.types';\n\nexport interface Axis {\n  min: number;\n  max: number;\n}\n\nexport interface Bounds {\n  width: Axis;\n  height: Axis;\n}\n\nexport const defaultHandles = (variant: ResizableVariant): ResizeHandle[] => {\n  switch (variant) {\n    case 'horizontal':\n      return ['right'];\n    case 'vertical':\n      return ['bottom'];\n    default:\n      return ['right', 'bottom', 'bottomRight'];\n  }\n};\n\nconst HORIZONTAL_GROW: readonly ResizeHandle[] = ['right', 'topRight', 'bottomRight'];\nconst HORIZONTAL_SHRINK: readonly ResizeHandle[] = ['left', 'topLeft', 'bottomLeft'];\nconst VERTICAL_GROW: readonly ResizeHandle[] = ['bottom', 'bottomLeft', 'bottomRight'];\nconst VERTICAL_SHRINK: readonly ResizeHandle[] = ['top', 'topLeft', 'topRight'];\n\nconst clamp = (value: number, { min, max }: Axis): number =>\n  Math.max(min, Math.min(max, value));\n\n/**\n * A handle on the right or bottom edge grows the box by the drag distance; one on\n * the left or top shrinks it by the same amount, because the opposite edge is\n * what stays put. A handle on neither edge of this axis leaves it alone.\n */\nconst alongAxis = (\n  handle: ResizeHandle,\n  grow: readonly ResizeHandle[],\n  shrink: readonly ResizeHandle[],\n  start: number,\n  delta: number,\n  bounds: Axis,\n): number => {\n  if (grow.includes(handle)) return clamp(start + delta, bounds);\n  if (shrink.includes(handle)) return clamp(start - delta, bounds);\n  return start;\n};\n\nexport const resizedTo = (\n  handle: ResizeHandle,\n  delta: { x: number; y: number },\n  start: { width: number; height: number },\n  bounds: Bounds,\n) => ({\n  width: alongAxis(handle, HORIZONTAL_GROW, HORIZONTAL_SHRINK, start.width, delta.x, bounds.width),\n  height: alongAxis(\n    handle,\n    VERTICAL_GROW,\n    VERTICAL_SHRINK,\n    start.height,\n    delta.y,\n    bounds.height,\n  ),\n});\n\nexport const handleStyle = (theme: Theme, handle: ResizeHandle, active: boolean) => {\n  const baseStyle = {\n    position: 'absolute' as const,\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0,\n    transition: theme.transitions.create('opacity'),\n    '&:hover': {\n      opacity: 0.3,\n    },\n    ...(active ? { opacity: 0.5 } : {}),\n  };\n\n  switch (handle) {\n    case 'right':\n      return { ...baseStyle, top: 0, right: -2, width: 4, height: '100%', cursor: 'ew-resize' };\n    case 'bottom':\n      return { ...baseStyle, bottom: -2, left: 0, width: '100%', height: 4, cursor: 'ns-resize' };\n    case 'bottomRight':\n      return {\n        ...baseStyle,\n        bottom: -2,\n        right: -2,\n        width: 8,\n        height: 8,\n        cursor: 'nw-resize',\n        borderRadius: '50%',\n      };\n    default:\n      return baseStyle;\n  }\n};\n\ntype ResizableDefaultedKeys =\n  | 'variant'\n  | 'width'\n  | 'height'\n  | 'minWidth'\n  | 'maxWidth'\n  | 'minHeight'\n  | 'maxHeight'\n  | 'disabled';\n\ntype ResolvedResizableProps = ResizableProps &\n  Required<Pick<ResizableProps, ResizableDefaultedKeys>>;\n\nconst RESIZABLE_DEFAULTS: Pick<ResizableProps, ResizableDefaultedKeys> = {\n  variant: 'both',\n  width: 200,\n  height: 200,\n  minWidth: 50,\n  maxWidth: 1000,\n  minHeight: 50,\n  maxHeight: 1000,\n  disabled: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `minWidth={undefined}`\n// still falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: ResizableProps): Partial<ResizableProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<ResizableProps>;\n\nexport const resolveResizableProps = (props: ResizableProps): ResolvedResizableProps =>\n  ({ ...RESIZABLE_DEFAULTS, ...definedProps(props) }) as ResolvedResizableProps;\n","import React, { useCallback, useRef, useState } from 'react';\n\nimport type { Bounds } from './Resizable.helpers';\nimport { resizedTo } from './Resizable.helpers';\nimport type { ResizeHandle } from './Resizable.types';\n\ninterface ResizeArgs {\n  width: number;\n  height: number;\n  bounds: Bounds;\n  disabled: boolean;\n  onResize?: (width: number, height: number) => void;\n}\n\n/**\n * Tracks the box's size across a drag. The listeners live on the document rather\n * than the handle, so the pointer can leave the handle — or the component — mid\n * drag without the resize sticking.\n */\nexport const useResize = ({ width, height, bounds, disabled, onResize }: ResizeArgs) => {\n  const [size, setSize] = useState({ width, height });\n  const [isResizing, setIsResizing] = useState(false);\n  const startPos = useRef({ x: 0, y: 0 });\n  const startSize = useRef({ width: 0, height: 0 });\n  const activeHandle = useRef<ResizeHandle | null>(null);\n\n  React.useEffect(() => {\n    setSize({ width, height });\n  }, [width, height]);\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent, handle: ResizeHandle) => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsResizing(true);\n      activeHandle.current = handle;\n      startPos.current = { x: e.clientX, y: e.clientY };\n      startSize.current = { width: size.width, height: size.height };\n\n      const handleMouseMove = (move: globalThis.MouseEvent) => {\n        const delta = {\n          x: move.clientX - startPos.current.x,\n          y: move.clientY - startPos.current.y,\n        };\n        const next = resizedTo(handle, delta, startSize.current, bounds);\n\n        setSize(next);\n        onResize?.(next.width, next.height);\n      };\n\n      const handleMouseUp = () => {\n        setIsResizing(false);\n        activeHandle.current = null;\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    },\n    [disabled, size, bounds, onResize],\n  );\n\n  return { size, isResizing, activeHandle, handleMouseDown };\n};\n"],"mappings":"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","names":[]}