@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/browser/modules/drawer/drawer.js

@@ -0,0 +1,242 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/drawer.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useContext, useEffect, useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { useDialog } from "../shared/dialog.js";
+import { inertProps } from "../shared/inert.js";
+import { OverlayOwner } from "../shared/overlay-owner.js";
+import { useContentTransition, usePresence } from "../shared/presence.js";
+import { ScopedPortal } from "../shared/scoped-portal.js";
+function DrawerSurface({ open, title, description, icon, divided = true, footer, extra, placement = 'right', width = 380, height = 300, closable = true, maskClosable = true, keyboard = true, onClose, afterClose, forceRender = false, destroyOnClose = false, preserve, initialFocus, returnFocus, container: _container, push = false, resizable = false, minSize = 240, maxSize = 900, onResize, children, className, style, ...props }) {
+    const { messages, maskBlur } = useLeafConfig();
+    const id = useId();
+    const panel = useRef(null);
+    const backdrop = useRef(null);
+    const content = useRef(null);
+    const present = usePresence(open, backdrop);
+    const contentRevision = useRef({
+        children,
+        revision: 0
+    });
+    if (children !== contentRevision.current.children) contentRevision.current = {
+        children,
+        revision: contentRevision.current.revision + 1
+    };
+    useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);
+    const owner = useContext(OverlayOwner);
+    const [resized, setResized] = useState();
+    const stopDragging = useRef(void 0);
+    useEffect(()=>()=>stopDragging.current?.(), []);
+    const horizontal = 'left' === placement || 'right' === placement;
+    useEffect(()=>{
+        setResized(void 0);
+    }, [
+        width,
+        height
+    ]);
+    useEffect(()=>{
+        if (!open || !push || !owner) return;
+        const parent = document.getElementById(owner);
+        if (!parent) return;
+        const previous = parent.style.transform;
+        const distance = 'number' == typeof push ? push : 40;
+        parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${'right' === placement || 'bottom' === placement ? -distance : distance}px)`;
+        return ()=>{
+            parent.style.transform = previous;
+        };
+    }, [
+        open,
+        push,
+        owner,
+        placement,
+        horizontal
+    ]);
+    const previous = useRef(false);
+    useEffect(()=>{
+        if (previous.current && !present) afterClose?.();
+        previous.current = present;
+    }, [
+        present,
+        afterClose
+    ]);
+    useDialog(open, panel, id, ()=>onClose?.(), keyboard, {
+        initialFocus,
+        returnFocus
+    });
+    const visited = useRef(false);
+    if (open) visited.current = true;
+    if (!present && !forceRender && ((void 0 === preserve ? destroyOnClose : !preserve) || !visited.current)) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        hidden: !present,
+        className: classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`),
+        "data-blur": maskBlur ? void 0 : 'off',
+        "data-state": open ? 'open' : 'closing',
+        "aria-hidden": !open || void 0,
+        ...inertProps(!open),
+        children: [
+            /*#__PURE__*/ jsx("button", {
+                ref: backdrop,
+                type: "button",
+                tabIndex: -1,
+                className: "leaf-drawer-backdrop",
+                "aria-label": messages.common.close,
+                onClick: ()=>{
+                    if (maskClosable) onClose?.();
+                }
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                ...props,
+                ref: panel,
+                id: props.id ?? id,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": null != title ? `${id}-title` : props['aria-labelledby'],
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    null != description && `${id}-description`
+                ].filter(Boolean).join(' ') || void 0,
+                tabIndex: -1,
+                className: classes('leaf-drawer', divided && 'leaf-drawer--divided', className),
+                style: {
+                    ...horizontal ? {
+                        width: resized ?? width,
+                        height: '100%'
+                    } : {
+                        height: resized ?? height,
+                        width: '100%'
+                    },
+                    ...style
+                },
+                children: [
+                    resizable && /*#__PURE__*/ jsx("div", {
+                        role: "separator",
+                        tabIndex: 0,
+                        "aria-label": messages.tree.expand,
+                        "aria-orientation": horizontal ? 'vertical' : 'horizontal',
+                        "aria-valuemin": minSize,
+                        "aria-valuemax": maxSize,
+                        "aria-valuenow": resized ?? ('number' == typeof (horizontal ? width : height) ? Number(horizontal ? width : height) : void 0),
+                        className: "leaf-drawer__resize",
+                        onPointerDown: (event)=>{
+                            if (!panel.current) return;
+                            stopDragging.current?.();
+                            event.preventDefault();
+                            event.currentTarget.setPointerCapture(event.pointerId);
+                            const start = horizontal ? event.clientX : event.clientY;
+                            const bounds = panel.current.getBoundingClientRect();
+                            const size = horizontal ? bounds.width : bounds.height;
+                            const update = (event)=>{
+                                const next = Math.min(maxSize, Math.max(minSize, size + ((horizontal ? event.clientX : event.clientY) - start) * ('right' === placement || 'bottom' === placement ? -1 : 1)));
+                                setResized(next);
+                                onResize?.(next);
+                            };
+                            const end = ()=>{
+                                window.removeEventListener('pointermove', update);
+                                window.removeEventListener('pointerup', end);
+                                window.removeEventListener('pointercancel', end);
+                            };
+                            stopDragging.current = end;
+                            window.addEventListener('pointermove', update);
+                            window.addEventListener('pointerup', end, {
+                                once: true
+                            });
+                            window.addEventListener('pointercancel', end, {
+                                once: true
+                            });
+                        },
+                        onKeyDown: (event)=>{
+                            if (!panel.current) return;
+                            if (![
+                                'ArrowLeft',
+                                'ArrowRight',
+                                'ArrowUp',
+                                'ArrowDown'
+                            ].includes(event.key)) return;
+                            event.preventDefault();
+                            const bounds = panel.current.getBoundingClientRect();
+                            const size = horizontal ? bounds.width : bounds.height;
+                            const next = Math.min(maxSize, Math.max(minSize, size + ([
+                                'ArrowRight',
+                                'ArrowDown'
+                            ].includes(event.key) ? 10 : -10) * ('right' === placement || 'bottom' === placement ? -1 : 1)));
+                            setResized(next);
+                            onResize?.(next);
+                        }
+                    }),
+                    /*#__PURE__*/ jsxs(OverlayOwner.Provider, {
+                        value: id,
+                        children: [
+                            (null != title || null != description || null != icon || closable || extra) && /*#__PURE__*/ jsxs("div", {
+                                className: classes('leaf-drawer__header', null == title && null == description && null == icon && 'leaf-drawer__header--compact'),
+                                children: [
+                                    null != icon && /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-drawer__icon",
+                                        "aria-hidden": "true",
+                                        children: icon
+                                    }),
+                                    (null != title || null != description) && /*#__PURE__*/ jsxs("div", {
+                                        className: "leaf-drawer__heading",
+                                        children: [
+                                            null != title && /*#__PURE__*/ jsx("h2", {
+                                                id: `${id}-title`,
+                                                children: title
+                                            }),
+                                            null != description && /*#__PURE__*/ jsx("div", {
+                                                id: `${id}-description`,
+                                                className: "leaf-drawer__description",
+                                                children: description
+                                            })
+                                        ]
+                                    }),
+                                    extra && /*#__PURE__*/ jsx("div", {
+                                        className: "leaf-drawer__extra",
+                                        children: extra
+                                    }),
+                                    closable && /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        className: "leaf-modal__close",
+                                        "aria-label": messages.common.close,
+                                        onClick: onClose,
+                                        children: /*#__PURE__*/ jsx(X, {
+                                            size: 18,
+                                            "aria-hidden": "true"
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "leaf-drawer__body",
+                                children: /*#__PURE__*/ jsx("div", {
+                                    ref: content,
+                                    className: "leaf-drawer__content",
+                                    children: children
+                                })
+                            }),
+                            null != footer && /*#__PURE__*/ jsx("div", {
+                                className: "leaf-drawer__footer",
+                                children: footer
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Drawer(rawProps) {
+    const props = useComponentProps('Drawer', rawProps);
+    return /*#__PURE__*/ jsx(ScopedPortal, {
+        container: props.container,
+        children: /*#__PURE__*/ jsx(DrawerSurface, {
+            ...props
+        })
+    });
+}
+export { Drawer };
+
+//# sourceMappingURL=drawer.js.map

package/dist/esm/browser/modules/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer/drawer.js","sources":["../../../../../src/drawer/drawer.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <div className=\"leaf-drawer__body\">\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </div>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}

package/dist/esm/browser/modules/drawer/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Drawer } from "./drawer.js";